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

@media(max-width: 1580px) {
    html {
        font-size: 8px;
    }

    /* Шрифт всех полей не меньше 16px */
    .input-blue,
    .textarea-blue,
    .input {
        font-size: 16px;
    }

    .input {
        height: 5rem;
    }
}

@media(max-width: 1390px) {
    .header__esc-name {
        max-width: 23rem;
        font-size: 2.2rem;
    }

    .availability__map {
        margin-right: -17rem;
    }
}
@media(min-width: 1280px) {
    .aside {
        display: block!important;
        opacity: 1!important;
    }
}
@media(max-width: 1279px) {
    :root {
        --acide: 0;
        --header: 6.3rem;
    }
    .aside {
        display: none;
        opacity: 0;
        z-index: 10000;
        width: 100%;
        transition: opacity var(--baseAnim);
        will-change: opacity;
    }
    .aside__close {
        display: block;
    }
    .aside__overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        background-color: rgba(0, 0, 0, 0.65);
        z-index: 0;
    }
    .aside__wrap {
        width: 26rem;
        position: relative;
        z-index: 5;
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
        transform: translateX(-110%);
        transition: transform var(--baseAnim);
        will-change: transform;
    }
    .aside__wrap.open {
        transform: translateX(0);
    }
    .aside__close {
        position: absolute;
        top: 1.4rem;
        right: 1.4rem;
        width: 2.2rem;
        transition: color var(--baseAnim);
        will-change: color;
    }
    .aside__close svg {
        height: auto;
    }
    .aside__close path {
        stroke: currentColor;
    }
    .aside__close:hover {
        color: var(--dark);
    }
    .header__escrow {
        display: none;
    }
    .header__burger {
        display: block;
    }
    .header__mob-hide {
        display: none;
    }
    .header__house-name {
        display: block;
        color: var(--white);
        font-size: 2.2rem;
        font-weight: 500;
        margin-right: auto;
    }
}

@media(max-width: 1100px) {
    :root {
        --indtContainer: 20px;
    }
    .title_small {
        margin-bottom: 3rem;
    }
    .header {
        padding-right: var(--indtContainer);
        padding-left: var(--indtContainer);
    }
    
    .title-h1 {
        font-size: 10rem;
    }

    /*///////////
    // Popups
    ///////////*/
    .popup-white {
        padding: 5rem var(--indtContainer);
    }
    .popup-white__close {
        top: 1.1rem;
        right: 1.1rem;
        width: 4rem;
    }
    .banks__items {
        gap: 2.7rem;
    }
    .banks__item {
        flex: 0 0 calc(33.333% - 1.8rem);
    }

    
    /*///////////
    // First-screen
    ///////////*/
    .first-screen {
        min-height: initial;
    }
    .first-screen__info {
        display: flex;
        flex-direction: column;
    }
    .first-screen__developer {
        display: none;
    }
    .first-screen__subtitle {
        font-size: 1.6rem;
    }
    .first-screen__developer-mob {
        order: -2;
        display: flex;
        align-items: flex-start;
        column-gap: 4rem;
    }
    .first-screen__main-mob {
        color: var(--white);
    }
    .first-screen__main {
        order: -1;
    }
    .first-screen__top {
        order: 0;
    }
    .first-screen__center {
        flex-direction: column;
    }
    .first-screen__subtitle_hidden-mob,
    .first-screen__title_hidden-mob {
        display: none;
    }
    .first-screen__title {
        margin-bottom: 0;
    }

    .layout {
        height: 28rem;
    }

    /*///////////
    // Conditions, stages
    ///////////*/

    .conditions__item {
        flex: 0 0 calc(50% - 1.7rem);
    }
    .stages__item {
        display: block!important;
    }
    .stages__type {
        display: none;
    }
    .stages__info {
        flex: 0 0 100%;
        min-height: initial;
    }
    .stages__dots {
        display: flex;
        justify-content: center;
        margin-bottom: 1.8rem;
    }
    .stages__title {
        margin-bottom: 3.2rem;
    }

    /*///////////
    // Prices
    ///////////*/
    .prices__copas {
        display: none;
    }
    .prices__scheme {
        margin: 0 calc(var(--indtContainer) * -1);
        margin-top: 3rem;
    }
    
    /*///////////
    // Gallery
    ///////////*/
    .gallery__previous-item {
        flex: 0 0 calc(50% - 0.6rem);
    }
    .gallery__slider {
        flex-grow: 1;
        width: 100%;
    }
    .gallery__thumbnail {
        flex: 0 0 30rem;
    }


    /*///////////
    // Standards
    ///////////*/
    .standards__image {
        display: none;
        width: 100%;
    }
    .standards__info {
        flex: 0 0 100%;
        width: 100%;
    }
    .standards__info-image {
        width: 100%;
        border-radius: 1rem;
	    overflow: hidden;
        display: block;
    }
    .standards__info-image-dc {
        display: none;
    }
    .standards__info-slide {
        overflow: hidden;
        border-radius: 1rem;
        position: relative;
    }
    .standards__info-slide:before {
        content: "";
        padding-top: 78%;
        display: block;
    }
    .standards__info-dots {
        display: flex;
        justify-content: center;
        margin-top: 1.8rem;
    }
    .standards__info-img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        object-fit: cover;
        height: 100%;
    }
    .standards__adv {
        margin-bottom: 4.8rem;
    }
    .standards__cell-name {
        padding: 1.4rem;
    }

        
    /*///////////
    // Quiz
    ///////////*/
    .quiz__first br {
        display: none;
    }

    /*///////////
    // Availability
    ///////////*/
    .availability__map {
        margin-right: -24rem;
    }

    /*///////////
    // Escrow
    ///////////*/
    .escrow__info {
        padding-top: 0;
    }
    .escrow__main {
        margin-top: 3.6rem;
    }

    /*///////////
    // Progress
    ///////////*/
    .progress__stages {
        flex: 0 1 50%;
    }
    .progress__broadcast {
        flex: 0 01 50%;
    }
    .progress__mounths {
        padding-left: 2rem;
        padding-right: 2rem;
    }


    /*///////////
    // Office
    ///////////*/
    .office__address {
        flex-direction: column;
    }
    .office__image {
        flex: initial
    }
    .office__info {
        flex: initial;
    }
    .office__address {
        gap: 3rem;
    }
    .office__table {
        row-gap: 2.7rem;
    }
    .office__row {
        margin-bottom: 2.7rem;
    }
    .office__feedback {
        flex-direction: column;
    }
    .office__map {
        flex: initial;
        width: 100%;
    }
    .office__form {
        flex: initial;
    }
    .office__form {
        width: 100%;
    }
    .form {
        max-width: initial;
        width: 100%;
    }

    /*///////////
    // Docs
    ///////////*/
    .docs__bc {
        height: 30rem;
    }
}

