@media (min-width: 1921px) {
    .hero {
        /*min-height: 619px;
        max-height: max-content;*/
    }

    .compl__choiceModel {
        margin-top: -37px;
    }
}

@media (max-width: 1980px) {
    .timer-flipchart-card {
        width: min(4vw, 77px);
        height: min(5vw, 104px);
    }
    .cred__main {
        background-position: 100% 0;
        background-size: 104%;
    }

    .offres {
        padding: 3vw 0;
        background: #21252A;
    }

    .offres_cont {
        padding: 2vw 4vw 2vw 2vw;
    }

    .offres_title span {
        font-size: 1.8vw;
    }

    .offres_title i {
        width: 7vw;
    }

    .offres_title i:after {
        width: 4vw;
        height: 4vw;
        background-size: contain;
    }
}

@media (max-width: 1780px) {
    .advant_list {
        width: 54%;
    }

    .cred__main {
        background-position: 50%;
        background-size: 120%;
    }

    .tb_complects tr td.compl_imgs {
        width: 48%;
    }

    .header__contactBlock {
        max-width: 44%;
    }



    .cars {}
.cars__title {}
.cars-menu {}
.cars-menu__container {}
.cars-menu__item {}
.cars-menu__item span {}
.cars-menu__item img {}
.cars__content {}
.car {}
.car__bg-name {}
.car__bg-name img {}
.car__container {}
.car__title {}
.car__title_black {}
.car__title_red {}
.car__info {}
.car__profit {
    font-size: 1.9vw;
}
.car__profit span {}
.car__props {}
.car__props-item {}
.car__props-item b {}
.car__props-item_ico1 {}
.car__props-item_ico2 {}
.car__props-item_ico3 {}
.car__props-item_ico4 {}
.car__gallery-wrapper {}
.car__gallery {}
.car__gallery .swiper-wrapper {}
.car__gallery-item {}
.car__gallery-item img {}
.car__gallery-wrapper .car__gallery-nav {}
.car__gallery-wrapper .cars__gallery-next {}
.car__gallery-wrapper .cars__gallery-prev {}
.car__image {}
.car__adds {
    top: -38px;
}
.car__adds-item {}
.car_adds-ico {}
.car_adds-text {}
.car_adds-text_big {}
.car_adds-text_span {}
.car__colors {}
.car__colors-choice {
    margin-left: 6%;
}

.car:nth-child(even) .car__colors-choice {
    margin-right: 2%;
}
.colors-choice {}
.colors-choice__item {}
.colors-choice__item-block {}
.colors-choice__text {
    font-size: 0.8vw;
}
.colors-choice__turn-page {}
.colors-choice__turn-page-svg {}
.car__color {}
.car__color img {}
.car__btns {}
.car__btn {}
}

@media (max-width: 1550px) {
    .hero .hero__title_container {
        font-size: min(2vw, 18px);
    }

    .tb_complects tr td.compl_imgs {
        width: 40%;
    }

    .cred__main {
        background-size: 136%;
    }

    .advant .container {
        column-gap: 2%;
    }

    .advant_img {
        width: 40%;
    }

    .advant_list {
        column-gap: 2%;
        row-gap: 6%;
        width: 58%;
    }

    .advant_list a {
        font-size: 18px;
    }

    .compl_props {
        width: 100%;
    }

    .timer-flipchart-card {
        width: min(4vw, 77px);
        height: min(6vw, 96px);
    }
}

