@media (max-width: 1399px) {
    .topline__city__wrapper {
        position: relative;
    }
    .topline__logo {
        position: absolute;
        top: 64px;
        max-width: 206px;
    }
    .header__menu {
        margin: 32px 0;
    }
}

@media (max-width: 1199px) {
    .catalog .catalog-loop {

        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

    }

}

@media (max-width: 991px) {
    .topline__logo {
        top: 56px;
        background-size: 70% auto;
    }
    .topline__socials {
        display: none;
    }
    .button-icon-header-mobile-switch {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url("../img/button-icon-header-mobile-switch.svg") 50% 50% no-repeat;
        background-size: 100% auto;
    }
    .header__mobile__switch.expanded .button-icon-header-mobile-switch {
        background-image: url("../img/header-menu-more-expanded.svg");
    }
    .header__menu__wrapper {
        display: none;
        width: 100% !important;
    }
    .header__menu {
        flex-direction: column;
        height: auto;
        margin: 0;
    }
    .header__menu>li,
    .header__menu>li a {
        width: 100%;
    }
    .header__menu>li {
        border-bottom: 1px solid rgba(100,113,123,.15);
    }
    .header__more {
        flex-direction: column;
        justify-content: start;
        gap: 8px;
    }
    .header__more__separator {
        height: 1px;
        width: 100%;
        border-bottom: 1px solid rgba(100, 113, 123, .15);
    }
    .header__submenu__wrapper {
        position: relative;
        top: inherit;
        left: inherit;
        visibility: visible;
        opacity: 1;
        display: none;
        width: 100% !important;
        margin-bottom: 16px;
    }
    #common-responses .f-carousel {
        --f-carousel-spacing: 16px;
        --f-carousel-slide-width: calc( 100% - 64px);
    }
    .form-widget-simple .form-control {
        margin-bottom: 8px;
    }
    .block-header {
        display: block;
    }
    .products-carousel.f-carousel {
        --f-carousel-spacing: 16px;
        --f-carousel-slide-width: calc((100% - 16px) / 2);
    }
    .view-table .catalog-item__photo {
        display: none;
    }
    .view-table .catalog-item__info,
    .view-table .catalog-item__more, .view-table .catalog-item__prices {
        display: block;
    }
    .view-table .catalog-item__info>*,
    .view-table .catalog-item__more>*, .view-table .catalog-item__price {
        margin-bottom: 16px;
        width: 100%
    }
    .view-table .add-to-cart-wrapper,
    .view-table .add-to-cart-wrapper>a {
        width: 100%;
    }


}
@media (max-width: 767px) {
    #topline .row {
        padding-top: 0px;
    }
    .topline__city__wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        margin-bottom: 0;
    }
    .topline__logo {
        position: relative;
        top: inherit;
        background-size: 100% auto;
        background-position: 0 70%;
        height:0;
        padding-top: 37%;
        max-width: 160px;
    }
    .topline__logo>span {
        display: none;
    }
    .topline__city__change {
        height: auto;
    }
    .products-carousel.f-carousel {
        --f-carousel-spacing: 16px;
        --f-carousel-slide-width: 100%;
    }
    .catalog .catalog-loop {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

}
@media (max-width: 575px) {
    .topline__logo {
        background-position: 0 60%;
        max-width: 120px;
    }
    .view-table .catalog-item__specs .catalog-item__spec:first-child {
        display: none;
    }
    .catalog .catalog-loop {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}
@media (max-width: 350px) {}