@media(max-width: 964px) {
    :root {
        --header: 5.5rem;
    }
    
    /*///////////
    // Header
    ///////////*/
    .header__btn-hide {
        display: none;
    }
    .header__main {
        gap: 1rem;
    }
    .header__btn-mob {
        display: block;
    }
    .header__buttons {
        align-items: center;
        flex-wrap: nowrap;
        column-gap: 1.5rem;
    }

    /*///////////
    // Availability
    ///////////*/
    .availability__map {
        display: none;
    } 
    

    /*///////////
    // Gallery
    ///////////*/
    .gallery__thumbnail {
        display: none;
    }
    .gallery__slider {
        flex: initial;
    }


    /*///////////
    // Infrastructure
    ///////////*/
    .cards__main {
        gap: 2.4rem;
    }
    .cards__item {
        flex: 0 0 calc(33% - 1.6rem);
    }

}

@media(max-width: 840px) {
    /*///////////
    // Docs
    ///////////*/
    .docs__info {
        flex-direction: column;
        align-items: flex-start;
    }
    .docs__bc {
        height: 21rem;
    }

    /*///////////
    // Escrow
    ///////////*/
    .escrow__logo {
        flex: 0 0 18.6rem;
    }
}
@media(max-width: 740px) {
    /*///////////
    // Progress
    ///////////*/
    .progress__main {
        flex-direction: column-reverse;
    }
}