@media (max-width: 1440px) {
    .nav {
        top: min(6.4vw, 80px);
    }
    .hero .hero__title_container .hero__title2 {
        font-size: min(2vw, 15px);
    }

    .hero h1 .br_mob {
        display: block;
    }

    .hero h1 i {
        display: none;
    }

    .cred__main {
        padding: 34px 28px 24px 28px;
    }

    /* .hero {
        background-size: 130%;
        height: 48vw;
    } */

    /* .hero .slide1 {
        background-size: 130%;
        height: 48vw;
    } */
       
    /* .hero .slide2 {
        background-size: 130%;
        height: 48vw;
    } */



    .cars {}
.cars__title {}
.cars-menu {}
.cars-menu__container {
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.cars-menu__item {}
.cars-menu__item span {}
.cars-menu__item img {}
.cars__content {}
.car {}
.car__bg-name {}
.car__bg-name img {}
.car__container {
}
.car__title {}
.car__title_black {}
.car__title_red {}
.car__info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 100%;
}
.car__profit {
    width: 65%;
}

.car__profit:after {
    left: 96%;
}
.car__profit span {}
.car__props {}
.car__props-item {}
.car__props-item b {}
.car__props-item_ico1 {}
.car__props-item_ico2 {}
.car__props-item_ico3 {}
.car__props-item_ico4 {}
.car__gallery-wrapper {}
.car__gallery {}
.car__gallery .swiper-wrapper {}
.car__gallery-item {}
.car__gallery-item img {}
.car__gallery-wrapper .car__gallery-nav {}
.car__gallery-wrapper .cars__gallery-next {}
.car__gallery-wrapper .cars__gallery-prev {}
.car__image {
    width: 100%;
}
.car__adds {
    /* position: static; */
    top: -76px;
}
.car__adds-item {
    transform: scale(.8) skewX(-30deg);
}
.car_adds-ico {}
.car_adds-text {}
.car_adds-text_big {}
.car_adds-text_span {}
.car__colors {
    margin-top: 50px;
    justify-content: center;
    align-items: center;
}
.car__colors-choice {
    justify-content: flex-start !important;
}
.colors-choice {
    transform: rotate(180deg);
    margin-bottom: -100px;
    z-index: -1;
    justify-content: center !important;
    width: 100%;
}
.colors-choice__item {}
.colors-choice__item-block {}
.colors-choice__text {
    display: none;
}
.colors-choice__turn-page {}
.colors-choice__turn-page-svg {}
.car__color {}
.car__color img {}
.car__btns {}
.car__btn {}



    .tb_complects tr .btns {
        max-width: 190px;
        padding-right: 30px;
    }

    .tb_complects tr td .param1 {
        font-size: 26px;
    }

    .tb_complects tr td.compl_name {
        height: 50px;
    }

    .tb_complects .number_of_cars b {
        font-size: 30px;
    }

    .tb_complects .number_of_cars span {
        font-size: 16px;
    }

    .tb_complects tr td .param1 span {
        min-width: 70px;
        height: 32px;
    }

    .compl_specs {
        margin-top: 40px;
    }

    .tb_complects tr .btns {
        margin-top: 42px;
    }

    #filter_table {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (max-width: 1380px) {
    .hero .hero__title_container {
        line-height: min(3vw, 26px);
    }

    .hero .hero__title_container {
        font-size: min(2vw, 16px);
    }

    .hero .hero__title_container .hero__title2 {
        font-size: min(2vw, 14px);
    }

    .testdrive {
        background-size: auto 100%;
        height: 450px;
      }

    .leasing {
        margin: 60px 0;
        background-size: contain;
        height: 450px;
    }
    .trade {
        background-size: auto 100%;
        height: 450px;
    }
}

