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

@media (max-width: 1440px) {
    .hero__title {
        margin-top: 2rem;
        margin-bottom: 1rem;
        font-size: 2.6rem;
        line-height: 5.4rem;
    }

    .hero__titleTop {
        font-size: 3.4rem;
        line-height: 4.9rem;
    }

    .hero__titleBottom {
        font-size: 3rem;
        line-height: 4.5rem;
    }
}

@media (max-width: 1279px) {
    html {
        font-size: 9px;
    }

    .quest__container::after {
        display: none;
    }

    .header__logoBlock::after {
        left: 17.2rem;
    }

    .card__img {
        width: 100%;

        object-fit: contain;
    }
}

@media (max-width: 1100px) {

    .hero {
        height: 54vh;
    }

    .card__main {
        padding: 4rem 30px;
    }

    .card__descrBlock {
        width: 40%;
    }

    .car_props>a span {
        white-space: nowrap;
    }

    .car_image {
        width: 60%;
    }

    .car_image .car_img {
        margin-right: 0;
    }

    .car_image img {
        width: 100%;
        height: 100%;
    }

    .card__mainBlock {
        justify-content: space-between;
    }

    .card__btnBlock {
        margin-top: 30px;
    }

    .header__logoBlock a:last-child {
        display: none;
    }

    .header__logoBlock::after {
        display: none;
    }

    html {
        font-size: 8px;
    }

    .timer__container {
        flex-direction: column;

        row-gap: 1.5rem;
    }

    .timer__container::after {
        display: none;
    }

    .header__address,
    .header__tel {
        font-size: 1.3rem;
    }

    .car_new {
        padding-left: 34px;
        font-size: 20px;
        white-space: nowrap;
    }

    .car_new:before {
        width: 30px;
        height: 30px;
        background-size: contain;
    }
}

