/* Main responsive styles */
@media (max-width: 1150px) {
    .filter-form__wrap-inputs {
        -ms-grid-columns: 355px 1fr;
        grid-template-columns: 355px 1fr;
    }
    
    .ff-main-inputs {
        -ms-grid-columns: 1fr 1fr .9fr;
        grid-template-columns: 1fr 1fr .9fr;
    }    
}

@media only screen and (max-width: 992px) {
    :root {
        --container-width: 576px;
    }

    select,
    textarea,
    input {
        font-size: var(--body-font-size);
    }

    .mobile-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 55px;
        background: rgb(255 255 255);
        z-index: 99;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px;
        border-bottom: 1px solid #f3f3f3;
    }

    .mobile-header__logo {
        max-width: 135px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mobile-header__btn {
        width: 45px;
        height: 45px;
        background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M4 8H20M4 16H12' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        background-position: center;
        background-size: cover;
        background-color: transparent;
        border: none;
        -webkit-transition: all .33s ease;
        -o-transition: all .33s ease;
        transition: all .33s ease;
    }

    .mobile-header__btn.js-gl-toggle-button-active {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        opacity: .6;
    }

    .mobile-menu {
        position: fixed;
        top: 80px;
        left: -100%;
        width: calc(100% - 20px);
        height: calc(100% - 85px);
        background: #fff;
        z-index: 95;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
        gap: 22px;
        -webkit-transition: all .33s ease;
        -o-transition: all .33s ease;
        transition: all .33s ease;
        -webkit-box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05), 0 1px 4px 0 rgba(12, 12, 13, 0.1);
                box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05), 0 1px 4px 0 rgba(12, 12, 13, 0.1);
        border-radius: 16px;
    }

    body {
        padding-top: 75px;
    }

    .mobile-menu__nav {
        display: -ms-grid;
        display: grid;
        grid-gap: 20px;
    }

    .mobile-menu__contacts {
        display: -ms-grid;
        display: grid;
        grid-gap: 10px;
    }

    .mobile-menu__nav-item {
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

    .mobile-menu.js-gl-toggle-target-active {
        left: 10px;
    }

    .mobile-menu__contacts-link {
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

    .mobile-header__logo-img {
        width: 100%;
    }

    .mobile-header__logo-svg {
        max-width: 42px;
    }

    .mobile-menu__contacts > *:not(:last-child) {
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 10px;
    }

    .mobile-menu__contacts-item:last-child {
        font-weight: bold;
        font-size: 14px;
    }

    .mobile-menu__contacts-item:first-child {
        font-size: 14px;
    }

    .mobile-header__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        font-size: 12px;
        gap: 4px;
    }

    .mobile-header__contacts-link {
        font-weight: bold;
        text-decoration: none;
        font-size: 16px;
    }

    .hero-bottom .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .header-search {
        display: none;
    }
    
    .desktop-header {
        position: fixed;
        z-index: 80;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    
    .desktop-header__wrap {
        margin-top: 10px;
    }
    
    .header-nav {
        display: none;
    }
    
    .mobile-menu-btn {
        width: 40px;
        height: 40px;
        border-radius: 6px;
        display: block;
        border: 1px solid #21a0a0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24"><g id="Complete"><g id="align-right"><g><polygon fill="%23ffffff" points="19.9 18 11.1 18 11.1 18 19.9 18 19.9 18" stroke="%2321A0A0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><polygon fill="%23ffffff" points="20 14 4 14 4 14 20 14 20 14" stroke="%2321A0A0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><polygon fill="%23ffffff" points="19.9 10 11.1 10 11.1 10 19.9 10 19.9 10" stroke="%2321A0A0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><polygon fill="%23ffffff" points="20 6 4 6 4 6 20 6 20 6" stroke="%2321A0A0" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></g></g></svg>') center no-repeat;
        background-size: 29px;
    }
    
    .mobile-search-btn {
        width: 40px;
        height: 40px;
        border-radius: 6px;
        display: block;
        border: 1px solid #21a0a0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.0392 15.6244C18.2714 14.084 19.0082 12.1301 19.0082 10.0041C19.0082 5.03127 14.9769 1 10.0041 1C5.03127 1 1 5.03127 1 10.0041C1 14.9769 5.03127 19.0082 10.0041 19.0082C12.1301 19.0082 14.084 18.2714 15.6244 17.0392L21.2921 22.707C21.6828 23.0977 22.3163 23.0977 22.707 22.707C23.0977 22.3163 23.0977 21.6828 22.707 21.2921L17.0392 15.6244ZM10.0041 17.0173C6.1308 17.0173 2.99087 13.8774 2.99087 10.0041C2.99087 6.1308 6.1308 2.99087 10.0041 2.99087C13.8774 2.99087 17.0173 6.1308 17.0173 10.0041C17.0173 13.8774 13.8774 17.0173 10.0041 17.0173Z" fill="%2321a0a0"/></svg>') center no-repeat;
        background-size: 22px;
        margin-left: auto;
        margin-right: 12px;
    }
    
    .desktop-header .btn.btn_border.btn_add_icon {
        display: none;
    }
    
    .filter-form__wrap-inputs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    
    .ff-main-inputs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    
    .dealer-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative;
    }
    
    .dealer-card__bottom {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 12px;
    }
    
    .dealer-card__logo {
        width: 100%;
    }
    
    .ff-check__checkmark {
        padding: 8px 7px;
    }
    
    button.js-gl-toggle-button-active {
        opacity: .6;
        -webkit-transform: scale(.9);
            -ms-transform: scale(.9);
                transform: scale(.9);
    }

    .header-search.js-gl-toggle-target-active {
        display: block;
        position: absolute;
        left: 12px;
        width: calc(100% - 36px * 2);
    }
    
    .dealer-card__label {
        position: absolute;
        right: 21px;
        top: 20px;
        background: #fff;
        border-radius: 4px;
        padding: 6px;
    }
    
    .dealer-card__title {
        max-width: unset;
    }
    
    .dealer-card__info {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 11px;
    }
    
    .dc-contacts__row {
        -ms-grid-columns: .6fr 1fr;
        grid-template-columns: .6fr 1fr;
    }
    
    .dc-actions .btn {
        font-size: 12px;
        padding: 0;
    }
    
    .footer {
        -ms-grid-columns: 1fr 22px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 22px;
    }
    
    .footer-block__title {
        font-size: 14px;
    }
    
    .footer-block__nav-item {
        font-size: 12px;
    }
    
    .pagination {
        gap: 12px;
    }
    
    .pagination__links {
        gap: 4px;
    }
    
    .section {
        padding: 15px 0;
    }

    .dealer-page__body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    
    .dealer-page__title {
        font-size: 21px;
    }
    
    .dealer-page-gallery--main__slide {
        height: 215px;
    }
    
    .dealer-page-gallery--thumbs__slide {
        height: 50px;
    }
    
    .dealer-page__body-col {
        grid-gap: 24px;
    }
    
    .dealer-future__heading-title {
        font-size: 14px;
    }
    
    .dealer-future__text {
        font-size: 12px;
    }
    
    .dealer-page__heading {
        font-size: 18px;
        margin-bottom: 16px;
    }
    
    .dealer-branch__title {
        font-size: 16px;
    }    

    .delaer-offers-carousel__slide-img {
        height: 70px;
    }

    .dealer-review-form__inputs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    
    .drf-input__heading {
        margin-bottom: 6px;
    }
    
    .dealer-review-form {
        grid-gap: 16px;
    }
    
    .drf-input .header-search {
        display: block;
    }
    
    .dealer-review-form__bottom-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-top: 8px;
    }    
}

@media print {
    * {
        background: none !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-filter: grayscale(1) !important;
        filter: grayscale(1) !important;
    }
    a {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    a[href="#"],
    a[href="javascript:"] {
        content: "";
    }
}