@media (max-width: 1180px) {
    .nav {
        top: min(8vw, 78px);
    }
    .timer-flipchart-card {
        width: min(4vw, 82px);
        height: min(8vw, 110px);
    }
    .hero__btn {
        bottom: -20px;
    }
    .offres_cont {
        width: 97%;
    }
    .timer_cont {
        align-items: center;
    }
    .form__btn {
        width: 100%;
        height: 38px;
        margin-top: 10px;
    }
    .form__inputBlock.flex {
        display: block;
    }

    div[id^="timer"] {
        position: relative;
        transform: scale(.7) !important;
        left: -10px;
    }




    .cars {}
.cars__title {}
.cars-menu {}
.cars-menu__container {}
.cars-menu__item {}
.cars-menu__item span {}
.cars-menu__item img {}
.cars__content {}
.car {}
.car__bg-name {}
.car__bg-name img {}
.car__container {}
.car__title {}
.car__title_black {}
.car__title_red {}
.car__info {}
.car__profit {}
.car__profit span {}
.car__props {}
.car__props-item {}
.car__props-item b {}
.car__props-item_ico1 {}
.car__props-item_ico2 {}
.car__props-item_ico3 {}
.car__props-item_ico4 {}
.car__gallery-wrapper {}
.car__gallery {}
.car__gallery .swiper-wrapper {}
.car__gallery-item {}
.car__gallery-item img {}
.car__gallery-wrapper .car__gallery-nav {}
.car__gallery-wrapper .cars__gallery-next {}
.car__gallery-wrapper .cars__gallery-prev {}
.car__image {
    order: -1;
    margin-top: 50px;
}
.car__adds {
    position: static;
    align-items: flex-start !important;
}
.car__adds-item {}
.car_adds-ico {}
.car_adds-text {}
.car_adds-text_big {}
.car_adds-text_span {}
.car__colors {
    margin: 0;
}
.car__colors-choice {}
.colors-choice {}
.colors-choice__item {}
.colors-choice__item-block {}
.colors-choice__text {}
.colors-choice__turn-page {}
.colors-choice__turn-page-svg {}
.car__color {}
.car__color img {}
.car__btns {
    flex-direction: column;
    gap: 10px;
}
.car__btn {
    width: 100%;
    padding: min(1.3vw, 14px);
}

.model__btn span {
    font-size: 1.8vw;
}




    .cred__main {
        background-size: cover;
    }

    .range {
        width: 54%;
    }

    .compl_specs {
        max-width: 160px;
    }

    .compl_specs div {
        font-size: 14px;
        padding-left: 36px;
        min-height: 28px;
    }

    .compl_specs div:before {
        width: 28px;
        height: 28px;
        background-size: contain !important;
    }

    .compl_specs div {
        padding-left: 36px;
    }

    .compl_tehs {
        margin-top: 14px;
    }

    .compl_tehs b {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .nav {
        top: min(4vw, 40px);
    }

    .model_info_wrap {
        align-items: start;
      }
      .model_info_text {
        /* width: 100%; */
        top: 44px;
      }

    .hero {
        margin-top: 70px;
    }

    .hero__btn {
        left: 20%;
    }
    .offres_cont {
        width: 115%;
    }

    .offres_cont {
        padding: 3vw 4vw 3vw 2vw;
    }

    .offres_title span {
        font-size: 2.1vw;
    }

    .offres_title span {
        padding: 1.4vw 0;
    }

    .offres_title i {
        width: 10vw;
    }

    .offres_title i:after {
        width: 6vw;
        height: 6vw;
    }

    .offres_cont {
        width: 74%;
    }

    .compl_props {
        font-size: 20px;
        top: -34px;
    }

    .tb_complects .number_of_cars {
        top: 1vw;
        left: 24%;
    }

    .advant_list a {
        width: 100%;
        min-height: 142px;
        text-align: center;
        margin: 0 8px;
    }

    .advant_list a:before {
        left: 50%;
        margin-left: -21px;
    }

    .advant .container {
        display: grid;
        column-gap: 2%;
    }

    .advant_img {
        display: none;
    }

    .advant_list {
        row-gap: 14px;
        width: 100%;
        display: flex !important;
        overflow: initial;
    }

    .advant_list .slick-arrow {
        position: absolute;
        font-size: 0;
        top: 50%;
        margin-top: -6px;
        width: 6px;
        height: 14px;
    }

    .advant_list .slick-next {
        right: -11px;
        background: url(../img/btn_next.svg) no-repeat;
        background-size: contain;
    }

    .advant_list .slick-prev {
        left: -11px;
        background: url(../img/btn_prev.svg) no-repeat;
        background-size: contain;
    }

    .advant_list .slick-dots {
        display: flex;
        justify-content: center;
        column-gap: 8px;
    }

    .advant_list .slick-dots li button {
        display: none;
    }

    .advant_list .slick-dots li {
        width: 8px;
        height: 8px;
        border-radius: 50px;
        background: #D9D9D9;
    }

    .advant_list .slick-dots li.slick-active {
        background: #D7000F;
    }

    .range {
        width: 64%;
    }

    .tb_complects tr {
        margin-bottom: 30px;
    }

    #instock {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hero .hero__title_container {
        top: 120px;
    }

    .hero .hero__title_container i {
        display: none;
    }

    .hero .hero__title_container .br_mob {
        display: block;
    }

    


    .cars {}
    .cars__title {}
    .cars-menu {}
    .cars-menu__container {}
    .cars-menu__item {}
    .cars-menu__item span {}
    .cars-menu__item img {}
    .cars__content {}
    .car {}
    .car__bg-name {}
.car__bg-name img {}
    .car__container {}
    .car__title {}
    .car__title_black {}
    .car__title_red {}
    .car__info {}
    .car__profit {}
    .car__profit span {}
    .car__props {}
    .car__props-item {}
    .car__props-item b {}
    .car__props-item_ico1 {}
    .car__props-item_ico2 {}
    .car__props-item_ico3 {}
    .car__props-item_ico4 {}
    .car__gallery-wrapper {}
    .car__gallery {}
    .car__gallery .swiper-wrapper {}
    .car__gallery-item {}
    .car__gallery-item img {}
    .car__gallery-wrapper .car__gallery-nav {}
    .car__gallery-wrapper .cars__gallery-next {}
    .car__gallery-wrapper .cars__gallery-prev {}
    .car__image {}
    .car__adds {}
    .car__adds-item {}
    .car_adds-ico {}
    .car_adds-text {}
    .car_adds-text_big {}
    .car_adds-text_span {}
    .car__colors {}
    .car__colors-choice {}
    .colors-choice {}
    .colors-choice__item {}
    .colors-choice__item-block {}
    .colors-choice__text {}
    .colors-choice__turn-page {}
    .colors-choice__turn-page-svg {}
    .car__color {}
    .car__color img {}
    .car__btns {}
    .car__btn {
    padding: 3vw 1vw;
    width: 90%;
    margin-left: 5%;
}

.model__btn span {
    font-size: 3vw;
}




    #filter_table {
        display: block;
    }

    #filter_table .select_container {
        margin-bottom: 10px;
        width: 100%;
    }

    #filter_table .select_container:last-child {
        margin-bottom: 0;
    }

    #filter_table select {
        height: 40px;
    }

    .tb_complects tr td.compl_imgs {
        width: 60%;
    }

    .compl_specs {
        max-width: 200px;
        padding-right: 30px;
    }

    .tb_complects tr .btns {
        margin-top: 10px;
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding-left: 30px;
    }

    .tb_complects .model__btn {
        width: -webkit-fill-available;
        height: 45px;
    }


    .rewievs_title {
        font-size: 26px;
      }
    
      .rewievs .rewievs_slider {
        margin-top: 18px;
        width: 100%;
        left: 0;
      }
    
      .rewievs .rewievs_block {
        padding: 24px 12px;
        margin: 0 2px;
        min-height: initial;
      }
    
      .rewievs_text {
        margin-top: 10px;
      }
}