@media (max-width: 767px) {
    .model__choiceList .swiper-pagination {
        margin-top: 14px;
    }

    .car_new {
        margin-top: 0;
        /*margin-bottom: 30px;*/
    }

    .banner_props {
        margin-top: 4vw;
        align-items: start;
        flex-direction: column;
        gap: 10px;
    }

    .banner_props a .br_mob {
        display: block;
    }

    .card__btnBlock {
        flex-direction: column;
    }

    .card__btn {
        width: 100%;
    }

    .quest__title,
    .quest__descr {
        text-align: center;
    }

    .contact__address,
    .contact__tel {
        justify-content: center;
        width: max-content;
    }

    .model__choiceImg {
        width: 100%;
        max-width: 87px;
        height: 4.7rem;
    }

    .timer__container {
        padding: 2rem;
    }

    .header__address,
    /* .header__tel, */
    .header__btn {
        display: none;
    }

    .header__tel {
        font-size: 14px;
    }

    .header__container {
        position: relative;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding-right: 1rem;
    }

    .header__nav {
        position: absolute;
        top: 100%;
        left: 0;
        flex-direction: column;
        justify-content: space-around;
        height: 50vh;
        padding: 10px;
        border: 1px solid #ffe2e7;
        background-color: rgba(255, 255, 255, 0.9);
        transition: transform 0.3s ease-in-out;
        transform: translateX(-500%);

        row-gap: 3rem;
        backdrop-filter: blur(2px);
    }

    .header__top {
        border: none;
    }

    .header__listModel,
    .header__navList {
        flex-direction: column;

        row-gap: 3rem;
    }

    .header__modelLink,
    .header__navLink {
        font-size: 2.6rem;
        color: rgb(0, 56, 150);
    }

    .timer__img {
        display: none;
    }

    .timer__titleBlock {
        max-width: 100%;
    }

    .timer__titleDescr {
        font-size: 2.3rem;
        text-align: center;
    }

    .timer__title {
        font-size: 3.8rem;
        text-align: center;
    }

    .header__topBlock {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .hero {
        height: 70vh;
        margin-top: 5.7rem;
        /* margin-bottom: 26rem; */
        background-size: cover;
        background-position: bottom;
        margin-bottom: 30px;
        background-image: url(../img/hero1_mob.jpg);
    }

    .hero__title {
        margin-top: 10vw;
        font-size: 5.2vw;
        line-height: 150%;
        /*color: rgb(255, 255, 255);*/
    }

    .hero__titleBg {
        margin-top: 5px;
        display: inline-block;
    }

    .hero__title .br_mob {
        display: block;
    }

    .hero__titleTop {
        font-size: 6vw;
        line-height: normal;
        /*color: rgb(255, 255, 255);*/
    }

    .hero__titleTop .br_mob {
        display: block;
    }

    .hero__titleBottom {
        font-size: 2.5rem;
        /*line-height: 3.5rem;*/
        color: black;
    }

    section {
        padding: 0 5px;
    }

    .timer {
        margin-bottom: 4.4rem;
    }

    .card__container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .card__mainBlock {
        flex-direction: column-reverse;
        position: relative;
        row-gap: 1.5rem;
        padding-top: 80px;
    }

    .card__descrBlock {
        max-width: 100%;
        width: 100%;
    }

    .card__imgList {
        margin-top: 1.5rem;
        flex-direction: column;

        row-gap: 1.5rem;
    }

    .card__imgLink {
        width: 100%;
        height: auto;
    }

    .card__main {
        padding: 2rem 15px;
    }

    .car_image {
        justify-content: space-between;
    }

    .car_image .car_img {
        width: 91%;
    }

    .card__title {
        position: absolute;
        top: 15px;
        /*left: 15px;*/
    }

    .car_props {
        gap: 10px 0;
    }

    .car_props>a {
        font-size: 4.5vw;
    }

    .car_props>a span {
        font-size: inherit;
    }

    .card {
        row-gap: 6rem;
    }

    .car_image {
        width: 100%;
    }

    .complect__item {
        flex-direction: column;
        padding-right: 0;
        padding-bottom: 2rem;
        padding-left: 0;

        row-gap: 2.5rem;
    }

    .complect__img {
        width: 100%;
        height: 22.8rem;
    }

    .complect__modelBtn {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .complect__btn {
        width: 100%;
    }

    .complect__btnBlock {
        flex-direction: column;

        row-gap: 2rem;
    }

    .complect__btnModel {
        width: 100%;
    }

    .model {
        margin-bottom: 4.4rem;
    }

    .complect,
    .test,
    .cred,
    .trade,
    .quest {
        margin-bottom: 6rem;
    }

    .model__title,
    .complect__title {
        margin-bottom: 2rem;
        font-size: 3.4rem;
    }

    .test__title {
        font-size: 3.4rem;
    }

    .test__container {
        align-items: center;
        flex-direction: column;

        row-gap: 2rem;
    }

    .test__videoBlock {
        width: 100%;
    }

    .test__main {
        padding: 3rem;
    }

    .cred__main,
    .trade__main {
        padding: 2rem;
    }

    .cred__container,
    .trade__container {
        position: relative;
        padding: 3rem;
    }

    .cred__container {
        height: 283px;
        margin-top: 330px;
        background-image: url(../img/cred_back_mob.jpg);
    }

    .cred__main {
        position: absolute;
        top: -300px;
        width: 100%;
        border: 1px solid rgba(166, 183, 190, 1);
    }

    .trade__container {
        justify-content: center;
        height: 409px;
        margin-top: 450px;
        background-position: 84%;
    }

    .trade__main {
        position: absolute;
        top: -430px;
        width: 100%;
        border: 1px solid rgba(166, 183, 190, 1);
    }

    .cred__container {
        justify-content: center;
    }

    .trade__select,
    .trade__year,
    .trade__tel,
    .trade__year::placeholder,
    .trade__tel::placeholder,
    .form__tel_quest,
    .form__tel_quest::placeholder,
    .form__tel,
    .form__tel::placeholder,
    .modal__formTel,
    .modal__formTel::placeholder {
        font-size: 1.5rem;
    }

    .cred__title,
    .trade__title {
        font-size: 3.4rem;
    }

    .cred__descr,
    .trade__descr {
        font-size: 2rem;
    }

    .form__inputBlock_quest {
        flex-direction: column;
    }

    .quest__container {
        padding: 3rem;
    }

    .form__tel_quest,
    .form__btn_quest {
        width: 100%;
    }

    .form__btn,
    .contact__btn,
    .trade__btn,
    .form__tel,
    .trade__year,
    .trade__tel,
    .trade__select,
    .timer__btn {
        align-items: center;
        min-height: 48px;
        padding: 1.5rem 2rem;
    }

    .complect__btn,
    .card__btn,
    .hero__btn {
        min-height: 48px;
    }

    .hero__btn {
        display: none;
    }

    .mob {
        display: flex;
    }

    .mobile_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .quest__form {
        width: 100%;
    }

    .contact__btn {
        display: flex;
        justify-content: center;
    }

    .contact__container {
        flex-direction: column-reverse;

        row-gap: 2rem;
    }

    .contact__map {
        width: 100%;
    }

    .contact__contactBlock {
        max-width: 100%;
        padding: 3rem;
        align-items: flex-start;
    }

    .footer__main {
        align-items: center;
        flex-direction: column;
        padding: 5px;

        row-gap: 2rem;
    }

    .footer__info,
    .footer__disclamer {
        text-align: center;
    }

    .footer {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .footer__if {
        text-align: start;
    }

    .footer__policy,
    .footer__if,
    .footer__sin {
        font-size: 2rem;
    }

    .contact {
        margin-bottom: 2rem;
    }

    .burger {
        display: flex;
    }

    .header__indicator,
    .header__indicator1 {
        display: none;
    }

    .card__imgHid {
        width: 100%;
    }

    .fancybox-content {
        padding: 2rem;
    }
}

@media (min-width: 440px) and (max-width: 520px) {
    .hero {
        height: 60vh;
    }

    .mobile_btn {
        margin-top: -100px;
    }
}


@media (max-width: 440px) {
    .banner_props a {
        font-size: 2rem;
        padding-left: 4rem;
    }

    .hero {
        height: 100vw;
    }

    .hero__titleTop {
        font-size: 5vw;
        margin-bottom: 2vw;
    }

    .hero__title {
        font-size: 6.2vw;
    }

    .card__props .br_mob {
        display: block;
    }

    .card__props {
        margin-bottom: 2rem;
    }
}

.transBurger {
    transform: translate(0);
}

.stop-scroll {
    overflow: hidden;
}