@media(max-width: 568px) {
    :root {
        --indtContainer: 14px;
    }

    .title-h1 {
        font-size: 6rem;
    }
    .title-h2 {
        font-size: 4rem;
    }
    .title-h3 {
        font-size: 3.6rem;
    }
    .text h6 {
        font-size: 2.2rem;
    }
    
    
    /*///////////
    // Popups
    ///////////*/
    .popup-white__close {
        width: 3.8rem;
    }
    .popup__container {
        padding: 0;
    }
    .popup-white {
        border-radius: 0;
    }

    .banks__contact {
        flex-wrap: wrap;
        row-gap: 2rem;
    }
    .banks__items {
        gap: 2rem;
    }
    .banks__item {
        flex: 0 0 calc(50% - 1rem);
    }
    
    .list-ic__item {
        gap: 1.1rem;
    }

    .aside__wrap {
        width: 29rem;
    }

    /*///////////
    // First-screen
    ///////////*/  
    .developer__logo {
        width: 11rem;
    }

    .first-screen__slider:before {
        width: 100%;
    }
    .first-screen__top {
        margin-bottom: 5rem;
    }
    .first-screen__developer-mob {
        column-gap: 2rem;
    }

    .button-plan__image {
        max-width: 18rem;
    }


    .advantages {
        gap: 1rem;
    }
    .advantages__item {
        flex: 0 0 10.5rem;
    }
    .advantages__main {
        padding-top: 0.7rem;
    }
    .advantages__img {
        height: 3rem;
        margin-bottom: 0.4rem;
    }

    .layout {
        height: initial;
    }
    .layout__trinagle {
        display: none;
    }
    .layout__trinagle_mob {
        display: block;
    }
    .layout__main {
        background: transparent;
        padding: 0;
        border-radius: 0;
    }
    .layout__name {
        color: var(--white);
        margin-bottom: 2.2rem;
        font-size: 2.2rem;
    }
    .layout__house {
        height: 13rem;
        padding: 0;
    }
    .layout__house-wrap {
        position: relative;
        background: var(--white);
        padding: 0 1.4rem 1.4rem;
        border-bottom-left-radius: 1.4rem;
        border-top-left-radius: 1.4rem;
    }
    .layout__houses {
        flex-wrap: wrap;
        gap: 2.2rem;
    }

    .scheme__button {
        min-height: 3rem;
        padding: 0.4rem 1.4rem;
        white-space: nowrap;
        font-size: 1.2rem;
    }
    .scheme__button_house1 {
        position: absolute;
        top: 0;
        left: 40%;
    }

    /*///////////
    // Conditions, stages
    ///////////*/
    .conditions__main {
        gap: 1.4rem;
    }
    .conditions__item {
        padding: 1rem;
        padding-top: 2rem;
        flex: 0 0 calc(50% - 0.7rem);
    }
    .conditions__img {
        height: 9rem;
    }
    
    /*///////////
    // Prices
    ///////////*/
    .prices {
        margin-top: 4rem;
    }
    .prices__scheme {
        margin-top: 4.5rem;
    }

    /*///////////
    // Conditions, stages
    ///////////*/
    .stages__item {
        padding: 3.3rem 2.8rem;
    }

    /*///////////
    // Quiz
    ///////////*/
    .quiz__image {
        max-height: 24rem;
    }
    .quiz__item-wrap {
        min-height: initial;
    }
    .quiz__head {
        margin-bottom: 7.6rem;
    }
    .quiz__numbering {
        font-size: 2.6rem;
    }
    .checkbox__val {
        font-size: 2rem;
    }
    .quiz__buttons {
        padding-top: 7rem;
    }

    /*///////////
    // Infrastructure
    ///////////*/
    .map__panel {
        top: 2.6rem;
    }
    .map__buttons {
        column-gap: 1rem;
        row-gap: 0.8rem;
    }
    .scheme__highway {
        font-size: 1.6rem;
    }
    .infrastructure__map {
        height: 63rem;
    }
    .cards__main {
        column-gap: 1.6rem;
    }
    .cards__item {
        flex: 0 0 calc(50% - 0.8rem);
    }
    .cards__buttons {
        column-gap: 1rem;
        row-gap: 0.8rem;
    }
    .cards__info {
        align-items: flex-start;
    }

    /*///////////
    // Docs
    ///////////*/
    .system__logo {
        max-width: 18rem;
    }
    .docs__bc {
        height: 16rem;
    }

    /*///////////
    // Escrow
    ///////////*/
    .escrow__main {
        flex-direction: column;
        align-items: center;
        gap: 5rem;
    }
    .escrow__logo {
        flex: initial;
    }
    .escrow__img {
        height: 20rem;
    }
    
    /*///////////
    // Progress
    ///////////*/

    .progress__label {
        font-size: 2.2rem;
    }
    .progress__column {
        flex: initial;
    }
    .progress__mounths {
        justify-content: space-between;
    }
    .progress__nav-years {
        padding: 0 2rem;
    }
    .progress__prev {
        left: 1.4rem;
    }
    .progress__next {
        right: 1.4rem;
    }
    .arrow {
        width: 4.2rem;
        height: 4.2rem;
    }
    .arrow__ic {
        width: 1.5rem;
    }

    /*///////////
    // Gallery
    ///////////*/
    .gallery {
        padding-top: 5rem;
    }
    .gallery__prev {
        left: 1.4rem;
    }
    .gallery__next {
        right: 1.4rem;
    }
    .gallery__name {
        font-size: 2.4rem;
    }

    /*///////////
    // Standards
    ///////////*/
    .standards {
        margin-top: 8rem;
    }
    
    /*///////////
    // Office
    ///////////*/
    .office__address {
        gap: 2rem;
    }
    .office__row {
        margin-bottom: 2rem;
    }
    .office__table {
        grid-template-columns: auto;
        row-gap: 2rem;
    }
    .office__map {
        height: 32rem;
    }
    .form__bottom {
        margin-top: 2.5rem;
        gap: 3.4rem;
        flex-direction: column-reverse;
    }

    
    /*///////////
    // Footer
    ///////////*/
    .footer__main {
        flex-direction: column;
        align-items: center;
        gap: 0.8rem;
    }
}