@media (max-width: 768px) {

    #cookies-banner {
        bottom: 100px;
        padding: 20px 15px;
        font-size: 3vw;
    }

    .cookies_wrap {
        flex-wrap: wrap;
    }

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

    .cookies_text br {
        display: none;
    }

    #cookies-banner .btn {
        width: 100%;
        font-size: 14px;
        height: 30px;
    }

    .rewievs_title {
        font-size: 24px;
      }
    
      .rewievs_comment {
        font-size: 14px;
      }
    
      .rewievs_name {
        font-size: 14px;
      }
    
      .rewievs .rewievs_block {
        padding: 20px;
      }
    
      .rewievs_date {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 14px;
      }
    
      .rewievs_rating {
        margin-top: 14px;
        column-gap: 6px;
      }
    
      .rewievs_rating span {
        display: block;
        width: 16px;
        height: 16px;
        background-size: contain;
      }
    
      .rewievs_text {
        margin-top: 14px;
        font-size: 14px;
      }
    
      .rewievs .rewievs-slider-wrapper {}
  .rewievs .swiper-wrapper {}
  .rewievs .rewievs-slider-pagination {}    
  .rewievs .swiper-pagination-bullet {}    
  .rewievs .rewievs-slider-btn {width: 8px;background-position: 100% 50%;}
  .rewievs .rewievs-slider-prev {
    left: -3%;
}
  .rewievs .rewievs-slider-next {
    right: -3%;
}

    .model_info_wrap {
        /* top: 48%; */
        /* left: unset; */
        /* right: 15px; */
        /* position: fixed; */
        /* width: 100%; */
      }
      .model_info_btn {
        left: initial;
        right: 0;
      }
      #gs8_traveller .model_info_btn,
      #empow .model_info_btn {
        left: initial;
        right: 0;
      }
      .model_info_text {
        left: 0;
        top: 20%;
        transform: none;
        z-index: 1002;
        width: 100%;
      }

      
    .offres {
        display: none;
    }


    .testdrive {
        padding-top: 15px;
        background: url(../img/testdrive_bg_mob.jpg) 50% 100% no-repeat;
        background-size: 100%;
        height: 120vw;
    }

    .testdrive .container {
        justify-content: center;
        align-items: start;
    }

    .testdrive_cont {
        padding: 20px;
        width: -webkit-fill-available;
        max-width: initial;
    }

    .testdrive .checkBlock__checkVis::after {
        background-image: url(../img/check.svg);
    }

    .leasing {
        margin: 60px 0;
        padding-top: 15px;
        background: url(../img/leasing_bg_mob.jpg) 50% 100% no-repeat;
        background-size: 100%;
        height: 120vw;
    }

    .leasing .container {
        justify-content: center;
        align-items: start;
    }

    .leasing_cont {
        padding: 20px;
        width: -webkit-fill-available;
        max-width: initial;
        background: #000000a6;
    }

    .leasing .checkBlock__checkVis::after {
        background-image: url(../img/check.svg);
    }

    


    .timer_cont {
        display: block;
    }

    .range {
        width: 100%;
    }

    .form__tel, .form__model {
        height: 52px;
        font-size: 3vw;
        padding: 12px;
        padding-left: 24px;
    }

    .range__value {
        height: 52px;
    }

    .range .form-group span {
        font-size: 4.7vw;
    }

    .range__value.value1 div {
        min-width: 20%;
    }

    .range__value.value2 div {
        min-width: 23%;
    }

    .range__slider [type="range"] {
        width: 103%;
        left: -1.5%;
        padding-bottom: 10vw;
        margin-top: 40px;
    }

    .range #range__slider1 [type="range"]:before {
        width: 97.2%;
        left: 1.6%;
    }

    .range__slider [type="range"]::-webkit-slider-thumb {
        position: relative;
        top: -10px;
        width: 40px;
        height: 40px;
        background-size: contain;
        transition: all 0.2s linear;
    }

    .range__slider label {
        font-size: 3vw;
    }

    .range__value.value1 div {
        padding-bottom: 1vw;
    }

    .range__value.value2 div {
        padding-bottom: 1vw;
    }





    .cars {}
