@media(max-width: 1024px) {

    .cle__col {
        margin-bottom: 30px;
    }

    .cle__col #slider {
        margin-top: 30px !important;
    }

    .back__rows .right__cars__img {
        display: none;
    }

    .content__company .title h2 {
        font-size: 32px !important;
    }

    .calculator .result-item span {
        font-size: 13px;
    }

    .calculator .results h2 {
        font-size: 21px;
        margin-bottom: 20px;
    }

    .button__cacl a {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .elem__acr span {
        max-width: 70%;
    }

    .wrapper__new___autoses .col-md-3 {
        width: 50%;
    }

    .tab-content .row .col-md-3 {
        width: 50%;
    }

    .auto_sale_page .right {
        margin-left: 0;
    }

    .auto_sale_page .float__form {
        margin-top: 0px;
    }
    
    

    header {
        display: none;
    }

    .car__name__float {
        font-size: 4em !important;
        bottom: unset !important;
        top: 140px;
    }

    .calc__credits .calculator {
        flex-direction: column;
    }

    .calc__credits .calculator .left__calc {
        width: 100% !important;
    }

    .price__cred {
        position: unset !important;
        margin-top: 35px;
    }

    .card__fit__search .left__img__slide img {
        width: 100%;
    }

    .calc__credits .calculator .right__calc {
        width: 100% !important;
    }

    .faq__wrap button {
        white-space: wrap !important;
    }

    .partners__block .slide__partner img {
        width: 100%;
    }

    .title__mod h5 {
        font-size: 21px !important;
    }

    .name__banner__autos {
        font-size: 54px !important;
    }

    body .item__menu__ba a {
        height: 170px !important;
    }

    .auto_sale_page .btns_gray,
    .auto_sale_page .btns {
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
    }


    .recomended__card .wrapper__card__recomended img {
        height: 230px !important;
    }


    .news__list h2 {
        font-size: 36px !important;
    }

    #exampleModalThanks .modal-content {
        padding: 20px 30px !important;
    }

    .char__list {
        display: none;
    }

    .errors__pages img {
        width: 100%;
        margin-top: 20px;
    }

    .errors__pages .buttons {
        display: flex;
        flex-direction: column;
    }

    .errors__pages {
        padding: 40px 0;
    }

    .errors__pages .buttons a {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        justify-content: center;
        margin-right: 0 !important;
    }

    .errors__pages .title h4 {
        font-size: 38px !important;
    }

    .tizer__list {
        display: none;
    }

    .filter__panel__form {
        flex-direction: column;
    }

    .slider__front .slick-dots li button {
        width: 35px !important;
    }

    .text__front {
        padding: 40px 15px !important;
    }

    .button__front a {
        width: 100%;
        text-align: center;
    }

    .left__side__front {
        margin-top: 24px;
    }

    .filter__tabs .nav.nav-tabs {
        flex-wrap: nowrap;
        overflow: scroll;
        display: flex;
    }

    .filter__tabs .nav-link {
        white-space: nowrap;
    }

    .custom-select-wrapper {
        width: 100% !important;
    }

    .filter__panel__float .filter__input {
        width: 100%;
        padding: 10px 25px;
    }

    .filter__btn {
        width: 100%;
    }

    .filter__tabs .col-md-2 {
        width: 33%;
    }

    .sale__block {
        padding: 0 !important;
    }

    .wrapper__sale_bnr {
        flex-direction: column;
    }

    body .sale__img {
        width: 100%;
        height: 195px;
    }

    body .txt__sale {
        padding: 0 0 20px;
        margin: 0;
        border-radius: 32px !important;
    }

    .txt__sale a {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .specs .title a {
        display: none;
    }

    .specs .title {
        margin-bottom: 20px !important;
    }

    .tab__video .nav.nav-tabs {
        flex-wrap: nowrap;
        overflow: scroll;
        padding-bottom: 10px;
    }

    .tab__video .nav-link {
        white-space: nowrap;
    }

    /* .slider_wrap_news .col-md-4 {
        margin-right: 0 !important;
    } */

    .autocener .right {
        padding: 15px !important;
    }

    .autocener .col-md-7 {
        position: unset !important;
    }

    .autocener .btns {
        margin-top: 24px;
        margin-bottom: 24px;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .autocener .description {
        margin-top: 24px !important;
    }

    .autocener .tips .col-md-6 {
        width: 49%;
    }

    .menu__footer .btns {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .soc__footer {
        justify-content: center;
    }

    .bottom__footer {
        flex-direction: column;
    }

    .card__fit__search {
        flex-direction: column;
    }

    .card__fit__search .left__img__slide {
        width: 100% !important;
    }

    .card__fit__search .left__img__slide img {
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .card__fit__search .right__text {
        flex-direction: column;
    }

    .card__fit__search .right__text .name__card .top p {
        margin: 12px 0;
    }

    .card__fit__search .right__text {
        position: relative;
    }

    .card__fit__search .right__text .bottom {
        position: absolute;
        right: 10px;
        bottom: 72px;
    }

    .contant__buy .top .title {
        flex-direction: column;
        align-items: flex-start !important;
    }

    body .contant__buy .top .title h4 {
        align-self: stretch;
        color: var(--text-text-primary, #0E2634);
        font-family: "Golos Text";
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%
            /* 39.2px */
        ;

    }

    .contant__buy .top .title span {
        margin: 12px 0;
    }

    .contant__buy .top {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .left_slide_photo .slick-thumbs img {
        height: 55px !important;
    }

    .contant__buy .centers .right .col-md-6 {
        width: 50%;
    }

    .contant__buy .centers .right .col-md-6:nth-child(11) {
        width: 100% !important;
    }

    .contant__buy .centers .right .col-md-6:nth-child(12) {
        width: 100% !important;
    }

    .tizer_buy {
        padding-top: 30px;
    }

    .tiz_buy_wrap {
        margin-bottom: 12px;
    }

    .detail__description .right__float_bnr {
        margin-bottom: 24px;
    }

    .float__form {
        margin-top: 24px;
    }

    .recomended__auto .title .right a {
        display: none !important;
    }

    .recomended__card .row {
        flex-wrap: nowrap;
        overflow: scroll;
    }

    .tizer__company .col-md-6 {
        width: 50%;
    }

    .content__company .right img {
        height: 300px !important;
    }

    .years__block .right__txt img {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .news .title .top__title h4 {
        font-size: 18px !important;
    }

    .wrapper__news .row {
        flex-wrap: nowrap;
        overflow: scroll;
    }

    .button__job a {
        width: 100%;
        text-align: center;
        justify-content: center;
        margin-bottom: 12px;
        margin-right: 0 !important;
    }

    .button__job {
        flex-direction: column;
    }

    .jobs {
        padding-bottom: 40px;
    }

    .news__list .wrapper__news .row {
        flex-wrap: wrap;
        overflow: hidden;
    }

    .content__news__detail .big__photo img {
        height: 184px !important;
    }

    .text__content img {
        height: 188px !important;
    }

    .wrapper__top__vacancy .left .buttons {
        flex-direction: column;
    }

    .wrapper__top__vacancy .left .buttons a {
        width: 100%;
        justify-content: center;
        text-align: center;
        margin-bottom: 12px;
        margin-right: 0 !important;
    }

    .wrapper__top__vacancy .right img {
        margin-top: 30px;
    }

    .mob_none {
        display: none;
    }

    .contact__section .left img {
        width: 100%;
        border-radius: 8px;
        height: 240px;
        object-fit: cover;
    }

    .top__contacts .top__inputs {
        flex-direction: column;
    }

    .top__contacts .left .forms input {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .top__contacts .left .forms .buttons__form {
        flex-direction: column-reverse;
        width: 100%;
    }

    .top__contacts .left .forms .buttons__form button {
        width: 100% !important;
        text-align: center;
    }

    .top__contacts .left .forms .buttons__form a {
        width: 100% !important;
        margin-bottom: 12px;
    }

    .tiz__contact {
        margin-bottom: 24px;
    }

    .back__rows .row {
        flex-direction: column-reverse;
    }

    .wrapper__elementers .title h4 {
        font-size: 38px !important;
    }

    .back__rows {
        padding-top: 60px !important;
    }


    .wrapper__card__auto__row .auto__items img {
        height: 185px !important;
    }

    .form__podbor__auto .col-md-5 {
        display: none;
    }

    .form__podbor__auto {
        padding: 32px 15px !important;
    }

    .form__podbor__auto .title span {
        font-size: 30px !important;
    }

    .form__podbor__auto .forms input:first-child {
        margin-right: 0 !important;
    }

    .form__podbor__auto .forms input {
        width: 100%;
    }

    .form__podbor__auto .forms .buttons {
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }

    .form__podbor__auto .forms .buttons button {
        width: 100%;
        text-align: center !important;
        margin-top: 20px !important;
        justify-content: center;
    }

    .form__podbor__auto .forms .buttons a {
        margin-left: 0 !important;
    }

    .specs .title h3::before {
        bottom: 0 !important;
    }

    .corporat__wrapper .program {
        padding-bottom: 20px;
    }

    .top__right {
        padding: 20px 15px 0 !important;
    }

    .corp_tiz svg {
        margin-bottom: 15px !important;
    }

    .corp_tiz {
        margin-bottom: 12px;
    }

    .testdrive {
        padding: 80px 0 100px !important;
        position: relative;
    }

    .testdrive .left a {
        position: absolute;
        width: 100%;
        bottom: 20px;
        font-size: 13px;
    }

    .lizing_desc {
        margin-bottom: 20px;
    }

    .programm__copr__client .col-md-5 {
        display: none;
    }

    .programm__copr__client {
        padding: 32px 15px !important;
    }

    .programm__copr__client .row .tab-list {
        flex-wrap: nowrap;
        overflow: scroll;
    }

    .programm__copr__client .row .tab-list li {
        white-space: nowrap;
    }

    .wrap__tabe {
        flex-direction: column;
    }

    .wrap__tabe span {
        border-bottom: unset !important;
    }

    .faq-tabs-container {
        flex-direction: column;
    }

    .faq-tabs-list {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .faq-tabs-content {
        width: 100% !important;
        padding: 15px !important;
    }

    .item__tiz__insurance {
        height: auto !important;
        flex-direction: unset !important;
        align-items: center;
        margin-bottom: 12px;
        padding: 15px !important;
    }

    .item__tiz__insurance svg {
        margin-bottom: 0 !important;
        margin-right: 15px;
    }

    .rowerse .item__tiz__insurance {
        margin-top: 0 !important;
    }

    .item__complex__flex {
        flex-direction: column;
    }

    .euraz__motors .left {
        padding: 15px !important;
    }

    .euraz__motors .left .title h4 {
        font-size: 30px !important;
    }

    .euraz__motors .row .col-md-6:nth-child(2) {
        display: none;
    }

    .program__gap .row {
        flex-direction: column-reverse;
    }

    .program__gap {
        position: relative;
        padding: 30px 15px !important;
    }

    .program__gap .row .col-md-5 {
        position: absolute;
        top: 90px;
    }

    .program__gap .left .title h4 {
        margin-bottom: 250px !important;
    }

    .bank__items {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .elements__w {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
        margin-bottom: 12px;
    }

    .bank__items a {
        margin-left: 0 !important;
        width: 100% !important;
        display: inline-block;
        text-align: center;
        justify-content: center;
        margin-top: 12px;
    }

    .bank__items .button {
        width: 100%;
    }

    .calculator .wrapper__sel .form-group input,
    .wrapper__sel .form-group select {
        width: 100%;
    }

    .calculator .wrapper__sel {
        flex-direction: column;
    }

    .calculator .wrapper__sel .form-group {
        width: 100%;
    }

    .calculator .row .col-md-6:nth-child(2) {
        display: none;
    }

    .img__baza img {
        width: 100%;
    }

    .wrapper__baza__top .left .title h4 {
        font-size: 36px !important;
    }

    .custom-form-vikup {
        flex-direction: column;
    }

    .custom-form-vikup select,
    .custom-form-vikup input,
    .custom-form-vikup textarea {
        width: 100% !important;
    }

    .btns__forme {
        flex-direction: column-reverse;
    }

    .btns__forme button {
        width: 100% !important;
        text-align: center;
        justify-content: center;
    }

    .btns__forme a {
        display: inline-block;
        width: 100% !important;
        margin-bottom: 20px;
    }

    .item__baza {
        margin-bottom: 12px;
    }

    .banners__serv {
        height: 245px !important;
    }

    .zapis .title h4 {
        font-size: 36px !important;
    }

    .zapis .forma form {
        flex-direction: column;
    }

    .zapis .forma form input {
        margin-bottom: 15px;
    }

    .zapis .forma a {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }

    .zapis .forma button {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .lis_marka .col-md-3 {
        width: 50%;
    }

    .osblug_baner {
        padding: 30px 15px !important;
        margin: 0 !important;
    }

    .osblug_baner .title h4 {
        font-size: 30px !important;
    }

    .item__obs img {
        width: 130px;
    }

    .item__obs {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .item__menu__ba a {
        height: auto !important;
    }

    .item__menu__ba a svg {
        margin-bottom: 10px;
    }

    .card__block__menu .row .left .row .col-md-6 {
        width: 50%;
    }

    .big_ba {
        height: 265px !important;
    }

    .big_ba a {
        height: 200px !important;
    }

    .back__rows h4 {
        font-size: 36px !important;
    }

    .header__mobile {
        padding: 8px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.31);
        box-shadow: 0 379px 106px 0 rgba(0, 33, 64, 0.00), 0 243px 97px 0 rgba(0, 33, 64, 0.01), 0 136px 82px 0 rgba(0, 33, 64, 0.03), 0 61px 61px 0 rgba(0, 33, 64, 0.06), 0 15px 33px 0 rgba(0, 33, 64, 0.06);
        backdrop-filter: blur(8.699999809265137px);

        margin: 12px 4px;
    }

    .header__mobile .top__headers {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header__mobile .left button {
        outline: none;
        border: none;
        background: unset;
    }

    .header__mobile .right a {
        text-decoration: none;
        color: var(--text-text-primary, #0E2634);
        text-align: right;
        font-family: "Golos Text";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%
            /* 16.8px */
        ;
        letter-spacing: 0.28px;
        text-transform: uppercase;
    }

    .header__mobile .right p {
        margin-bottom: 0;
        color: var(--text-text-secondary, #808080);
        font-family: "Golos Text";
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px
            /* 175% */
        ;

    }

    .header__mobile.active {
        padding: 12px 16px 24px;


        /* 
           Прозрачность background: rgba(...) не работает, если у родителя или у элемента есть свойство background-color с непрозрачным цветом, 
           или если backdrop-filter не поддерживается браузером, или если есть перекрывающие слои.
           Проверьте, нет ли у .header__mobile.active или его родителей background-color: #fff или другого непрозрачного цвета.
           Также убедитесь, что нет перекрывающих элементов с непрозрачным фоном.
        */
        background: rgba(176, 176, 176, 0.77) !important;
        box-shadow: 0 195px 55px 0 rgba(0, 33, 64, 0.00), 0 125px 50px 0 rgba(0, 33, 64, 0.01), 0 70px 42px 0 rgba(0, 33, 64, 0.05), 0 31px 31px 0 rgba(0, 33, 64, 0.09), 0 8px 17px 0 rgba(0, 33, 64, 0.10);
        backdrop-filter: blur(17.1px);

        /* 
           Если прозрачность всё равно не работает, попробуйте убрать или изменить фон у родителя:
           Например:
           .header__mobile { background: transparent !important; }
        */
    }


    .mobile-menu {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .mobile-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .mobile-menu li {
        position: relative;
        transition: background 0.2s;
    }

    .dropdown-toggle::after {
        display: none;
    }

    .mobile-menu li:last-child {
        border-bottom: none;
    }

    .mobile-menu a,
    .mobile-menu .dropdown-toggle {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 16px 20px;
        color: var(--text-text-primary, #0E2634);
        font-family: "Golos Text";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%
            /* 22.4px */
        ;
        text-decoration: none;
        background: none;
        border: none;
        text-align: left;
        cursor: pointer;
        font-family: inherit;
        transition: background 0.2s, color 0.2s;
    }

    .mobile-menu a:hover,
    .mobile-menu .dropdown-toggle:hover {}

    .mobile-menu .dropdown-toggle svg {
        margin-left: auto;
        transition: transform 0.2s;
    }

    .mobile-menu .dropdown.open > .dropdown-toggle svg {
        transform: rotate(180deg);
    }

    .mobile-menu .dropdown-menu {
        display: none;
        padding: 12px 8px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.51);
        /* Убираем absolute, делаем выезжающим блоком */
        position: static;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .mobile-menu .dropdown.open > .dropdown-menu {
        display: block;
        max-height: 500px;
        /* Достаточно для любого количества пунктов */
        opacity: 1;
    }

    .mobile-menu .dropdown-menu li {
        border: none;
    }

    .mobile-menu .dropdown-menu a {
        text-decoration: none;
        color: var(--text-text-primary, #0E2634);
        font-family: "Golos Text";
        font-size: var(--Text-Sizes-Text-Small, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: 150%
            /* 21px */
        ;
    }

    .mobile-menu .dropdown-menu a:hover {
        background: #ececec;
        color: #E31E24;
    }

    .header__mobile.active {
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .mobile-search-form {
        padding: 8px 4px 8px 8px;
        align-items: center;
        margin-top: 15px;
        border-radius: 12px;
        border: 1px solid #FFF;
        background: rgba(255, 255, 255, 0.65);
        backdrop-filter: blur(30px);
    }

    .mobile-search-form {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
        width: 100%;
    }

    .mobile-search-form .search-icon-btn {
        background: none;
        border: none;
        padding: 0 8px 0 0;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .mobile-search-form input[type="text"] {
        flex: 1 1 auto;
        padding: 3px 12px;
        color: var(--Opacity-Neutral-Darkest-60, rgba(4, 11, 1, 0.60));
        font-family: "Golos Text";
        font-size: var(--Text-Sizes-Text-Regular, 16px);
        font-style: normal;
        font-weight: 400;
        line-height: 150%
            /* 24px */
        ;
        background: unset;
        border: unset;
        border-radius: 6px;
        font-size: 16px;
        outline: none;
    }

    .mobile-search-form button[type="submit"].search-submit-btn {
        padding: 4px 12px;

        border-radius: 8px;
        border: 1px solid var(--Opacity-Transparent, rgba(255, 255, 255, 0.00));
        background: var(--Opacity-Neutral-Darkest-5, rgba(4, 11, 1, 0.05));
        color: var(--text-text-primary, #0E2634);
        font-family: "Golos Text";
        font-size: var(--Text-Sizes-Text-Tiny, 15px);
        font-style: normal;
        font-weight: 500;
        line-height: 150%
            /* 18px */
        ;

        border: none;
        cursor: pointer;
        margin-left: 8px;
        transition: background 0.2s;
    }

    .mobile-search-form button[type="submit"].search-submit-btn:hover {
        background: #1a3a4d;
    }


    .oficial__serivce .col-md-4 {
        display: none;
    }

    .oficial__serivce .left {
        padding: 30px 15px !important;
    }

    .oficial__serivce .up__time .wrapper__toper {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .oficial__serivce .up__time .top {
        flex-direction: column;
    }

    .oficial__serivce .title h4 {
        font-size: 28px !important;
    }

    .oficial__serivce button {
        width: 100%;
        justify-content: center;
    }

    .right__cars__img {
        position: unset !important;
    }

    .specs {
        padding: 25px 0 !important;
    }

    .breadcrumb ul {
        overflow: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }

    .element__bottoms .iptoper {
        max-width: 40% !important;
    }
}



@media (min-width: 1200px) and (max-width: 1440px) {
    .name__banner__autos {
        font-size: clamp(40px, 20vw, 272.4px) !important;
    }

    .back__rows .title p {
        font-size: 18px;
    }


}




@media (min-width: 1200px) and (max-width: 1400px) {
    .main__header .container {
        max-width: 100%;
    }

    .zapis .forma input {
        margin: 0 5px;
    }
}