/* Main responsive styles */
@media only screen and (max-width: 1420px) {
    .hero {
        border-radius: 0 0 245px 0;
    }

    .hero__heading {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1180px) {
    .hero {
        border-radius: 0 0 190px 0;
        height: 685px;
    }


    .hero__heading__title {
        font-size: 32px;
    }

    .hero__heading__text {
        font-size: 21px;
    }

    .hero__heading {
        padding-right: 30px;
    }

    .about-item__content {
        padding-top: 25px;
    }

    .installment-form__text {
        font-size: 16px;
    }

    .footer-nav {
        gap: 25px;
    }

    .footer-logo {
        gap: 10px;
    }
}

@media only screen and (max-width: 992px) {
    select,
    textarea,
    input {
        font-size: var(--body-font-size);
    }

    .footer-top {
        -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;
        gap: 20px;
    }

    .footer-bottom {
        -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;
        text-align: center;
    }

    .footer-bottom__contacts {
        text-align: center;
    }

    .hero__form__title {
        font-size: 19px;
    }

    .hero__heading__title {
        font-size: 23px;
    }

    .hero__heading__text {
        font-size: 15px;
        line-height: 24px;
    }

    .hero__form {
        width: 300px;
        margin-bottom: 30px;
        background: rgb(255 255 255 / 75%);
    }

    .futures-grid {
        grid-gap: 20px;
    }

    .futures-item__title {
        font-size: 14px;
    }

    .futures-item__sub-title {
        font-size: 14px;
    }

    .about-item__content {
        padding-top: 0;
    }

    .installment-form__text {
        font-size: 14px;
        line-height: 21px;
    }

    .installment-form__divider {
        display: none;
    }

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

    .installment-grid {
        grid-gap: 75px 40px;
    }

    .installment-item__text__desc {
        font-size: 14px;
    }

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

    .live-item:last-child {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
    }

    .section-map {
        height: 365px;
    }
}

@media only screen and (max-width: 768px) {
    .header-logo__img {
        max-width: 130px;
    }

    .header-desktop__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }

    .header-nav {
        display: none;
    }

    .header-logo:after {
        width: 100%;
    }

    .header-desktop {
        top: 38px;
    }

    .header-contacts__phone {
        margin-bottom: 5px;
        display: block;
    }

    .header-contacts {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header-logo {
        gap: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .hero__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hero {
        height: auto;
        padding-top: 200px;
        border-radius: 0 0 100px 0;
        padding-bottom: 20px;
    }

    .header-contacts__geo {
        margin-left: 0;
    }

    .hero__form__image {
        max-width: 185px;
        top: -29px;
        right: -40px;
    }

    .hero__form__title {
        margin-bottom: 15px;
    }

    .hero__heading {
        text-align: center;
        padding-right: 0;
    }

    .hero__heading__title {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .hero__heading__text {
        font-size: 13px;
        line-height: 19px;
    }

    .futures-grid {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        padding: 20px 0;
    }

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

    .section-heading {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .about-item__col.col-slider {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .about-item__col:not(.col-slider) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .about-slider-item__image {
        height: 260px;
    }

    .planing-tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 30px;
    }

    .installment-grid {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 75px 20px;
    }

    .installment-form {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-bottom: 75px;
    }

    .installment-form__inputs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
        max-width: 90%;
        margin: auto;
        width: 100%;
    }

    .installment-form__inputs > * {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }

    .installment-form__text {
        text-align: center;
    }

    .main-form-label {
        width: 100%;
    }

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

    .footer-logo__img {
        max-width: 135px;
    }

    .footer-nav {
        display: none;
    }

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

    .hero__form {
        padding: 25px;
    }

    section {
        margin-bottom: 40px;
    }

    .futures-item {
        padding: 15px 0;
    }

    .section-planing {
        padding: 40px 0 0;
    }

    .planing-slider {
        max-width: calc(100% - 30px);
        margin-left: 0;
    }

    .planing-slider:after, .planing-slider:before {
        display: none;
    }

    .planing-item__title {
        font-size: 18px;
    }

    .planing-item__text {
        font-size: 15px;
    }

    .planing-slider-navigation {
        margin-top: 20px;
    }

    .planing-carousel {
        padding-bottom: 40px;
    }

    .section-installment {
        padding: 40px 0;
        padding-bottom: 0;
    }

    .installment-item__value {
        font-size: 56px;
        line-height: 45px;
        margin-top: -58px;
    }

    .installment-item__value small {
        font-size: 32px;
    }

    .installment-item__text__title {
        font-size: 15px;
    }

    .installment-item {
        padding: 35px 15px 15px;
        height: 135px;
    }

    .installment-item__text__desc {
        font-size: 12px;
    }

    .installment-item:last-child {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
        text-align: center;
    }

    .section-live {
        padding: 40px 0;
    }

    .live-item__content {
        height: auto;
        padding: 25px;
    }

    .live-item__title {
        margin-bottom: 20px;
    }

    .live-item:last-child {
        grid-column: unset;
    }

    .modal {
        width: 100%;
        max-width: 375px;
    }

    .modal-present__image {
        width: 100%;
        border-radius: 10px;
        height: auto;
    }

    .modal-present__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-template-columns: repeat(1, 1fr);
    }

    .modal-present__form {
        padding: 20px;
        margin-top: -7%;
    }

    .modal-title {
        text-align: center;
        font-size: 24px;
    }

    .modal-text {
        text-align: center;
    }

    .modal-inputs .btn {
        max-width: 100%;
    }

    .modal-base__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .modal-base__image {
        margin: 0;
        width: 100%;
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .modal-base__form {
        padding: 0 20px 20px;
    }

    .modal-planing__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    .modal-planing__picture {
        padding: 20px 20px 0;
    }

    .modal-planing__image {
        height: 165px;
    }

    .modal-planing__form {
        padding: 20px 20px 20px;
    }

    .modal-planing__form .modal-inputs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .modal-planing__data {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .modal-planing__form .modal-title {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .modal-planing__form .modal-text {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .section-image {
        height: 390px;
        display: none;
    }

    .about-item__content {
        padding: 0 10px;
    }

    .about-grid {
        grid-gap: 45px;
    }

    .about-item__btn {
        max-width: 100%;
    }
}

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


@media (max-width: 768px) {
    .header-desktop__content {
        align-items: flex-end;
    } 

    .header-contacts {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .hero__block__wrapper {
        max-width: none !important;
    }

    .hero {
        padding-top: 140px;
        border-radius: 0;
    }



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

    .hero__content {
        padding-bottom: 40px;
    }
}


@media (max-width: 1100px) {
    .hero__content {
        padding-bottom: 40px;
    }

    .hero__heading {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        margin-left: 0;
        padding-right: 0;
    }

    .hero {
        border-radius: 0;
        height: 825px;
    } 

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