@media screen and (max-width:1270px) {
    .category-list{
        --auto-grid-min-size: 12rem;
    }
}
@media screen and (max-width:1220px) {
    .header-inner {
        gap: 45px;
    }
    .phone-wrapper{
        width:180px;
    }
    .phone-wrapper svg{
        left:0;
    }
}
@media screen and (max-width:1145px) {
    .small-banner-wrapper .small-banner-grid{
        --auto-grid-min-size: 14rem;
    }
}
@media screen and (max-width:1080px) {
    .small-banner-wrapper .small-banner-grid{
        --auto-grid-min-size: 14rem;
        gap:20px;
    }
}
@media screen and (max-width:1010px) {
    .header-inner {
        gap: 25px;
    }
}
@media screen and (max-width:1000px) {
    .category-list{
        grid-gap: 20px;
    }
}
@media screen and (max-width:991px) {
    .small-banner-wrapper .small-banner-grid{
        --auto-grid-min-size: 12rem;
        gap:20px;
    }
    footer .ft-copy{
        padding-top:40px;
    }
    .main-menu,
    #catalog-btn{
        display:none;
    }
    #btn-burger{
        display:block;
    }
}
@media screen and (min-width:936px) {
    #mobile-menu.active{
        display: none;
    }
}
@media screen and (max-width:935px) {
    .main-menu-wrapper{
        justify-content: flex-end;
    }

    .phone-wrapper{
        margin-left:auto;
        width: 155px;
        min-width: 155px;
        line-height:20px;
    }
    .phone-wrapper a{
        font-size:18px;
    }
    #catalog-menu,
    .gray .overlay{
        display:none !important;
    }
}
@media screen and (max-width:901px) {
    .goods-scroller-title{
        text-align: center;
    }
}
@media screen and (max-width:890px) {
    .small-banner-wrapper .small-banner-grid{
        --auto-grid-min-size: 10rem;
    }
    .category-index{
        column-count: 2;
        margin-bottom:60px;
    }
}
@media (max-width: 767px) {
    .cart-table colgroup,
    .cart-table thead {
        display: none;
    }

    .cart-table{
        margin:0;
    }
    .cart-table,
    .cart-table tbody,
    .cart-table tfoot{
        display:block;
    }
    .cart-table tfoot tr,
    .cart-table tfoot td{
        display:block;
    }
    .cart-table tfoot td{
        padding-top:25px;
    }
    .cart-table tfoot td .btn{
        display: block;
        width: 100%;
    }
    .cart-table tbody tr td {
        display:block;
        padding:0;
    }
    .cart-table tbody tr td > div {
        width:100%;
    }

    .cart-table tbody tr{
        border-bottom: 1px solid #ddd;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        padding-bottom:30px;
        margin-bottom:30px;
        gap: 15px 10px;
        grid-auto-flow: row;
        grid-template-areas:
        "name name name name name tool"
        "photo price price total total total"
        "photo quantity quantity total total total";
    }
    .cart-table tbody tr:last-child{
        margin-bottom:15px;
    }
    .cart-table tbody tr td.cell-photo{
        grid-area: photo;
    }
    .cart-table tbody tr td.cell-name{
        grid-area: name;
    }
    .cart-table tbody tr td.cell-quantity{
        grid-area: quantity;
    }
    .cart-table tbody tr td.cell-price{
        grid-area: price;
    }
    .cart-table tbody tr td.cell-total{
        grid-area: total;
        text-align: right;
        white-space: nowrap;
        position: relative;
        font-weight: 400;
        font-size: 26px;
        letter-spacing: -0.06em;
        line-height: 1;
    }
    .cart-table tbody tr td.cell-total::before{
        content:'Общая стоимость';
        position: relative;
        display: block;
        font-size: 10px;
        letter-spacing: 0.01em;
        font-weight: 700;
        line-height: 10px;
        margin-bottom: 3px;
    }
    .cart-table tbody tr td.cell-tool{
        grid-area: tool;
        text-align: right;
    }
    .cart-table tbody tr td .product-pricing{
        display: flex;
        gap:20px;
        margin:0;
    }
    .cart-table tbody tr td .product-pricing .price{
        margin:0 !important;
    }

    .about-small .link-box{
        margin-bottom:30px;
        justify-content: center;
    }
    #hit-slider .link-box{
        justify-content: center;
    }
    .hit-block{
        margin-bottom:50px;
    }
    .about-small h1{
        text-align: center;
    }
    .product-photos{
        margin-top:40px;
    }
    .page-content{
        margin-bottom: 30px;
    }
    .page-content.mb50{
        margin-bottom:50px;
    }
    .map-data-row{
        flex-direction: column;
        justify-content: flex-start;
        align-items: inherit;
        gap:4px;
    }
    .header-inner{
        display: block;
        height: auto;
        padding: 20px 0;
    }
    a.top-logo{
        margin: 0 auto;
    }
    a.top-logo img{
        width:226px;
        margin:0 auto;
    }
    a.top-logo div{
        text-align: center;
    }
    .search-wrapper{
        margin: 20px auto 0;
    }
    .phone-wrapper{
        margin: 20px auto 0;
        left:-15px;
    }
}
@media screen and (max-width:760px) {
    .small-banner-wrapper .small-banner-grid{
        --auto-grid-min-size: 9rem;
    }
}
@media screen and (max-width:725px) {
    #top-slider .top-slider-item img{
        height:225px;
        object-fit: cover;
    }
}
@media screen and (max-width:670px) {
    .small-banner-wrapper .small-banner-grid{
        --auto-grid-min-size: 13rem;
    }
    .pharmacies-list .sidebar {
        display: none;
    }
}
@media screen and (max-width:650px) {
    .category-list{
        --auto-grid-min-size: 10rem;
    }
    .category-list .quantity{
        display:none;
    }
    .category-list .product-pricing .price .label{
        display:none;
    }
}
@media screen and (max-width:600px) {
    .selected-pharmacy__pic{
        display: none;
    }
    #map-block{
        margin-bottom:40px;
    }
}
@media screen and (max-width:550px) {
    .category-list, .pagination{
        margin-bottom:60px;
    }
    .category-index{
        background: #fff;
        border-radius: 10px;
        column-count: 1;
        column-gap: 0;
        padding:20px;
    }
    .category-index ul {
        padding:0;
        margin-bottom:10px;
    }
    .category-index ul ul{
        display:none;
    }
    .actions-list__descr{
        flex: auto;
    }
    .product-item{
        min-width: inherit;
    }
    .product-item .title{
        font-size:16px;
    }
    .product-pricing .price .value{
        font-size:22px;
    }
    .product-pricing .price.discount{
        margin-left:0;
    }
    .product-pricing .price.discount .label,
    .product-pricing .price.discount .value{
        text-align: left;
    }
}
@media screen and (max-width:540px) {
    .gray .gray-inner .top-nav {
        display:none;
    }
}
@media screen and (max-width:500px) {
    #hit-slider .hit-nav-wrapper{
        align-items: flex-end;
    }
    #hit-slider .hit-nav{
        flex-direction: column;
        padding-right: 20px;
    }
}
@media screen and (max-width:470px) {
    .small-banner-wrapper .small-banner-grid{
        --auto-grid-min-size: 11rem;
    }
    .field.flex{
        display: block;
    }
    .field.flex label{
        margin-bottom:2px;
    }
    .field.flex .form-value{
        padding-left:25px;
    }
    .cart-table dl{
        display: block;
    }
    .cart-table dl dd{
        margin-left:0;
    }
    .product-item .title {
        font-size: 14px;
    }
}
@media screen and (max-width:440px) {
    .product-wrapper.owl-carousel .quantity{
        display:none;
    }
    .product-wrapper.owl-carousel .product-pricing .price .label{
        display:none;
    }
}
@media screen and (max-width:410px) {
    .small-banner-wrapper .small-banner-grid{
        --auto-grid-min-size: 10rem;
    }
}
@media screen and (max-width:399px) {
    .brands-scroller-wrapper .owl-stage-outer{
        padding:0;
        margin:0;
    }
    .brands-scroller-wrapper .owl-item{
        padding:2px;
    }
    .brands-scroller-wrapper .brand-item{
        box-shadow: none;
        margin:2px;
    }
}
@media screen and (max-width:370px) {
    .category-list{
        --auto-grid-min-size: 9rem;
    }
}

@media screen and (max-width:355px) {
    .cart-table tbody tr{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas:
        "name  name   name   name   name   tool "
        "price  price  price  total  total  total"
        "quantity quantity quantity total total total";
    }
    .cart-table tbody tr td.cell-photo{
        display:none;
    }
}
@media screen and (max-width:349px) {
    .brands-scroller .owl-stage-outer,
    .goods-scroller .owl-stage-outer{
        padding:0;
        margin:0;
    }
    .product-item,
    .product-item:hover{
        width: calc(100% - 10px);
        margin:0 auto;
        box-shadow:none;
        border:1px solid #dadcde;
    }
}