@media (max-width: 1300px) {
    .myservice__category-product-inner {
        grid-template-columns: repeat(4, 1fr);
    }

    .myservice__category-product-inner .myservice__products-item:nth-child(5n) {
        border-right: 1px solid #e5e5e5;
    }

    .myservice__category-product-inner .myservice__products-item:nth-child(4n) {
        border-right: none;
    }

    .myservice__product {
        padding: 0;
    }

    .myservice__header-menu {
        gap: 15px;
    }
}

@media (max-width: 1200px) {
    .myservice__header-top-inner {
        flex-wrap: nowrap;
    }

    .myservice__header-top-search {
        width: 100%;
    }

    .slaider-item {
        height: 500px;
    }

    .myservice__footer-menu {
        padding: 0 0 0 40px;
    }

    .myservice__header-menu > li > a {
        padding: 20px 15px !important;
    }
}

@media (max-width: 1100px) {
    .myservice__category-product-inner {
        grid-template-columns: repeat(3, 1fr);
    }

    .myservice__category-product-inner .myservice__products-item:nth-child(4n) {
        border-right: 1px solid #e5e5e5;
    }

    .myservice__category-product-inner .myservice__products-item:nth-child(3n) {
        border-right: none;
    }

    .myservice__footer-menu {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 25px;
    }

    .myservice__footer-menu-item {
        width: auto;
    }

    .articles-img img {
        max-width: 400px;
    }

    .myservice__header-menu > li > a {
        padding: 20px 10px !important;
    }
}