.cars__title {}
.cars-menu {}
.cars-menu__container {}
.cars-menu__item {}
.cars-menu__item span {}
.cars-menu__item img {}
.cars__content {}
.car {
    margin-top: 110px;
    padding-bottom: 16px;
}
.car__bg-name {}
.car__bg-name img {}
.car__container {
    /* margin: 0; */
}
.car__title {
    width: 80%;
}
#gs8_traveller .car__title .car__title_black {
    font-size: 8vw;
}
.car__title_black {
    text-align: right;
}
.car:nth-child(even) .car__title_black {
    text-align: left;
}
.car__title_red {}
.car__info {}
.car__profit {
    font-size: 20px;
}
.car__profit span {}
.car__props {}
.car__props-item {}
.car__props-item b {}
.car__props-item_ico1 {}
.car__props-item_ico2 {}
.car__props-item_ico3 {}
.car__props-item_ico4 {}
.car__gallery-wrapper {
    width: 100%;
}
.car__gallery {
    height: unset;
}
.car__gallery .swiper-wrapper {}
.car__gallery-item {
    transform: none !important;
}
.car__gallery-item img {}
.car__gallery-wrapper .car__gallery-nav {}
.car__gallery-wrapper .cars__gallery-next {}
.car__gallery-wrapper .cars__gallery-prev {}
.car__image {}
.car__adds {
    margin-left: 4%;
}
.car__adds-item {
    transform: skewX(-30deg);
}
.car_adds-ico {}
.car_adds-text {}
.car_adds-text_big {
    font-size: 6vw;
}
.car_adds-text_span {
    font-size: 4vw;
}
#gs4 .car__colors,
#gs8_traveller .car__colors {
    justify-content: end;
    padding-top: 14vw;
}
.car__colors-choice {}
.colors-choice {}
.colors-choice__item {}
.colors-choice__item-block {}
.colors-choice__text {}
.colors-choice__turn-page {}
.colors-choice__turn-page-svg {}
.car__color {}
.car__color img {}
.car__btns {
    margin-top: 15px;
}
.car__btn {
    height: 42px;
}
.car__btn span {
    font-size: 14px;
}






    .tb_complects tr td .param1 span {
        min-width: 12vw;
        height: 6vw;
    }

    .tb_complects tr td.compl_name {
        height: 8vw;
    }

    .tb_complects tr td .param1 {
        font-size: 5vw;
    }

    .tb_complects tr td.compl_imgs {
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
    }

    .compl_specs {
        margin-top: 4vw;
        padding-left: 16px;
    }

    .compl_specs {
        max-width: 100%;
        padding-right: 30px;
    }

    .tb_complects tr .btns {
        margin-top: 4vw;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding-left: 16px;
        padding-right: 16px;
    }

    .tb_complects .model__btn {
        width: 92%;
        max-width: 100%;
        left: 4%;
        position: relative;
    }

    #filter_table select {
        height: 8vw;
        font-size: 3vw;
    }

    .compl_tehs b {
        font-size: 3vw;
        width: 100%;
    }

    .compl_specs div {
        font-size: 3vw;
    }

    .advant {
        display: none;
    }

    body {
        padding-top: 0;
    }

    .container {
        padding-right: 4vw;
        padding-left: 4vw;
    }

    #timer2369ba0e1bfe7877d30d3082db7e6f13 {
        width: 100% !important;
    }

    .hero h1 div::after {
        height: min(26.9vw, 105px);
        background-image: url(../img/line_mob.png);
        background-size: cover;;
    }

    .header {
        position: relative;
    }

    .header__logo:first-child {
        width: 32vw;
        height: 8.65vw;
    }

    .header__logo:last-child {
        display: none;
    }

    .header__btn {
        display: none;
    }

    .header__container {
        background-color: #ffffff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding-top: 4vw;
        padding-bottom: 4vw;
    }

    .header__contactBlock a.top_addr {
        display: none;
    }

    .header__contactBlock a.top_phone {
        padding-left: 3vw;
        font-size: 2vw;
        font-weight: 700;
        line-height: 5.34vw;
    }

    .header__contactBlock a.top_phone::after {
        width: 2vw;
        height: 2vw;
        background-size: contain;
    }

    .hero {
        margin-top: 12vw;
        height: 100%;
        margin-bottom: 0;
        top: 0;
    }

    .hero .slide1 {
        background-image: url(../img/slide1_mob.jpg);
        background-size: 100%;
        background-position: 50% 100%;
        height: 80vw;
      }
      
    .hero .slide2 {
        background-image: url(../img/slide2_mob.jpg);
        background-size: 100%;
        background-position: 50% 100%;
        height: 80vw;
    }

    .hero .slick-dots {
        bottom: 18px;
    }



    .main {
        /* flex-grow: 0; */
    }

    .hero .hero__title_container {
        position: relative;
        max-width: 100%;
        padding-top: 10vw;
        font-size: 3.6vw;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        padding: min(3vw, 20px) min(1.6vw, 30px) min(5.3vw, 45px) min(1.3vw, 25px);
    }

    .hero .hero__title_container .hero__title2 {
        font-size: min(3vw, 12px);
    }

    .hero .hero__title_container {
        top: 26px;
    }

    .hero__container {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .hero__btn {
        position: absolute;
        right: 15%;
        bottom: 14.8vw;
        display: none;
        width: 62.5vw;
        margin: 0;
        padding: 3vw;
        background-color: rgba(255, 255, 255, 1);
    }

    .hero__btn span {
        font-size: 3.56vw;
        font-weight: 600;
        line-height: 4.58vw;
        color: black;
        text-align: center;
    }

    .hero b {
        font-size: 5vw;
        font-weight: 600;
        line-height: 6.7vw;
    }

    .hero h1 br {
        display: block;
    }

    .hero__profit {
        font-size: 5vw;
        font-weight: 400;
        line-height: 13.7vw;
    }

    .hero__price {
        font-size: 9vw;
        font-weight: 700;
    }

    .hero__title1 {
        margin-bottom: 6px;
    }

    .hero .hero__title_container .hero__title2 b {
        font-size: 4vw;
        line-height: 4.7vw;
    }

    .timer {
        margin-top: 4vw;
        flex-direction: column-reverse;
        padding-right: 4vw;
        padding-left: 4vw;
        row-gap: 5.85vw;
    }

    .advant__form {
        width: 100%;
    }

    .timer__formBlock {
        width: 100%;
    }

    .form__inputBlock {
        flex-direction: column;
        width: 100%;

        row-gap: 2.29vw;
    }

    .form__tel {
        width: 100%;
        padding: 3.3vw;
        font-size: 3.56vw;
        line-height: 3.56vw;
    }

    .form__tel::placeholder {
        font-size: 3.56vw;
        line-height: 3.56vw;
    }

    .form__btn {
        width: 100%;
        padding: 3.3vw;
        font-size: 3.56vw;
        line-height: 3.56vw;
    }

    .timer h3 {
        margin-bottom: 2.3vw;
        font-size: 4vw;
        font-weight: 400;
        line-height: 5.6vw;
        text-align: center;
    }

    .checkBlock__descr {
        font-size: 3.56vw;
        font-weight: 300;
        line-height: 3.56vw;
    }

    .checkBlock {
        padding-left: 3.8vw;
    }

    .checkBlock__checkVis {
        width: 3vw;
        height: 3vw;
    }

    div[id^="timer"] {
        transform: scale(.7) translateX(-70%) !important;
        left: 50%;
    }

    #timer2369ba0e1bfe7877d30d3082db7e6f13 .timer-flipchart-face {
        font-size: 14vw !important;
    }

    .timer-flipchart-card {
        width: 51px;
        height: min(27vw, 92px);
    }

    #timer-separator-2369ba0e1bfe7877d30d3082db7e6f13-days,
    #timer-separator-2369ba0e1bfe7877d30d3082db7e6f13-hours,
    #timer-separator-2369ba0e1bfe7877d30d3082db7e6f13-minutes,
    #timer-separator-2369ba0e1bfe7877d30d3082db7e6f13-secundes {
        padding: 2vw !important;
    }

    #timer-text-2369ba0e1bfe7877d30d3082db7e6f13-days,
    #timer-text-2369ba0e1bfe7877d30d3082db7e6f13-hours,
    #timer-text-2369ba0e1bfe7877d30d3082db7e6f13-minutes,
    #timer-text-2369ba0e1bfe7877d30d3082db7e6f13-secundes {
        font-size: 3vw !important;
    }

    .advant__pig {
        right: 27%;
        width: 64vw;
        height: 54vw;
        background-size: contain;
    }

    .model {
        padding-top: 6.87vw;
    }

    .model div :has(h2) {
        align-items: center;
        flex-direction: column;
        margin-bottom: 16vw;

        row-gap: 4vw;
    }

    .model h2:first-child {
        position: relative;
        left: -19vw;
        padding-left: 33vw;
        text-align: center;
    }

    .model h2:last-child {
        position: relative;
        right: -11vw;
        padding-right: 21vw;
        text-align: center;
    }

    .model h2 {
        margin-bottom: 0;
    }


    

    .compl__choiceBtn {
        display: none;
    }

    .compl__cardsBtn {
        flex-direction: column;
        width: 100%;
        margin-top: 92vw;

        row-gap: 3.3vw;
    }

    .nav_desk {
        display: none;
    }

    .nav_mob {
        display: block;
    }

    .compl__btnModelChoice {
        width: 100%;
    }

    .compl__charBlock {
        width: 100%;
        margin-bottom: 7.12vw;
    }

    .compl__btnModelChoice {
        margin-bottom: 2.5vw;
        padding: 4vw 6vw;
        font-size: 5vw;
        line-height: 5vw;
    }

    .compl__charDescr {
        font-size: 3svw;
        font-weight: 350;
        line-height: 4.58vw;
    }

    .compl__charIndicator {
        font-size: 7vw;
        font-weight: 900;
        line-height: 4.58vw;
    }

    .compl__line {
        height: 12vw;
        margin-right: 2vw;
        margin-left: 2vw;
    }

    .compl__img {
        width: 91vw;
        height: 61vw;
    }

    .compl__imgDescrBlock {
        flex-direction: row-reverse;
        max-width: 100%;
        margin-bottom: 5vw;
    }

    .compl__credDescr {
        margin-bottom: 3.56vw;
        font-size: 4.6vw;
        line-height: 5vw;
    }

    .compl__credSum {
        max-width: 81%;
        padding-right: 16vw;
        font-size: 10vw;
        line-height: 5vw;
    }

    .compl__credSum::after {
        width: 13vw;
        height: 6.6vw;
    }

    .compl__credElem {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        margin-left: 0;
    }

    .compl__modelName {
        margin-right: 0;
        font-size: 19vw;
        font-weight: 600;
        line-height: 5vw;
        color: rgba(33, 33, 33, .6);
    }

    .compl__imgDescrBlock::after {
        top: -3.8vw;
        left: -5vw;
        width: 73.5vw;
        height: 23vw;
    }

    .compl__imgBlock {
        position: absolute;
        top: 64vw;
    }

    .cred__main {
        flex-direction: column;
        min-height: 109vw;
        background-image: url(../img/cred_mob.jpg);
    }

    .cred h2,
    .trade h2 {
        margin-bottom: 17.6vw;
        font-size: 8vw;
        font-weight: 600;
        line-height: 10.6vw;
    }

    .cred p {
        max-width: 100%;
        margin-bottom: 6.6vw;
        font-size: 4.8vw;
        font-weight: 400;
        line-height: 6.1vw;
        text-align: center;
    }

    .cred p span {
        font-size: 6.9vw;
        line-height: 11.4vw;
    }

    .cred__pig {
        top: 5vw;
        right: 4.4vw;
        left: auto;
        width: 70vw;
        height: 37.7vw;
        background-image: url(../img/pig_cred_mob.png);
        background-size: contain;
    }

    .cred__container {
        padding-right: 0;
        padding-left: 0;
    }

    .trade {
        padding-top: 15px;
        background: url(../img/trade_bg_mob.jpg) 50% 100% no-repeat;
        background-size: 100%;
        height: 120vw;
    }

    .trade .container {
        align-items: start;
        justify-content: center;
    }

    .trade_cont {
        padding: 20px;
        width: -webkit-fill-available;
        max-width: initial;
    }

    .anim_right.map__container::before {
        display: none;
    }

    .anim_right.map__container::after {
        display: none;
    }

    .map .header__contactBlock {
        max-width: 100%;
    }

    .map .header__contactBlock a.top_addr {
        display: flex;
    }

    .map .header__contactBlock a.top_phone::after {
        width: 16px;
        height: 16px;
        background-size: contain;
    }

    .map .header__contactBlock {
        display: flex;
        flex-direction: column;
        margin-bottom: 3.8vw;

        row-gap: 3vw;
    }

    .map .header__contactBlock a::after {
        width: 16px;
        height: 16px;
        background-size: contain;
    }

    .map .header__contactBlock a.top_phone {
        padding-left: 6vw;
    }

    .map__container {
        position: relative;
        background: #ffffff;
        align-items: center;
        flex-direction: column;
        padding-bottom: 6vw;
    }

    .ymaps-2-1-79-map {
        margin-top: 50vw !important;
    }

    .map__logo:first-child {
        width: 32vw;
        height: 9vw;
        margin-bottom: 0;
    }

    .map__logo:last-child {
        width: 59vw;
        height: 7.4vw;
        margin-bottom: 0;
    }

    .map__contact div :has(picture) {
        margin-bottom: 6.6vw;

        column-gap: 3.8vw;
    }

    .map {
        height: 103.3vw;
    }

    .map address {
        font-size: 4vw;
        line-height: 5.34vw;
    }

    .header__contactBlock a:first-child::after {
        width: 5vw;
        height: 5vw;
        background-size: contain;
    }

    .header__contactBlock a {
        padding-left: 6.6vw;
    }

    .map .header__btn {
        display: flex;
        width: 62.6vw;
        padding: 3vw;
    }

    .map .header__btn span {
        font-size: 3.56vw;
        line-height: 4.58vw;
    }

    .footer__container {
        flex-direction: column;

        row-gap: 4vw;
    }

    .footer__yurInfo {
        font-size: 2.79vw;
        font-weight: 350;
        line-height: 5.56vw;
        text-align: center;
    }

    .footer__yurBlock {
        text-align: center;
    }

    .footer__link {
        font-size: 3.56vw;
        line-height: 4.58vw;
    }

    .footer__linkBlock {
        align-items: center;

        row-gap: 2vw;
    }

    .burger {
        display: flex;
    }

    .nav {
        position: absolute;
        z-index: 9999;
        width: 100%;
        left: 0;
        top: 60px;
        min-height: 50vh;
        background-color: rgba(255, 255, 255, .9);
        transition: transform .3s ease-in-out;
        transform: translateX(-500%);

        backdrop-filter: blur(5px);
    }

    .nav .container {
        align-items: center;
        flex-direction: column;
        padding: 5vw;

        row-gap: 30px;
    }

    .nav li {
        width: 100%;
    }

    .nav li:first-child {
        justify-content: center;
    }

    .nav li:not(:last-child) {
        border-right: none;
    }

    .nav a {
        font-size: 5vw;
        line-height: 5vw;
    }

    .hero li a:hover {
        font-size: 5vw;
    }

    .compl__selectArrowBlock {
        top: 23px;
        right: 23px;
        width: 40px;
        height: 7px;
    }

    
    .compl__credPrev {
        max-width: 100%;
        padding-right: 40px;
        font-size: 4.6vw;
        line-height: 5vw;
    }

    .compl__cardsBtn_m8 {
        margin-top: 88vw;
    }

    .compl__cardsBtn_gs3 {
        margin-top: 80vw;
    }
}


