/* Main responsive styles */
@media only screen and (max-width: 992px) {
    :root {
        --container-width: 576px;
    }

    select,
    textarea,
    input {
        font-size: var(--body-font-size);
    }

    body {
        min-width: 375px;
        padding-top: 59px;
    }

    .header .container > .navigation {
        display: none;
    }

    .search-form {
        display: none;
    }

    .auth-link {
        font-size: 16px;
    }

    .mobile-menu-btn {
        display: block;
        width: 33px;
        height: 33px;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0,0,256,256' width='50px' height='50px' fill-rule='nonzero'%3E%3Cg fill='%233b4df3' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(5.12,5.12)'%3E%3Cpath d='M5,8c-0.72127,-0.0102 -1.39216,0.36875 -1.75578,0.99175c-0.36361,0.623 -0.36361,1.39351 0,2.01651c0.36361,0.623 1.0345,1.00195 1.75578,0.99175h40c0.72127,0.0102 1.39216,-0.36875 1.75578,-0.99175c0.36361,-0.623 0.36361,-1.39351 0,-2.01651c-0.36361,-0.623 -1.0345,-1.00195 -1.75578,-0.99175zM5,23c-0.72127,-0.0102 -1.39216,0.36875 -1.75578,0.99175c-0.36361,0.623 -0.36361,1.39351 0,2.01651c0.36361,0.623 1.0345,1.00195 1.75578,0.99175h40c0.72127,0.0102 1.39216,-0.36875 1.75578,-0.99175c0.36361,-0.623 0.36361,-1.39351 0,-2.01651c-0.36361,-0.623 -1.0345,-1.00195 -1.75578,-0.99175zM5,38c-0.72127,-0.0102 -1.39216,0.36875 -1.75578,0.99175c-0.36361,0.623 -0.36361,1.39351 0,2.01651c0.36361,0.623 1.0345,1.00195 1.75578,0.99175h40c0.72127,0.0102 1.39216,-0.36875 1.75578,-0.99175c0.36361,-0.623 0.36361,-1.39351 0,-2.01651c-0.36361,-0.623 -1.0345,-1.00195 -1.75578,-0.99175z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        background-color: transparent;
    }

    .auth-link {
        margin-left: auto;
    }

    .mobile-menu-btn.js-gl-toggle-button-active {
        opacity: .7;
    }

    .mobile-menu {
        position: fixed;
        right: -85%;
        top: 59px;
        width: 85%;
        height: 100%;
        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;
        gap: 20px;
        -webkit-box-shadow: -20px 0px 20px 4px rgb(0 0 0 / 19%);
        box-shadow: -20px 0px 20px 4px rgb(0 0 0 / 19%);
        padding: 15px;
        opacity: .3;
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .header .container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mobile-menu .navigation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .navigation__item {
        color: #000;
    }

    .search-form.search-form_on_menu {
        display: block;
    }

    .mobile-menu.js-gl-toggle-target-active {
        right: 0;
        opacity: 1;
    }

    section:first-child {
        margin-top: 15px;
    }

    .section-breadcrumbs {
        margin-bottom: 20px;
    }

    .hero {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    h1 {
        font-size: 26px;
    }

    .hero__description {
        font-size: 16px;
    }

    .hero__content {
        gap: 10px;
    }

    .hero__image__car {
        bottom: 0;
        right: 0;
        width: 100%;
        max-width: 89%;
        margin: -40px auto;
        display: block;
    }

    .hero__image {
        height: auto;
        margin-bottom: 30px;
    }

    h2 {
        font-size: 22px;
    }

    .regions-link {
        font-size: 16px;
    }

    .section-heading {
        margin-bottom: 20px;
    }

    section {
        margin-bottom: 40px;
    }

    .rating-grid {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .rating-item__title {
        font-size: 16px;
    }

    .rating-item__image {
        padding: 10px;
        height: 160px;
    }

    .pagination {
        margin-top: 25px;
    }

    .video-reviews-grid {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .tabs-nav__item {
        font-size: 13px;
    }

    .articles-grid {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .articles-item:nth-child(n + 3) {
        grid-column: unset;
    }

    .articles-item:nth-child(1), .articles-item:nth-child(2) {
        grid-column: unset;
    }

    .articles-item__image {
        height: 200px;
    }

    .articles-item__title {
        font-size: 16px;
    }

    .pagination__item {
        font-size: 16px;
        width: 30px;
        height: 30px;
    }

    .footer .navigation {
        display: none;
    }

    .footer .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }

    .contacts {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px;
        background: #1e1e1e;
        border-radius: 8px;
    }

    .dealer-top {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 0;
        margin-bottom: 20px;
    }

    .dealer-top__heading {
        display: none;
    }

    .main-form-select.main-form-select_no_bg + .select2 .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
    }

    .delaer-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-bottom: 30px;
    }

    .delaer-content__info:after {
        left: 0;
        right: 0;
        top: unset;
        bottom: calc(25px / 2 * -1);
        width: 100%;
        height: 1px;
    }

    .dealer-page {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .hideContent {
        white-space: normal;
    }

    .rating.rating-stars {
        font-size: 16px;
    }

    .delaer-content__rating__count {
        font-size: 16px;
    }

    .delaer-content__likes__text {
        font-size: 14px;
    }

    .dealer-comment__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
    }

    .dealer-comment__info {
        font-size: 13px;
    }

    .dealer-comment {
        padding: 20px;
    }

    .dealer-comments-form__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .articles-item__tag {
        font-size: 16px;
    }

    .contacts-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .logo.logo_size_large .logo__img {
        width: 50px;
    }

    .logo.logo_size_large .logo__text {
        font-size: 22px;
    }

    .logo.logo_size_large .logo__text b {
        font-size: 24px;
    }

    .contacts-items-item {
        font-size: 16px;
    }

    .contacts-items-item__name {
        max-width: 100px;
    }

    .contacts-grid__content__info {
        margin-bottom: 30px;
    }

    .contacts-grid__content__logo {
        margin-bottom: 30px;
    }

    .contacts-grid__form__title {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .contacts-grid__form__description {
        font-size: 15px;
    }

    .rating-sorting__title {
        font-size: 12px;
    }

    .regions-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .rating-sorting {
        margin-bottom: 20px;
    }

    .regions-block__nav__item {
        font-size: 16px;
    }

    .blog-post__image {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .auth-form {
        padding: 20px;
        border-radius: 25px;
        margin: 25px auto 50px;
    }

    .main-form-label__heading {
        font-size: 18px;
    }

    .main-form-link {
        font-size: 15px;
    }

    .auth-form__submit .btn {
        font-size: 16px;
    }

    .main-form-input {
        font-size: 16px;
    }

    .main-form-checkbox__text {
        font-size: 16px;
    }

    .main-form-checkbox__checkmark {
        top: -1px;
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .mobile-device-helper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #4c4c4c;
        color: #fff;
        font-size: 3vh;
        z-index: 99999;
        text-align: center;
        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-device-helper-inner {
        padding: 50px;
    }
}

@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: "";
    }
}