@media (max-width: 1000px) {
    /*
    .myservice__header-top-add {
        width: 100%;
        justify-content: end;
    }
    */

    .slaider-item {
        height: 400px;
    }

    .slaider-title h2 {
        font-size: 35px;
    }

    .slaider-desc span {
        font-size: 16px;
    }

    .myservice__products {
        padding: 0 0 60px;
    }

    .myservice__products .slick-btn {
        top: auto;
        transform: none;
        opacity: 1;
        bottom: 0;
    }

    .myservice__products .slick-prev,
    .myservice__products:hover .slick-prev {
        left: 0;
        opacity: 1;
        right: 50px;
    }

    .myservice__products .slick-next,
    .myservice__products:hover .slick-next {
        right: 0;
        opacity: 1;
        left: 50px;
    }

    .myservice__best-deal-slider {
        padding: 0 0 60px;
    }

    .myservice__best-deal-slider .slick-btn {
        top: auto;
        transform: none;
        opacity: 1;
        bottom: 15px;
    }

    .myservice__best-deal-slider .slick-prev,
    .myservice__best-deal-slider:hover .slick-prev {
        left: 0;
        opacity: 1;
        right: 50px;
    }

    .myservice__best-deal-slider .slick-next,
    .myservice__best-deal-slider:hover .slick-next {
        right: 0;
        opacity: 1;
        left: 50px;
    }

    .myservice__reviews-slider {
        padding: 0 0 60px;
    }

    .myservice__reviews-slider .slick-btn {
        top: auto;
        transform: none;
        opacity: 1;
        bottom: 0;
    }

    .myservice__reviews-slider .slick-next,
    .myservice__reviews-slider:hover .slick-next {
        right: 0;
        opacity: 1;
        left: 50px;
    }
        
    .myservice__reviews-slider .slick-prev,
    .myservice__reviews-slider:hover .slick-prev {
        left: 0;
        opacity: 1;
        right: 50px;
    }

    .myservice__brands-inner {
        justify-content: center;
        gap: 10px;
    }

    .myservice__clients-inner {
        justify-content: center;
        gap: 10px;
    }

    .myservice__latest-news-slider {
        padding: 0 0 60px;
    }

    .myservice__latest-news-slider .slick-btn {
        top: auto;
        transform: none;
        opacity: 1;
        bottom: 0;
    }

    .myservice__latest-news-slider .slick-next,
    .myservice__latest-news-slider:hover .slick-next {
        right: 0;
        opacity: 1;
        left: 50px;
    }
    
    .myservice__latest-news-slider .slick-prev,
    .myservice__latest-news-slider:hover .slick-prev {
        left: 0;
        opacity: 1;
        right: 50px;
    }

    .myservice__our-shops-retail {
        grid-gap: 20px;
    }

    .myservice__newslatter-inner {
        flex-direction: column;
    }

    .myservice__newslatter-info {
        width: 100%;
        gap: 10px;
    }

    .myservice__newslatter-form {
        width: 100%;
    }

    .myservice__header-menu > li > a {
        gap: 5px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 900px) {
    .myservice__category-inner {
        flex-direction: column;
        position: relative;
    }

    .address__container {
        flex-direction: column;
    }

    .address__list {
        border-right: none;
        padding-right: 0;
        margin-bottom: 24px;
    }

    .address__map {
        flex-basis: auto;
        height: 250px;
    }

    .myservice__slogan p,
    .myservice__our-shops p {
        font-size: 30px;
    }

    .myservice__product-wrapper {
        flex-direction: column;
    }

    .myservice__product-slaider-inner {
        margin: 0 auto 20px;
    }

    .myservice__category-leftsaitbar {
        display: none;
        position: absolute;
        top: 33px;
        right: 0;
        margin: 0;
        max-width: 50%;
        background: #fff;
        z-index: 1;
    }

    .myservice__category-filter {
        display: block;
        cursor: pointer;
        margin: 10px 0 10px auto;
        font-size: 15px;
        transition: all .2s ease-in-out;
        text-transform: uppercase;
        letter-spacing: 1.2px;
    }

    .articles-img img {
        max-width: 300px;
    }

    .myservice__header-menu > li > a {
        padding: 20px 5px !important;
        font-size: 12px !important;
    }

    .myservice__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 800px) {
    .header__btn-menu {
		display: block;
	}

    .myservice__header-menu-inner {
        position: relative;
    }

    .myservice__header-nav {
        padding: 5px 0;
        display: flex;
        justify-content: flex-end;
    }

    .myservice__header-nav .myservice__header-menu {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 35px;
        width: 100%;
        text-align: center;
        background: #000;
        z-index: 3;
    }

    .myservice__header-menu > li {
        height: 35px;
    }

    .myservice__header-menu > li > a {
        justify-content: flex-start;
        padding: 0 10px;
    }

    .myservice__header-menu > li.active,
    .myservice__header-menu > li.active:hover,
    .myservice__header-menu > li:hover {
        border-radius: 0;
    }

    .slaider-item {
        height: 350px;
    }

    .myservice__product {
        padding: 0;
    }

    .shopping__cart {
        padding: 0 0 30px;
    }

    .shopping__cart h1 {
        font-size: 22px;
        margin: 10px 2px 0;
    }

    .myservice__info-img {
        grid-template-columns: repeat(1, 1fr);
    }

    .myservice__info-img-item {
        gap: 15px;
        padding: 15px;
    }

    .shopping__cart-inner {
		border: none;
        margin: 12px 0;
	}

	.shopping__cart-item {
		border-bottom: none;
		/*flex-direction: column;*/
		align-items: center;
		margin: 0 0 15px;
		border: 1px solid #ddd;
		box-shadow: 0 0 13px rgba(0,0,0,.15);
        position: relative;
	}

	.shopping__cart-img,
	.shopping__cart-title,
	.shopping__cart-edit,
	.shopping__cart-price,
	.shopping__cart-qty,
	.shopping__cart-subtotal,
	.shopping__cart-remove,
    .cart-calculator {
		max-width: 100%;
        width: 100%;
		border-right: none;
		/*border-bottom: 1px solid #ddd;*/
		text-align: center;
        padding: 8px;
        justify-content: flex-start;
	}

    .shopping__cart-img {
        border-bottom: none;
    }

    .shopping__cart-title {
        max-width: fit-content;
        width: auto;
    }

    span.price-name {
        order: 1;
    }

    .shopping__cart-item a span {
        margin: 0;
        text-align: left;
    }

    .shopping__cart-item a span b {
        color: #000;
    }

    .shopping__cart-mobile-info {
        flex-direction: column;
    }

    .shopping__cart-mobile-calc {
        display: flex;
        width: fit-content;
    }

    .shopping__cart-title a span.price-per-unit {
        background: yellow;
        font-size: 17px;
        font-weight: 600;
        padding: 2px 5px;
        border-radius: 3px;
    }

    .shopping__cart-item a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .cart-calculator {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
    }

    .shopping__cart-img img {
        max-width: 100px;
    }

	.shopping__cart-remove {
		border-bottom: none;
        position: absolute;
        top: 0;
        right: 0;
	}

    .shopping__cart-subtotal span {
        background: yellow;
        font-size: 17px;
        font-weight: 600;
        padding: 2px 5px;
        border-radius: 3px;
    }

    .shopping__cart-remove span {
        position: absolute;
        top: 10px;
        right: 10px;
    }

	.counter-tovara input {
		width: 95px;
	}

	.shopping__cart-item:last-child {
		border-bottom: 1px solid #ddd;
	}

	button.cart-btn,
	.shopping__cart-item a.cart-btn {
		padding: 10px;
	}

	.cart__discount-totals {
		flex-direction: column-reverse;
	}

	.cart__totals {
		max-width: 100%;
		margin: 0 0 20px;
	}

    .myservice__footer-inner {
        flex-direction: column;
        gap: 20px;
    }

    .myservice__footer-menu {
        padding: 0;
        border-left: none;
    }

    .menu-item:hover .catalog-menu {
        display: none;
    }
}

@media (max-width: 700px) {
    .myservice__header-top-city {
        display: none;
    }

    .myservice__header-top-add {
        width: auto;
    }

    .myservice__header-top-search {
        display: none;
    }

    .myservice__header-top-search-mobile {
        display: block !important;
    }

    button.cart-btn {
        font-size: 12px;
    }

    .myservice__our-shops-opt {
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    .articles-img img {
        max-width: 215px;
    }
}

@media (max-width: 600px) {
    .slaider-title h2 {
        font-size: 30px;
    }

    .shopping__cart-btn {
        border-bottom: none;
        flex-direction: column;
        align-items: center;
        border: 1px solid #ddd;
        box-shadow: 0 0 13px rgba(0,0,0,.15);
    }

    .shopping__cart-item a.cart-btn {
        margin: 10px 0 0;
        display: inline-block;
    }

    .shopping__cart-btn button + button {
        margin: 10px 0 0;
    }

    .myservice__footer-basement-inner {
        flex-direction: column;
    }

    .myservice__category-product-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .myservice__category-product-inner .myservice__products-item:nth-child(3n) {
        border-right: 1px solid #e5e5e5;
    }

    .myservice__category-product-inner .myservice__products-item:nth-child(2n) {
        border-right: none;
    }

    .myservice__category-leftsaitbar {
        max-width: 60%;
    }

    .articles-img {
        float: none;
        margin: 30px auto 0;
    }

    .articles-img img {
        max-width: 350px;
        margin: 0 auto;
    }

    .myservice__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .myservice__banner-info h3 {
        font-size: 27px !important;
    }

    .myservice__banner-btn {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 500px) {
    .myservice__header-top .myservice__container {
        padding: 0 10px;
    }

    .myservice__header-top-logo img {
        max-width: 110px;
    }

    .myservice__header-menu-wrapper.myservice__header-menu-wrapper-fixed {
        position: unset;
    }

    .myservice__header-top-inner {
        gap: 5px;
    }

    .myservice__header-menu-inner {
        position: unset;
    }

    .myservice__header-menu-inner .myservice__container {
        padding: 0 10px;
    }

    .myservice__header-top-modal > span {
        border-radius: 0;
        width: 30px;
        height: 30px;
        font-size: 25px;
        background: transparent;
        color: #fff;
    }

    .myservice__header-top-modal > span.icon-angle-down::before {
        content: "\f095";
    }

    .myservice__header-top-modal > span.close-drop::before {
        content: "\f00d";
    }

    .myservice__header-nav .myservice__header-menu {
        top: 30px;
    }

    .myservice__header-top-modal-drop {
        width: 182px;
    }

    .myservice__header-top-phone {
        display: none;
    }

    .menu-item.menu-item-mobile {
        display: block;
        font-weight: 600;
    }

    .header__event {
        display: none;
    }

    .myservice__header-top-phone a {
        font-size: 12px;
    }

    .breadcrumb {
        padding: 5px 0;
    }

    .breadcrumb a {
        font-size: 13px;
    }

    .breadcrumb span.delimiter {
        margin: 0;
    }

    .myservice__slogan {
        padding: 15px 5px;
    }

    .myservice__advantages-inner {
        gap: 15px;
    }

    .myservice__advantages-item h4 {
        min-height: auto;
    }

    .myservice__product-single-title {
        font-size: 22px;
    }

    .prod_ftxt {
        font-size: 14px;
    }

    .prod_ftxt h2 {
        font-size: 17px;
    }

    .slaider-title h2 {
        font-size: 24px;
        text-align: center;
    }

    .slaider-desc span {
        font-size: 15px;
        text-align: center;
    }

    .myservice__slogan p,
    .myservice__our-shops p {
        font-size: 25px;
    }

    .myservice__shop-categories {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 10px;
    }

    .myservice__our-shops-retail {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }

    .myservice__footer-menu {
        grid-template-columns: repeat(1,1fr);
    }

    .myservice__category-leftsaitbar {
        max-width: 70%;
    }

    .myservice__header-top-inner {
        gap: 5px;
    }

    .myservice__header-top-phone a {
        font-size: 12px;
    }

    .myservice__products-item {
        border-inline-end: none;
    }

    .myservice__best-deal-item {
        flex-direction: column;
        gap: 5px;
    }

    .myservice__header-top-add-item {
        width: 35px;
        height: 35px;
    }

    .myservice__header-top-add-item-login {
        width: 25px !important;
    }

    .header__btn-menu {
        width: 22px;
        height: 18px;
    }

    .myservice__header-top-add {
        gap: 15px;
    }

    .myservice__products-title a h2 {
        font-size: 14px;
    }

    .myservice__category-rightsaitbar-text p {
        font-size: 14px;
    }

    .myservice__products-title a {
        font-size: 13px;
    }

    .domleks-login__wrapper {
        top: 42px;
    }
}

@media (max-width: 400px) {
    .myservice__products-item {
        border-inline-end: none;
    }

    .myservice__best-deal-item {
        flex-direction: column;
        gap: 5px;
    }

    .myservice__best-deal-photo {
        width: 100%;
    }

    .myservice__best-deal-info {
        width: 100%;
    }

    .myservice__brands-item img {
        max-width: 80px;
    }

    .myservice__clients-item {
        font-size: 15px;
    }

    .myservice__category-product-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .myservice__category-product-inner .myservice__products-item:nth-child(n) {
        border: 1px solid #e5e5e5;
    }

    .myservice__category-leftsaitbar {
        max-width: 100%;
    }

    .myservice__sort-bar-inner {
        padding: 5px;
        gap: 3px;
    }

    .myservice__sort-bar-item select {
        padding: 2px 3px;
    }

    .shopping__cart-img,
	.shopping__cart-title,
	.shopping__cart-edit,
	.shopping__cart-price,
	.shopping__cart-qty,
	.shopping__cart-subtotal,
	.shopping__cart-remove,
    .cart-calculator {
        padding: 5px;
	}

    .shopping__cart-item a span {
        font-size: 15px;
    }

    .shopping__cart-subtotal span {
        font-size: 16px;
        font-weight: 500;
        padding: 2px;
    }

    .shopping__cart-title a span.price-per-unit {
        font-size: 16px;
        font-weight: 500;
        padding: 2px;
    }

    .domleks-login__wrapper {
        max-width: 270px;
        width: 270px;
        padding: 10px;
    }

    .shopping__cart-mobile-calc {
        flex-wrap: wrap;
    }
}

@media (max-width: 360px) {
    .myservice__header-top-logo a img {
        height: 30px;
    }

    .myservice__header-top-phone a,
    .myservice__header-top-phone p {
        font-size: 12px !important;
    }

    .myservice__header-top-search-mobile .fantazy__header-center-search {
        top: 57px;
    }

    .myservice__grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .myservice__header-top-modal > span.icon-angle-down {
        font-size: 18px;
        width: 20px;
        height: 20px;
    }

    .address__title {
        font-size: 20px;
    }

    .address__phones a {
        font-size: 17px;
    }
}

@media (min-width: 901px) {
    .myservice__category-leftsaitbar {
		display: block !important;
	}
}

@media (min-width: 801px){
	.myservice__header-nav .myservice__header-menu {
		display: flex !important;
	}
}