@media (max-width: 440px) {
    .car__profit {
        width: fit-content;
    }

    .hero {
        margin-top: 6vw;
    }
    .hero .hero__title_container .hero__deadline {
        font-size: 16px;
    }
    .hero .hero__title_container .hero__title3 {
        font-size: 16px;
    }

    .testdrive {
        height: 136vw;
    }

    .leasing {
        height: 136vw;
    }

    .trade {
        height: 136vw;
    }

    .hero b {
        font-size: 5vw;
    }

    .compl_props {
        font-size: 16px;
        top: -31px;
    }

    .partners_logo img {
        max-width: 28%;
    }

    .tb_complects .number_of_cars {
        left: 2%;
        top: 0px;
    }

    .tb_complects .number_of_cars b {
        font-size: 20px;
    }

    .tb_complects .number_of_cars span {
        font-size: 14px;
        color: #000000;
    }

    .cars__menu-tem span {
        font-size: 20px;
    }

    .advant_list a {
        width: 100%;
        margin: 0;
    }

    .range__slider [type="range"] {
        width: 101%;
        left: -0.5%;
    }

    .range #range__slider1 [type="range"]:before {
        width: 92%;
        left: 4%;
    }

    .range #range__slider2 [type="range"]:before {
        width: 90%;
        left: 5%;
    }

    .form__tel, .form__model {
        height: 42px;
        font-size: 14px;
        padding: 12px;
        padding-left: 24px;
    }

    .range__value {
        height: 42px;
    }

    .range__slider label {
        font-size: 14px;
    }

    .range .form-group span {
        font-size: 24px;
    }

    .range__value.value1 div {
        padding-bottom: 4px;
    }

    .range__value.value2 div {
        padding-bottom: 4px;
    }

    /* .hero {
        height: 80vw;
    } */

    .hero .slide1 {
       height: 80vw;
    }
      
    .hero .slide2 {
       height: 80vw;
    }

    

    #filter_table select {
        height: 10vw;
        font-size: 4vw;
    }

    .tb_complects tr td .param1 span {
        min-width: 16vw;
        height: 10vw;
    }

    .tb_complects tr td.compl_name {
        height: 12vw;
    }

    .tb_complects tr td .param1 {
        font-size: 8vw;
    }

    .compl_tehs b {
        font-size: 4vw;
    }

    .compl_specs div {
        font-size: 4vw;
    }

    .header__contactBlock a.top_phone {
        padding-left: 3vw;
        font-size: 3vw;
    }
}



.block {
    display: block;
}

.opacity {
    opacity: 1;
}

.visible {
    display: flex;
}

.transBurger {
    transform: translate(0);
}

.stop-scroll {
    overflow: hidden;
}

@media (max-width: 360px) {
    .hero .hero__title_container .hero__deadline {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .hero .hero__title_container .hero__deadline span:before {
        width: 22px;
        height: 22px;
        background-size: contain;
    }
    .hero .slide1 .hero__title_container .hero__title1 {
        margin-bottom: 10px;
    }
    .hero .hero__title_container .hero__title3  {
        font-size: 12px;
    }
    .hero .hero__title_container .hero__title3 span:before {
        width: 22px;
        height: 22px;
        background-size: contain;
    }
}