/*
1366
1280 и выше
От 1024 до 1279
От 768 до 1023
От 375 до 767
* { border: 1px solid; }
*/



@media (max-width: 1280px) {
    .holder-header-delivery-text .hidden-block { display: inline; }
    .holder-header-delivery-text .header-delivery-text { display: none; }
    .main-text-block.second .text-block-inner { flex-direction: column; }
    .main-text-block.second .text-block-inner .image-inner { margin: -40px -50px 0 -50px; width: auto; }
    .holder-user-menu { width: 338px; }
    .image-dialog-frame{ min-width:800px}
    .holder-item-action { column-gap: 32px; }
    .list-line-catalog .catalog-list { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1100px) {
    .header-address-text { display: none; }
    .holder-header-function .button-catalog { font-size: 0; gap: 0; padding: 14px 16px; }
    .holder-main-banner-link {  gap: 4px;  }
    .main-listing-brands { grid-template-columns: 1fr 1fr; }
    .list-cart .list-cart-item { flex-direction: column; position: relative; }
    .list-cart .list-cart-column { justify-content: space-between; }
    .list-cart .list-cart-item .name { padding-right: 50px; }
    .list-cart .list-cart-item .select { position: absolute; right: 0; }
    .list-cart .list-cart-item .number { padding-left: 110px; }
    .form-block .form-row { flex-wrap: wrap; }
    .popup-window-content { max-width: 900px; }
    .holder-user-page { gap: 36px; }
    .holder-user-menu { width: 286px; }
    .holder-header-city { flex-direction: column; }
    .holder-item-action.grid { column-gap: 32px; grid-template-areas:
    "B B"
    "A C"; }
}


@media (max-width: 1024px) {
    .holder-header-city { flex-grow: 1; }
    .holder-header-city .hidden-block { display: none; }
    .main-text-block.first { flex-direction: column; gap: 32px; }
    .main-text-block.first tr { flex-direction: column; }
    .main-text-block.second { flex-direction: column; gap: 32px; align-items: center;  }
    .main-text-block.second .text-block-inner { width: 100%; }
    .main-text-block.second .text-block-social { width: 100%; max-width: 600px; display: flex; align-items: center; }
    .main-photoblock-list { grid-template-columns: 1fr; }
    .main-photoblock-image { height: auto; aspect-ratio: 428/238; }
    .main-photoblock-image img { height: auto; aspect-ratio: 428/238; }


    .holder-page-product { flex-direction: column; }
    .holder-list-product { padding-top: 0px; }
    .product-filter { width: 100%;  }
    .product-filter .ui-select { width: 100%  !important; }
    .product-filter select { width: 100%; }

    .holder-page-product .filter-button-show { display: block; }
    .holder-filter-product{ display: none; }

    .container-line-data .container-line-images { width: 300px; }
    .container-images .line-main-image { width: 300px; height: 300px; }
    .holder-main-banner-link { flex-wrap: wrap; align-items: center; justify-content: center ; }
    .holder-main-banner .main-banner { border-radius: 15px; }
    .holder-item-action-text .page-title h1 { font-size: 36px; }
}

@media (max-width: 860px) {
    .holder-header-block { display: none; }
    .holder-header-function.mobile{ display: block; }
    .holder-header-function.desktop{ display: none; }
    .header-menu-block { padding-left: 20px; }
    .holder-header-menu { display: none; }
    .header-placeholder { height: 80px; }
    .holder-page { padding-top: 80px; }
    .main-logo { width: 102px; height: 102px; left: 50%; margin-left: -51px; top: -26px; }
    .main-logo .main-logo-img { width: 66px; height: 49px; background-size: 66px 49px; }

    .holder-header-function .button-show-menu { border-radius: 16px; background: url("/templates/default/pictures/icon/icon-menu-black.svg") center no-repeat; height: 48px; width: 54px; padding: 14px 18px 14px 24px; color: #FFF; font-size: 0px; cursor: pointer; /*box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.16);*/ position: absolute; top: 12px; left: 20px; }
    .holder-header-function .button-catalog { width: 54px;  position: absolute; top: 12px; left: 80px; }
    .holder-header-search-mobile { position: absolute; top: 80px; left: 0; right: 0; background: #fff; padding: 0 20px; }
    .holder-header-search-mobile .header-search { display: none; margin-bottom: 10px; }
    .holder-header-search-mobile input[type="button"] { position: absolute; top: -68px; right: 20px; border: none; display: block; padding: 0; background: url("/templates/default/pictures/icon/icon-search.svg") center no-repeat; background-size: 24px 24px; font-size: 0; height: 48px; width: 54px; cursor: pointer;  }
    .holder-header-client { position: absolute; right: 80px; }

    .holder-catalog-menu { top: 80px; }
    .select-list-catalog { column-count: 2; }
    .holder-contact-address { gap: 32px; }
    .holder-contact-link { gap: 32px; }

    .header-user { width: auto; height: auto; text-align: left; padding-top: 0; }

    .holder-bottom-content .holder-delivery-phone{ flex-direction: column; gap: 14px; }
    .bottom-delivery { width: 100%;  }
    .bottom-phone  { width: 100%;  }
    .request-search-form-holder .request-search-image { width: 340px; }

    .container-line-data { flex-direction: column; }
    .container-line-data .container-line-images { width: auto; }
    .container-images { align-items: center; }
    .container-line-data .container-line-function { width: auto; }
    .holder-list-product-review { flex-direction: column; gap: 16px; }

    .holder-list-product-review .holder-button-review { width: auto; }

    .request-form-holder { flex-direction: column;  }
    .request-product-holder, .request-form-holder .form-block { width: auto; }

    .holder-cart { flex-direction: column; gap: 32px; align-items: stretch;  }
    .holder-order-user { width: auto; order: -1; }
    .holder-cart .holder-cart-order, .cart-order-move { width: auto; }

    .catalog-list { grid-template-columns: 1fr 1fr; }

    .list-line-catalog { grid-template-columns: 1fr 1fr 1fr; }
    .list-line-catalog .item-line:nth-child(4n):after { display: block; }
    .list-line-catalog .item-line:nth-child(3n):after { display: none; }


    .main-mobile-menu .select-city-link { display: flex; gap: 8px; font-size: 16px; }
    .main-mobile-menu .select-city-link .select-city { font-weight: 600; position: relative; display: flex; gap: 4px; cursor: pointer;  align-items: center; }
    .main-mobile-menu .select-city-link .select-city:after { display: inline-block; content: ''; width: 16px; height: 16px; background: url('/templates/default/pictures/icon/icon-select.svg') 50% 60% no-repeat ; background-size: 11px 6px;  }
    .main-action-list .action-link { width: calc( (100% - 16px * 2)/ 3 ); font-size: 14px; line-height: 18px; gap: 10px;  }
    .main-menu.bottom-menu { flex-wrap: wrap; gap: 16px; justify-content: center; }
    .main-text-block.second .text-block-inner { padding: 20px; }

    .popup-place .popup-window-title { font-size: 28px; padding: 20px 46px 20px 46px; }
    .popup-place .popup-window-close { top: 18px; right: 18px;  }
    .select-city-top { flex-wrap: wrap; gap: 16px; }
    .select-city-list { column-count: 2; }
    .popup-window.select-site-city .popup-content { width: 640px; }

    .popup-place .popup-window-content { width: 640px; min-width: 640px; }

    .popup-window .form-review { width: auto; }
    .image-dialog-frame .navigate-image { width: 40px; }
    .holder-item-action.grid { grid-template-columns: 50% auto; }
    .holder-item-action-image img { width: 100% !important; height: auto;  }

    .holder-item-publication { flex-direction: column; gap: 16px;}

    .request-search-form-holder { flex-direction: column; }
    .request-search-form-holder form { width: 100% }
    .request-search-form-holder .request-search-image { width: 100% }

}

@media (max-width: 640px) {
    .block-content { min-width: 320px; }
    .holder-page { min-width: 320px; }
    .holder-contact-phone { flex-direction: column;}
    .holder-contact-address { flex-direction: column;}
    .holder-contact-link { flex-direction: column;}
    .page-title { flex-direction: column;}
    .holder-contact-link .holder-link a { white-space: nowrap; }
    .holder-contact-address .header-address { width: auto; }
    .holder-contact-address .holder-schedule { width: auto; }
    .holder-contact-link .holder-payment { width: 100%; }
    .bottom-phone .bottom-phone-free { flex-direction: column; align-items: flex-start; }
    .main-listing-brands { grid-template-columns: 1fr; }
    .main-textblock-item { width: 100%; }
    .title-text-block.large { font-size: 20px; }
    .title-text-block.middle { font-size: 18px;  }
    .main-photoblock-title { padding: 0 20px;  }
    .main-photoblock-text { padding: 0 20px 20px; font-size: 16px; }
    .main-text-block.second .text-block-inner .image-inner { height: 0; padding-bottom: 70%;}
    .select-list-catalog { column-count: 1;  }
    .list-text-images { width: 100%; padding: 0 10px; }
    .line-analog-item { flex-direction: column; }
    .title-product-data { overflow-x: auto; white-space: nowrap; height: 42px; }
    .popup-window.select-site-city .popup-content { width: 480px; }

    .popup-place .popup-window-title { font-size: 24px; padding: 20px 46px 20px 46px; }
    .popup-place .popup-window-close { top: 18px; }
    .select-city-top { padding: 16px 24px; }
    .select-city-search { padding: 16px 24px; }
    .select-city-search { padding: 16px 24px; }
    .popup-window.select-site-city .popup-block { border-top: 24px solid #fff; border-bottom: 24px solid #fff; }
    .popup-place .popup-block { padding: 24px; }

    .popup-place .popup-window-content { width: 480px; min-width: 480px; }
    .popup-place .authorization .popup-window-content { width: 480px; }
    .popup-place .alert .popup-window-content { width: 480px; }
    .popup-place .authorization .popup-window-content { width: 480px; }
    .popup-place .forgot-password .popup-window-content { width: 480px; }
    .popup-place .one-click-cart .popup-window-content { min-width: 480px; }

    .list-line-catalog { grid-template-columns: 1fr 1fr; }
    .holder-page-product.filter-product .list-line-catalog { grid-template-columns: 1fr 1fr; }
    .list-line-catalog .item-line:nth-child(3n):after { display: block; }
    .list-line-catalog .item-line:nth-child(2n):after { display: none; }

    .holder-page-product.filter-product .list-line-catalog .item-line:nth-child(3n):after { display: block;}
    .holder-page-product.filter-product .list-line-catalog .item-line:nth-child(2n):after { display: none;}

    .popup-place .popup-window-content .button-link { width: 100%; }
    .text-advertising { margin-bottom: 0; }
    .image-dialog-frame{ min-width: 300px}

    .holder-item-action.grid { display: grid; column-gap: 48px; row-gap: 32px; grid-template-areas:
    "B"
    "A"
    "C"; grid-template-rows: 0fr auto auto; grid-template-columns: 100%; }
    .holder-item-action-text .page-title h1 { font-size: 24px;  }

    .holder-showsort { flex-direction: column; gap: 16px; }
    .catalog-list { grid-template-columns: 1fr;  }
}

@media (max-width: 480px) {
    .block-content { padding: 0px 10px; margin: 0; }
    .header-placeholder { height: 62px; }
    .holder-header-search-mobile { top: 62px; }
    .holder-header-function .button-show-menu { left: 0px; top: 8px; }
    .holder-header-function .button-catalog { left: 50px; top: 8px;  }
    .holder-header-search-mobile input[type="button"] { right: 10px; top: -54px; }
    .holder-header-client { right: 60px; top: 8px; }
    .header-cart .header-cart-sum { display: none; }
    .main-logo { width: 68px; height: 68px; margin-left: -34px; top: -8px; }
    .main-logo .main-logo-img { width: 44px;height: 33px; background-size: 44px 33px; }
    .holder-main-banner .main-banner { border-radius: 8px; }
    .holder-main-banner { margin-bottom: 16px; }
    .holder-main-banner-link .banner-link { height: 75px; width: 75px; min-width: 75px; border: 3px solid #F7F7F7; }
    .holder-main-banner-link .banner-link .banner-link-title { font-size: 10px; }
    .main-action-list { gap: 8px 8px; }
    .main-action-list .action-link {  width: calc( (100% - 8px)/ 2 );  gap: 8px; }


    .main-listing-link { gap: 16px; }
    .item-line { padding: 8px;}
    .item-line .image { height: 130px;  width: 130px; }
    .item-line a { font-size: 12px; line-height: 16px; height: 50px; overflow: hidden; }

    .item-line .prices { font-size: 16px; line-height: 24px; flex-wrap: wrap; }

    .item-line .prices .previous { font-size: 14px;}

    .item-line .bonus { font-size: 14px; line-height: 17px; background-size: 16px 16px; padding-left: 18px; }
    .list-line-swiper { margin-left: 0; }
    .item-line .available { font-size: 12px; line-height: 15px; }

    /*
    .select-product-holder .select-product-title {  display: block;  width: 100%; text-align: center; font-size: 14px;   font-weight: 500;  }
    .select-product-holder .unit { display: none; }

    .select-product-holder .select { padding: 6px 6px; }
     */
    .select-product-holder { font-size: 12px; gap: 8px; }

    .button-link, a.button-link { font-size: 14px; line-height: 14px; padding: 12px 12px 13px; border-radius: 8px; }
    .list-line-swiper .swiper-pagination { bottom: 0; }
/*
    .item-line:after { display: block;  }
    .list-line-catalog .item-line:nth-child(2n):after { display: none; }
    */

    .text-product-data { max-width: 480px; overflow: hidden;  }

    .list-text-images .item-image .image { display: block; width: 100%; height: 0; padding-bottom: 90%; }
    .navigator { gap: 4px; }
    .select-city-list { column-count: 1; }

    .popup-place .popup-window-content { width:300px; min-width: 300px; }
    .popup-place .authorization .popup-window-content { width: 300px; }
    .popup-place .alert .popup-window-content { width: 300px; }
    .popup-place .authorization .popup-window-content { width: 300px; }
    .popup-place .forgot-password .popup-window-content { width: 300px; }
    .popup-place .one-click-cart .popup-window-content { min-width: 300px; }

    .list-cart .list-cart-item .number { padding-left: 10px; }
    .select-product-holder .last { gap: 8px; flex-wrap: wrap; }

    .list-review-item { font-size: 14px; }
    .list-review-item .holder-review-reply { margin-left: 24px; }
    .image-dialog-frame .navigate-image { display: none; }
    .holder-cart-stepcrumbs .cart-step-title { display: none; }
    .item-line .prescription-line .prescription { font-size: 12px; }
}


@media (max-width: 320px) {
    .block-content { width: 320px; }
    .holder-page { width: 320px; }
    .text-product-data { max-width: 320px; overflow: hidden;  }

}