@media (max-width: 1670px) {
  #slider .container{
    height: 100%;
  }
  /* .header__content{
    height: 100%;
  } */
}
@media (min-height: 700px) and (max-height: 1079px) and (min-width: 760px) {
    .popup-area li{
        padding: 5px 0;
    }
    .title-area{
        margin: 10px 0;
    }
}

@media (max-width: 1200px) {

    body.is-message header{
        margin-top: 18px;
    }

    .alert-mess{

    font-size: 11px !important;
    line-height: 15px !important;
}
   
    .cottages-cor-homepage{
        padding-bottom: 35px !important;
    }
    .b-copyright-item-new{
        margin-top: 10px;
        justify-content: flex-start;
        margin-bottom: 50px;
    }
    .main-text-offer-cor{
        font-size: 23px;
        margin-bottom: 10px;
        margin-top: -10px;
        }
    .main-text-offer-cor-mob{
        margin-top: -20px;
    }
    .stages__slide{
        width: 100% !important;
        margin-right: 0 !important;
    }
    .stages__slide-article{
        width: 95%;
    }
    #genPlan{
        margin-top: 0px;
    }
    .reviews-video.video-project{
        padding-bottom: 0;
    }
    .video-project .container {
        margin-bottom: 0px !important;
    }
    .preview-plan{
        height: 250px;
    }

    .preview-plan img{
        height: 100%;
        object-fit: cover;
    }
    .interesting-near-project-cont{
        padding: 20px;
    }
    .header-fixed.sticky .logo__fixed{
        width: 120px;
    }

    #genPlan p{
        margin-bottom: 20px;
        font-size: 13px;
    }

    #privileges swiper-container{
        width: 100vw !important;
    
    }

    #privileges .container{
        padding: 0;
    }

    #privileges swiper-slide{
        padding-left: 15px;
        padding-right: 15px;
    }


    #privileges .privileges__link{
        margin: 15px 0 0 0;
    }



    #area {
        margin-bottom: 70px;
    }
    .header__top {
        padding: 9px 0;
    }
    .header-fixed{
        height: auto;
    }
    .header-cover-back{
        height: 100%;
        width: 100%;
    }
    .sticky .contacts-icon-mob-w{
        display: none;
    }
    .sticky .contacts-icon-mob-b{
        display: block !important;
    }
    .contacts-icon-mob-w  .contacts-icon-mob{
        border: 1px solid rgba(255, 255, 255, 0.1);

    }
    .contacts-icon-mob-b  .contacts-icon-mob{
        border: 1px solid #005aa3;
    }
    .contacts-icon-mob-b{
        display: none;
    }
    header .social-like{
        display: none;
    }
    .social-like-cor-mobile{
        display: flex;
        gap: 8px;
    }

    .social-like-cor-mobile .contacts-icon-mob{
        width: 37px;
        height: 37px;

        border-radius: 50%;
    }

    .step-building-new-content-img img{
        border-radius: 12px;
        object-fit: fill;
        object-position: center;
    }
    .step-building-new-content-img .slider-wrapper{
       height: 100%;
    }
    .main-otdelka-new-img-f img{
        border-radius: 12px;
    }
    .step-building-new-content-img swiper-container{
        height: 300px;
    }
    .interesting-near-project-cont swiper-container{
        height: 300px;
    }
    .interesting-near-project-img .slider-wrapper img{
        object-fit: cover;
        width: 100%;
    }
    .main-otdelka-new-img-f swiper-container{
        height: 300px;
    }
    
    .header-cover_catalog .header-cover{
        display: none;
    }

    .header-cover_catalog {
        background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ),  url(../images/catalog-img1.jpg) 0 0 no-repeat;
        background-size: cover;
        background-position: center;
        
    }
    .header-cover_catalog::before{
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        filter: brightness(0.9);
    }

    .header-cover_page-tegs {
        margin-bottom: 40%;
    }

    .header-cover_catalogHome{
        display: flex;
        padding-top: 0;
    }
    .header-cover_catalogHome .container{
        margin-bottom: 35%;
        margin-top: auto;
        margin-left: 0;
    }
    .step-building-new .custom-select{
        background-color: #2C2C2C;
    }
    .header-cover_page{
        padding: 0;
    }
    .header__content-left .title-top-wrapper{
        height: unset;
        margin-bottom: 25%;
    }
    .header__content-f{
        height: 100%;
    }
    .header__content-left{
    height: 100%;
    display: flex;
    justify-content: space-between;
    }

    .header__content-left{
        margin-bottom: 0 !important;
    }


    .header-cover .progress-bars{
        width: 100% !important;
        bottom: 13%;
        padding: 0 15px;
    }

    .purchaseOptions-title {
        position: unset;
        top: unset;
    }

    .header-cover_page .progress-bars{
        width: 100% !important;
        bottom: 50px;
    }


/* РЯДОМ ДОМОМ */
.main-otdelka-new .custom-select-container{
    display: block;
}
.main-otdelka-new-tabs-cont{
    display: none;
}
.near-house-new .container{
    width: 100%;
}
.near-house-new-img-f img{
    width: 100%;

}
.near-house-new-img-f swiper-slide{
    border-radius: 12px;
    overflow: hidden;
}
.near-house-new{
    padding-top: 22px;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    padding-bottom: 90px;
}
.near-house-new-img-f{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
    margin-top: 22px;
}
.near-house-new-cont{
    padding: 22px;
}
.near-house-new-cont{
    max-width: 700px;
    height: 815px;
    flex-direction: column-reverse;
}
.near-house-new-info-h{
    font-size: 26px;
    margin-bottom: 14px;
}
.near-house-new-info{
    width: 100%;
}

.near-house-new-info-discr{
    font-size: 14px;
    margin-bottom: 22px;
}


.icon-new-item-near{
    width: 100%;
    height: 38px;
    font-size: 10px;
    padding-left: 38px;
    padding-right: 10px;
    display: flex;
    align-items: center;
}
.technology-build-house-info-6{
    top: -96px;
    left: -249px;
}


.icon-new-item-near::before{
    width: 22px;
    height: 22px;
}

.near-house-new-info-icon-item-1-1::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-2::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-3::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-4::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-5::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-6::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-7::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-8::after{
    width: 12px;
    height: 12px;
    top: 13px;
    left: 14px;
    background-size: 11px;
}
.near-house-new-info-icon-item-1-9::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-10::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-11::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}
.near-house-new-info-icon-item-1-12::after{
    width: 12px;
    height: 12px;
    top: 14px;
    left: 15px;
    background-size: 13px;
}


/* РЯДОМ ДОМОМ */


.step-building-new,.main-otdelka-new,.technology-build,.interesting-near-project,.near-house-new{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: -33px;
}




/* Интересное в окружении проекта */
.interesting-near-project-cont{
    justify-content: center;
    flex-direction: column;
}
.interesting-near-project-info{
    width: 100%;
    padding-top: 40px;
    margin-top: -20px;
}

.interesting-near-project-h{
    font-size: 27px;
    margin-bottom: 32px !important;
    text-align: center;
    width: 268px;
    margin: 0 auto;

}
.interesting-near-project{
    border-radius: 20px;
    padding-top: 60px;
    padding-bottom: 85px;
}


.interesting-near-project-img{
    z-index: 2;
    height: 100%;
    width: 100%;
}
.interesting-near-project-items{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.interesting-near-project-item{
    font-size: 9px;
    height: 38px;
    margin-bottom: 0;
    padding-left: 48px;
    padding-right: 3px;
    display: flex;
    align-items: center;
}
.interesting-near-project-info{
    padding: 10px;
    padding-top: 40px;
}
.interesting-near-project-h-1{
    font-size: 20px;
    margin-bottom: 16px;
}

.interesting-near-project-item::after{
    width: 22px;
    height: 22px;
}
.interesting-near-project-item::before{
    height: 22px;
    width: 22px;
}
.interesting-near-project-item-icon::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 14px;
    top: 14px;
    z-index: 2;
    background-size: 10px 12px;
}

.main-otdelka-new,.technology-build,.main-otdelka-new{
    border-radius: 20px;
    margin-top: -35px;
}
/* Интересное в окружении проекта */
















/* Технологии строительства */
.technology-build-cont-cor{
    width: -webkit-fill-available;
}

.technology-build{
    padding-top: 60px;
}
.technology-build-cont{
    padding: 0;
    height: 390px;
    overflow-x: auto;
    border-radius: 20px;
    position: relative;
}
.technology-build-cont::before{
    content: '';
    position: absolute;
    left: 6px;
    top: 0;
    height: 28px;
    width: 28px;
    background: url(../images/finger-swipe.svg) center no-repeat;
    opacity: 0.6;
}

.technology-build-h{
    font-size: 26px;
    text-align: center;
    padding: 0px 31px;
    width: 268px;
}
.technology-build-discr{
    font-size: 14px;
    width: 350px;
}

.technology-build-house{
    width: 520px;
    height: 292px;
    background: url(../images/indahouse.png) no-repeat right;
    background-size: 520px 292px;
}

.technology-build-house-info{
    width: 30px;
    height: 30px;
}
.technology-build-house-info::before{
    width: 14px;
    height: 2px;
    top: 50%;
    left: 8px;
}
.technology-build-house-info::after{
    width: 14px;
    height: 2px;
    top: 50%;
    left: 8px;
}


.technology-build-house-info-container{
    font-size: 12px;
}
.technology-build-house-info-pos-1{
    top: 64px;
    left: 144px;
}
.technology-build-house-info-pos-2{
    top: 184px;
    left: 66px;
}
.technology-build-house-info-pos-3{
    top: 167px;
    left: 182px;
}
.technology-build-house-info-pos-4{
    top: 21px;
    left: 260px;
}
.technology-build-house-info-pos-5{
    top: 82px;
    left: 350px;
}
.technology-build-house-info-pos-6{
    top: 138px;
    left: 414px;
}
.technology-build-house-info-pos-7{
    top: 212px;
    left: 362px;
}
.technology-build-house-info-container{
    padding: 8px 8px;
    width: 263px;
}

.technology-build-house-info-container::after{
    display: none;
}

.technology-build-house-info-7{
    top: -60px;
    left: -234px;
}
.technology-build-house-info-2{
    top: -65px;
    left: -1px;
    width: 271px;
}
.technology-build-house-info-1{
    top: -75px;
    left: 7px;
    width: 247px;
}

.technology-build-house-info-4{
    top: -55px;
    left: -220px;
    width: 218px;
}
.technology-build-house-info-3{
    top: -64px;
    left: -158px;
}

.technology-build .container{
    padding: 0;
}
.technology-build{
    padding-bottom: 0;
}
.technology-build-house-info-5{
    top: -72px;
    left: -257px;
}
/* Технологии строительства */




/* Варианты отделки */




.main-otdelka-new{
    padding-top: 60px;
}

.main-otdelka-new-h{
    font-size: 26px;
    text-align: left;
    margin-bottom: 22px;
}

.main-otdelka-new-tabs{
    flex-direction: column;
    overflow: hidden;
}

.main-otdelka-new-tabs-item{

}

.main-otdelka-new-tabs-item-active{
    display: flex !important;
    justify-content: flex-start;
}
.main-otdelka-new-tabs{
    margin-bottom: 16px;
}

.main-otdelka-new-tabs-item{
width: 100%;
height: 48px;
justify-content: flex-start;
padding-left: 15px;
}
.main-otdelka-new-tabs{
    padding: 0;
}

.main-otdelka-new-tabs-cont{
    position: relative;
    height: 48px;
    overflow: hidden;
    margin-bottom: 20px;
}

.main-otdelka-new-info{
    flex-direction: column;
}

.main-otdelka-new-img-f{
    width: 100%;
}
.main-otdelka-new-text{
    width: 100%;
}
.main-otdelka-new-tabs{
    background: unset;
    position: relative;
}

.main-otdelka-new-img-f{
    height: 100%;
    margin-bottom: 18px;
}

.main-otdelka-new-img-f swiper-slide{
 height: 100%;
}

.main-otdelka-new-info{
    padding: 22px;
    background: #3E3E3E;
}
.main-otdelka-new-text-h{
    font-size: 20px;
}

.main-otdelka-new-text p{
    font-size: 14px;
}

.main-otdelka-new{


background: #2C2C2C;
}





.main-otdelka-new-b{
    width: 100%;
}

.main-otdelka-new-tabs::before{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 13px;
    background: url(../images/Triangle.svg);
}

.main-otdelka-new{
    padding-bottom: 85px;
}

/* Варианты отделки */




/* Ход строительства */
.step-building-new{
    padding-top: 60px;
    padding-bottom: 85px;
    border-radius: 20px;
    background: #3E3E3E;
}

.step-building-new-h{
font-size: 26px;
margin-bottom: 28px;
}

.step-building-new-content{
    flex-direction: column-reverse;
    height: auto;
    background: #2C2C2C;
}

.step-building-new-content-img{
    width: 100%;
    height: 300px;
    margin-top: 22px;
}

.step-building-new-content-date{
    width: 100%;
    background: #3E3E3E;
    padding: 18px;
}

.step-building-new-content{
    padding: 20px;
}
.step-building-new-content-date-chose{
    margin-bottom: 18px;
}

.step-building-new-content-date-chose span{
    font-size: 16px;
}
.step-building-new-content-date-text{
    font-size: 14px;
}
.step-building-new-content-date-input{
    background: #2C2C2C;
    margin-bottom: 0;
}

/* Ход строительства */









    .one-home swiper-container::part(pagination){
        bottom: 30px !important;
    }
    .ipdoc_title{
        margin-bottom: 25px !important;
    }
    .finishing__content-img swiper-slide{
        width: 100%;
    }
    .finishing__content-img {
        height: auto;
    }
    .hero-title{
        font-size: 26px;
    }
    .communications-title{
        margin-bottom: 25px !important;
    }
    .route__content .privileges__link{
        margin-bottom: 0 !important;
    }
    .page__reviews-video .reviews-video__top-title{
        margin-bottom: 25px !important;
        width: 100% !important;
    }
    .page__reviews-video{
        background: #f0f4fb;
        position: relative;
    }
    .page__reviews-video .video-container__desccr{
        font-size: 12px;
        z-index: 1;
    }

    .page__reviews-video .reviews-video__line{
        display: none;
    }
    .page__reviews-video .play-button{
        width: 52px;
        height: 52px;
    }

    .page__reviews-video .video-container video{
        filter: brightness(0.7);
    }
    .header-title{
        font-size: 26px;
    }
    .header-cover_catalogHome .header-cover_catalog_title{
        font-size: 29px;
    }
    .bid-form__btn img{
        display: none;
    }

    .finishing__info-link{
        margin: 0 !important;
        font-size: 14px !important;
        padding: 15px 0 !important;
    }
    .finishing-title{
        margin-bottom: 25px !important;
    }
    .reviews-residents swiper-slide{
        margin-right: 16px !important;
    }
    .purchaseOptions__content-container {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .purchaseOptions-title{
        margin-bottom: 25px !important;
    }
    .purchaseOptions-title__container{
        width: 100%;
    }
    .purchaseOptions .purchaseOptions-title{
        position: relative;
    }

    .purchaseOptions .purchaseOptions-title::before{
        content: '';
        position: absolute;
        right: 5px;
        bottom: 0px;
        height: 28px;
        width: 28px;
        background: url(../images/finger-swipe.svg) center no-repeat;
        opacity: .5;
    }

    .materials__cards-container{
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .materials-mobile .materials-title{
        position: relative;
    }

    .materials-mobile .materials-title::before{
        content: '';
        position: absolute;
        right: 5px;
        bottom: 0px;
        height: 28px;
        width: 28px;
        background: url(../images/finger-swipe.svg) center no-repeat;
        opacity: .5;
    }

    .materials__card-top{
        gap: 5px;
    }
    .one-home .hero{
        padding-top: 30px;
    }
    .privileges__link img{
        display: none;
    }
    .hero .container{
        gap: 0;
    }

    .hero__images-img{
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .hero__images-img::before{
        content: '';
        bottom: -3px;
        width: 100%;
        position: absolute;
        height: 15px;
        border-radius: 20px 20px 0 0;
        background: #fff;
        z-index: 2;
    }
    .peculiarities-title{
        margin-bottom: 28px !important;
    }
    .hero__images__slider{
        max-width: 100vw;
    }
    .one-home .hero::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 150px;
        top: -30px;
        background: #2c2c2c;
    }
    .cottages__nav{
        width: fit-content;
    }
    .gallery__content-card{
        height: 268px;
    }
    
    #photoGallery .gallery-title{
        margin-bottom: 25px;
    }

    .pros-bloсks{
        padding-bottom: 10px;
        gap: 16px;
    }
    .pros-bloсks__block-icon{
        width: 52px;
        height: 38px;
    }
    .pros-bloсks__block-title{
        font-size: 18px;
    }
    .header-cover_page{
       display: flex;
    }
    .header-cover_page .container{
        margin-top: auto;
        margin-bottom: 35%;
        margin-left: 0px;
        margin-right: 0px;
     }
    .bid__subtitle{
        margin-bottom: 0;
    }
    .review-resident{
        display: flex;
    flex-direction: column;

    }
    
    .review__author{
        margin-top: auto;
    }
    .privileges{
        margin-top: 0px !important;
        margin-bottom: 30px !important;
    }
    .bid__form .one-param{
        margin-bottom: 5px;
    }

    #form_vue_ipoteka .bid__subtitle{
        margin-top: 10px;
        margin-bottom: 22px;
    }

    #form_vue_ekskursia .bid__info {
        
    }

    .pros .pros-title{
        position: relative;
    }

    .pros .pros-title::before{
        content: '';
        position: absolute;
        right: 5px;
        bottom: 0px;
        height: 28px;
        width: 28px;
        background: url(../images/finger-swipe.svg) center no-repeat;
        opacity: .5;
    }


    .reviews-video .title-navigation{
        position: relative;
    }
    .reviews-video .title-navigation::before{
        content: '';
        position: absolute;
        right: 15px;
        top: 3px;
        height: 28px;
        width: 28px;
        background: url(../images/finger-swipe.svg) center no-repeat;

    }
    .reviews-residents .section-title{
        position: relative;
    }
    .reviews-residents .section-title::before{
        content: '';
        position: absolute;
        right: 15px;
        top: 0;
        height: 28px;
        width: 28px;
        background: url(../images/finger-swipe.svg) center no-repeat;

    }

    .reviews-residents .swiper-slide-active{
        /* width: 80% !important; */
        transition: .4s;
    }
    .reviews-residents .swiper-slide-next{
        /* width: 80% !important; */
    }
    .reviews-residents .swiper-slide-prev
    {
      
    }

    .reviews-residents .swiper-slide-residents{
        width: 100% !important;
    }


    .life__title{
        font-size: 26px;
        text-align: center;
        top: 66px;
        padding: 20px 0 7px 0;
    }


    .form-item{
        padding: 15px;
        font-size: 14px;
    }
    .bid__subtitle{
        text-align: center;
    }

    .bid__title{
        text-align: center;
    }


    .reviews-video .title-navigation{
        margin-bottom: 25px;
    }

    .reviews-video .section-title{  
        margin-bottom: 0;
        width: 50%;
    }




    .reviews-video__slide-img{
        height: 50vh;
    }

    .reviews-video__slide{
        height: 50vh;
        width: 300px;
    }

    #reviewVideo swiper-container.slider-video .swiper-slide-active
    {
        /* width: auto !important; */
    }

    #reviewVideo swiper-container.slider-video .swiper-slide-active .reviews-video__slide
    {
        width: 100% !important;
    }




    .bx-pagination .bx-pagination-container ul li a {
        text-decoration: none;
        display: block;
        border-radius: 16px;
        height: 25px;
        min-width: 25px !important;
        line-height: 25px;
    }

    .advantages .advantages-items{
        padding: 0;
        margin-top: 25px;
    }

    .advantages .section-title{
        width: 60%;
    }
    .privileges-mob{
        padding-bottom: 12px;
    }

    .privileges__title{
        margin: unset !important;
    }
    .privileges__title{
    font-size: 16px
    }

    .privileges__info {
        margin-top: 9px;
        padding: 60px 18px 22px 18px;
        height: 233px;
        backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 14px;
    }
    .privileges-mob .privileges__link{
        padding: 19px 0 !important;
        margin-top: 13px;
        font-size: 16px;
    }

    .privileges .progress-bars .progress-bar{
        height: 6px;
    }

    .top-slide__privilege{
        padding: unset;
    }

    .projects-home .privileges__link{
        display: none !important;
    }
    .bx-pagination{
        margin: 25px 0 10px 0;
    }
    
    .bx-pagination .bx-pagination-container ul li span {
        display: block;
        height: 25px !important;
        min-width: 25px !important;
        line-height: 25px !important;
        font-size: 10px !important;
        border-radius: 41px !important;
    }

    .built-cottages .privileges__link{
        display: none !important;
    }

    .built-cottages .section-title{
        width: 60%;
    }
    .villages .privileges__link{
        display: none !important;
    }
    .slider-built-cottages__inner,
    .slider-projects-home__inner {
        gap: 16px 16px;
        justify-content: center;
    }

    .section-title {
        font-size: 26px;
        line-height: 0.95;
        gap: 10px;
        color: #2c2c2c;
        letter-spacing: -2px;
    }
    .villages__content-title{
        font-weight: 500;
        font-size: 14px;
        margin-top: 10px;
        
    }
    .villages__content-title{
        margin-bottom: 6px;
    }

    .villages__content-teg{
        font-size: 11px;
        margin-bottom: 8px;
    }

    .villages__inner {
        gap: 25px 10px;
        margin-bottom: 14px;
    }
    
    .villages__content-list li {
        margin-bottom: 6px;
        font-size: 10px;
    }

    .gallery-one{
        height: 160px;
    }

    .gallery-one img{
        border-radius: 12px;
        width: 100% !important;
    }
    .hero__images__slider{
        height: 400px;
    }
    .section__name{
        display: block !important;
        margin-bottom: 25px;

    }
    .section-info{
        width: 80%;
        font-size: 14px;
        margin-bottom: 17px;
        font-weight: 400;
        line-height: 120%;
        color: #5c5c5c;
    }
    .section-title{
        margin-bottom: 10px;
    }

    .hero__images__slider swiper-container{
        height: 100%;
    }

    .hero__images__slider swiper-slide div{
        height: 100%;
    }

    .hero__images__slider img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    } 
    .pros-bloсks {
        grid-template-columns: repeat(4, 1fr);
        overflow-x: auto;

      }

      .pros .pros-title{
        width: unset;
      }
      .pros-bloсks__block{
        width: 300px;
        padding: 16px;

      }
      .header-cover_page_title{
        font-size: 26px;
      }
      .header-cover_page_descr{
        font-size: 14px;
      }
      .page__header-images__img{
        width: 100vw;
        height: 100vh;
      }

      .header-link-back{
        margin-left: 11px;
      }
 
      .crumbs{
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 8px;
      }
      .bx-breadcrumb-item{
        font-size: 10px;
        white-space: nowrap;
        margin-right: 5px;
      }
      .gallery__content{
        grid-template-columns: repeat(2, auto);
      }

    .route-container{
        display: flex;
        flex-wrap: wrap;
    }

    .navigation-buttons {
        display: none;
    }
    .villages__inner {
        justify-content: center;
    }

    .section__name {
        justify-content: center;
        gap: 100px;
    }


    .section-info {
        margin-right: 0;
    }

    .privileges .progress-bars{
        width: 95%;
        bottom: 20px;
    }

    .hero, 
    .ipoteka_section, 
    .finishing, 
    .peculiarities, 
    .villages, 
    .built-cottages, 
    .projects-home, 
    .privileges, 
    .reviews-video, 
    .bid, 
    .life, 
    .reviews-residents, 
    .bid-2, 
    .latest-news, 
    .our-contacts, .pros, .plan, .gallery, .cottages, .route-section, .infrastructure, .stages, .yourPtoject, .materials, .communications, .purchaseOptions, .advantages, #mapid{
        border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 55px 0 85px 0;
    margin-top: -30px;
    }


    .hero-descr{
        margin-bottom: 30px;
    }
    .header-fixed.sticky{
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }


    .built-cottage__content-title,
.projects-home__content-title {
    font-size: 11px;
        height: 16px;
    
}

.privileges{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 30px 0;
}



    .slider-built-cottages__inner,
    .slider-projects-home__inner {
        gap: 10px 12px;
        justify-content: center;
    }
    .bid__slider img{
        height: 34px;
        border-radius: 8px;
    }
    .life-link{
        margin-bottom: -60px;
    }

    .reviews-residents{
        padding-bottom: 55px;
    }
    .map-container{
        border-radius: 20px 20px 0 0;
    }

    .icon-img{
        width: 10px;
        height: 10px;
        margin-left: 2px;
    }
    .icon-wrapper{
        padding: 0 12px;
    }
    .page-complex.cottages{
        border-radius: 20px;
    }

    .reviews-video .container{
        margin-bottom: unset;
    }
    .bid {
        margin-top: -30px;
    }
    .bid__info{
        width: unset;
    }
    .bid__subtitle{
       
    }
    .bid-2{
        margin-top: -30px;
    }
    .peculiarities{
        border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    }

    .catalog-bid-2 {
        margin-bottom: 100px;
    }
    

   
}

@media (max-width: 1165px) {
    .villages {
        
    }

    .catalog-villages {
        margin-top: 0;
    }

    .privileges-title {
        font-size: 46px;
    }


    .privileges__wrapper {
        gap: 12px;
    }

    .privileges__list {
        font-size: 12px;
        padding: 16px;
    }

    .privileges-img {
        margin-left: -37px;
        width: 200px;
        height: 200px;
    }

    .priv-item {
        height: 47px;
    }

    .priv-item img {
        width: 20px;
        height: 20px;
    }

    .privileges__link {
        margin-bottom: 16px;
        font-size: 16px;
    }

    .life__title {
        font-size: 50px;
    }

    .page__vaiilgaes {
        margin-bottom: 100px;
    }

    .advantages-items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .gallery__content-card .slider-photo{
        border-radius: 20px;
        overflow: hidden;
    }
    .gallery__content-card__top-descr{
        font-size: 12px;
    }

    .route-title{
        font-size: 26px;
        margin-bottom: 25px;
    }
    .route__info-item__title{
        font-size: 18px;
    }

    .route__info-item__descr{
        font-size: 10px;
    }

    .route__content-descr{
        font-size: 13px;
    }
    .route__content-title{
        font-size: 16px;
    }
    .pros-bloсks__block-top{
        font-size: 18px;
    }
    .pros-bloсks__block-descr1{
        font-size: 13px;
    }
    .pros-bloсks__block-descr{
        font-size: 13px;
    }











}

@media (max-width: 1130px) {

    .slider-built-cottages__item,
    .slider-projects-home__item {
        flex-basis: 231px;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev,
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        display: none;
    }

    .built-cottage__details-count {
        font-size: 12px;
    }

    .built-cottage__content {
        height: 90px;
    }

    .review-resident {
        width: 100%;
    }

    .our-contacts-items {
        flex-wrap: wrap;
        gap: 16px;
    }

    .our-contacts__inner {
        width: 100%;
        gap: 16px;
    }

    .our-contacts__item:last-child {
        flex-basis: 100%;
    }

    .сontact-text-address {
        margin-bottom: 16px;
    }

    .infrastructure__content {
        display: none;
    }

    .infrastructure__content-mobile {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        -moz-column-gap: 16px;
             column-gap: 16px;
        row-gap: 32px;
        margin-bottom: 56px;
    }

    .infrastructure__content-mobile__card {
        position: relative;
        padding: 32px 12px 14px 12px;
        border-radius: 12px;
        background-color:  #f0f4fb;
    }

    .infrastructure__content-mobile__card svg {
        position: absolute;
        left: 12px;
        top: -16px;
    }

    .infrastructure__content-mobile__card-tilte {
        font-weight: 400;
        font-size: 12px;
        line-height: 115%;
        color: #2c2c2c;
    }

    .life {
        padding: 55px 0 142px 0;
    }

    .life__inner {
        grid-template-columns: repeat(2, auto);
        gap: 10px;
    }

    .life-card {
        top: 171px;
    }

}

@media (max-width: 1045px) {
    .top-slide__link-img {
        display: none;
    }

    .bid__title {
        font-size: 38px;
        
    }

    .life__title {
        font-size: 38px;
    }

    .bid-2 .bid__title {
        font-size: 38px;
    }
}

@media (max-width: 1024px) {

    .ipdoc_body {
        color: #888E93;
        font-size: 13px;
    }
    .villages {
        
    }

    .catalog-villages {
        margin-top: 0;
    }

    .sticky .crumbs__wrap
        {
            display: none;
        }
}

@media (max-width: 980px) {

    .slider-built-cottages__item,
    .slider-projects-home__item {
        flex-basis: 221px;
    }

    .project-check {
        font-size: 8px;
        padding: 4px 7px;
    }

    .house-icon__img {
        padding: 5px;
        width: 22px;
        height: 22px;
    }

    .privileges__link {
        font-size: 12px;
        padding: 14px 0;
        width: 100%;
    }

    .review__text {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .review__author {
        gap: 16px;
        padding-top: 16px;
    }

    .review__author-name {
        font-size: 14px;
    }

    .review__author-date {
        font-size: 10px;
    }
}

@media (max-width: 937px) {

    .slider-built-cottages__item,
    .slider-projects-home__item {
        flex-basis: 188px;
    }

    .built-cottage__details-count {
        font-size: 10px;
    }

    .communication {
        display: none;
    }

    .bid-2 .bid__subtitle {
        border-bottom: none;
    }

    .ipoteka_block_wrap {
        flex-wrap: wrap;
    }

    .ipoteka_block {
        width: 50%;
        margin: 0 0 28px 0;
        padding: 0 14px;
    }

    .ipdoc__block {
        width: 50%;
    }


    .ipdoc__block2 {
        width: 50%;
    }

    .ipdoc__inner {
        background: #F0F4FB;
        padding: 28px 28px 28px 28px;
        border-radius: 12px;

        height: 175px;
    }
}

@media (max-width: 820px) {


    .wrapper  swiper-container::part(bullet)
    {
        width: 4px;
        height: 4px;
    }
    .main {
        padding: 170px 0 0 0;
    }

    .section__name {
        margin-bottom: 25px;
        gap: 0;
    }


    .villages__item {
        width: 242px;
    }

    .slider-villages {
        margin-bottom: 6px;
    }

    .slider-villages__img {
        width: 242px;
        height: 126px;
    }

    .slider-villages-teg {
        padding: 6px 10px;
        align-items: center;
    }

    .slider-villages-teg p {
        font-size: 8px;
    }

    .slider-villages-teg img {
        width: 12px;
        height: 12px;
    }

    .villages__content-wrapper {
        padding: 0 5px 5px 5px;
    }


    .villages__content-list li {
        margin-bottom: 6px;
        font-size: 10px;
    }

    .villages__content-list li:last-child {
        margin-bottom: 0;
    }

    .villages__content-list li::before {
        width: 6px;
        height: 6px;
    }

    .village-rating {
        gap: 10px;
        padding: 8px 0;
    }

    .rating-img,
    .reviews-img {
        width: 12px;
        height: 12px;
    }

    .rating-number,
    .reviews-count {
        font-size: 10px;
    }

    .slider-built-cottages__item,
    .slider-projects-home__item {
        flex-basis: 187px;
    }

    .built-cottages {
       
    }

    .built-cottage__details-count {
        font-size: 8px;
    }


    .built-cottage__content-title,
    .projects-home__content-title {
        font-size: 11px;
    }

    .privileges__wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .bid__title {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .bid__subtitle {
        font-size: 14px;
        line-height: 1.2;
    }

    .bid__slider {
        padding: 8px 0;
    }

    .bid__slider .swiper-slide img {
        height: 34px;
    }

    .bid-2 .bid__title {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .our-contacts .section-title {
        font-size: 46px;
    }

    .cottages__images__slider {
        height: 125px;
    }

    .cottages__images-img {
        margin-bottom: 7px;
    }

    .reviews-residents__inner .title-navigation {
        margin-bottom: 23px;
    }
}

@media (max-width: 800px) {


    .top-mobile__swiper .swiper-pagination {
        margin-bottom: 56px;
    }

    .slider-built-cottages__item,
    .slider-projects-home__item {
        flex-basis: 263px;
    }

    .slider-projects-home {

    }

    .slider-built-cottages__img,
    .slider-projects-home__img {
        height: 135px;
    }

    .slider-built-cottage__mini,
    .slider-projects-home__mini {
        margin-bottom: 10px;
    }



    .built-cottage__content-teg {
        margin-bottom: 6px;
    }

    .built-cottage__content-teg img {
        width: 10px;
        height: 10px;
    }

    .built-cottage__gk {
        font-size: 10px;
    }

    .built-cottage__price {
        font-size: 9px;
        margin-bottom: 0;
    }

    .built-cottage__content {
        height: 68px;
    }

    .projects-home__price {
        font-size: 9px;
        margin-bottom: 10px;
    }

    .privileges__wrapper,
    .privileges-title {
        display: none;
    }

    .privileges-mob {
        display: flex;
    }

    .top__swiper-mob .swiper-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 1px;
    }

    .top__swiper-mob .swiper-pagination-bullet {
        position: relative;
        width: 105px;
        height: 6px;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 100px;
        margin: 0 8px;
    }

    .top__swiper-mob .swiper-pagination-bullet-active::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 100px;
        -webkit-animation: progresstop 8.9s linear forwards;
                animation: progresstop 8.9s linear forwards;
    }

    @-webkit-keyframes progresstop {
        0% {
            width: 0;
        }

        90% {
            width: 100%;
        }

        100% {
            width: 100%;
        }
    }

    @keyframes progresstop {
        0% {
            width: 0;
        }

        90% {
            width: 100%;
        }

        100% {
            width: 100%;
        }
    }

    .privileges {
       height: 432px;
   
    }

    .built-cottages {
        
    }

    .top-slide__info-mob {
        background: rgba(255, 255, 255, 0.1);
        -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(5px);
        border-radius: 12px;
        margin-bottom: 8px;
    }

    .top-slide__content {
        width: 100%;
    }

    .top-slide__title-mob {
        width: 100%;
        margin: 0;
        margin-bottom: 8px;
    }

    .privilege-item img {
        width: 20px;
        height: 20px;
    }

    .offer-item {
        font-weight: 500;
        font-size: 12px;
        line-height: 1.15;
        letter-spacing: -0.01em;
        color: #fff;
    }

    .top-slide__link-mob {
        width: 100%;
        margin: 0;
    }

    .swiper-wrapper-priv {
        height: 410px;
    }

    .privilege-item-mob {
        width: 100%;
    }

    .top-slide__link-mob {
        color: #fff;
        font-size: 16px;
    }

    .top-slide__title-mob {
        font-size: 16px;
    }

    .reviews-video .title-navigation {

    }

    .reviews-video .video-box {
        min-height: 178px;
    }

    .reviews-video .swiper-slide-video:first-child {
        width: 312px;
    }

    .reviews-video .swiper-slide-video {
        width: 156px;
    }

    .reviews-video .video-duration {
        top: 12px;
        left: 12px;
        padding: 6px 10px;
        font-size: 8px;
    }

    .reviews-video .video__btn img {
        width: 24px;
        height: 24px;
    }

    .reviews-video .video-slide__inner p {
        margin-top: 12px;
        font-size: 10px;
        line-height: 1.2;
    }

    .bid__form {
        padding: 16px;
    }

    .form-items {
        gap: 8px;
        margin-bottom: 12px;
    }


    .form-info {
        gap: 12px;
    }

    .checkbox {
        font-size: 11px;
    }

    .bid-form__btn {
        font-size: 14px;
        line-height: 1.2;
        padding: 15px;
    }

    .bid-2 .bid__subtitle {
        padding-bottom: 0;
        text-align: center;
    }

    .bid__subtitle {
    }

    .latest-news__inner .title-navigation {
        margin-bottom: 25px;
    }

    .swiper-slide-latest-news {
        width: 312px;
        min-height: 261px;
    }

    .latest-new__info {
        padding: 16px;
    }

    .latest-new__title {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .latest-new__text {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .latest-new__date {
        font-size: 10px;
    }

    .our-contacts .section-title {
        font-size: 26px;
        margin-bottom: 25px;
    }


    .icon-wrapper::before {
        width: 22px;
        height: 22px;
        left: 8px;
    }

    .icon-img {
        width: 10px;
        height: 10px;
    }

    .icon-img__text {
        font-size: 12px;
        margin-left: 12px;
    }

    .contact-text {
        font-size: 12px;
    }

    .icon-wrapper-reset {
        margin-bottom: 0;
    }

    .our-contacts__item-flex .contact-text {
        font-size: 12px;
        margin-right: 0;
    }

    .our-contacts__item-flex {
        min-width: 100%;
    }

    .footer-logo img {
        width: 156px;
        height: 67px;
        margin-bottom: 10px;
    }

    .map__title {
        font-size: 26px;
    }

    .catalog__reviews-residents {
        margin-top: 0;
    }    

    .catalogHome-cottages .slider-built-cottages {

    }

    .catalogHome-cottages .cottages__content {
        height: 1050px;
    }
}

@media (max-width: 768px) {

        #dify-chatbot-bubble-window {
  position: fixed !important;
  right: 0px !important;
  bottom: 24px !important;
  width: 100vw !important;
  max-width: 100vw !important;
  /* max-height: 75vh !important; */
  height: calc(100vh - 30px) !important;
  /* ...остальные твои стили... */
}

#dify-chatbot-bubble-button
{
    bottom: 100px !important;
}

.dify-chat-open #dify-chatbot-bubble-button
{
    top: 75px;
    right: 50px;
}

    .swiper-slide-mob {
        height: 900px;
    }

    .villages {
        
    }

    .top-mobile__swiper .swiper-pagination {
        margin-bottom: 294px;
        z-index: 9999;
    }

    .projects-home__note {
        padding-left: 8px;
    }

    .projects-home__note::before {
        width: 5px;
        height: 5px;
    }

    .bid__wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .advantages-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .life__inner {
        grid-template-columns: repeat(1, auto);
        gap: 30px;
        justify-content: center;
    }

    .footer-wrapper {
        padding: 55px 0;
    }

    .footer-top {
        flex-wrap: wrap;
        gap: 51px;
    }

    .footer-top {
        margin-bottom: 25px;
    }

    .footer__menu-link-mob {
        display: none;
    }

    .footer-bottom {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 6px;
    }

    /* Водео-отзывы */

    .reviews-video__slide {
        margin-right: 16px;
    }

    .reviews-video__slide.active {
        width: 312px;
    }

    .reviews-video__slide-img {
        
    }

    .reviews-video__slide-img__time {
        font-size: 8px;
    }

    .reviews-video__slide-descr {
        font-size: 10px;
    }

    .reviews-video__slide-play {
        width: 52px;
        height: 52px;
    }

    .reviews-video__navigation-buttons {
        display: none;
    }
    .gallery__content{
        grid-template-columns: repeat(1, auto);
      }

}

@media (max-width: 645px) {

    .slider-built-cottages__img,
    .slider-projects-home__img {
        width: 100%;
    }

    .slider-built-cottages__item,
    .slider-projects-home__item {
        flex-basis: 197px;
    }

    .built-cottage__details-name {
        font-size: 6px;
    }

    .discount-badge {
                font-size: 8px;
        padding: 6px 6px;
    }

    .house-icons {
        gap: 4px;
    }

    .house-icon__img {
        padding: 4px;
        width: 22px;
        height: 22px;
    }

    .projects-home__note {
        font-size: 8px;
    }

    .yourPtoject .container {
        flex-direction: column;
    }

    .yourPtoject__info {
        width: 100%;
    }

    .yourPtoject .bid__form {
        width: 100%;
        max-width: 100%;
    }

    .communications__content {
        grid-template-columns: repeat(1, auto);
    }

    .purchaseOptions {
        overflow: hidden;
    }

    .purchaseOptions .container {
        flex-direction: column;
        align-items: center;
    }


    .purchaseOptions__content {
        flex-direction: row;
        max-width: 100%;
        transition: transform 0.3s ease-in-out;
        gap: 0;
    }

    .purchaseOptions__card {
        min-width: 79%;
        margin-right: 16px;
    }

    .purchaseOptions__card-number {
        left: 18px;
    }

    .mobile-desctop {
        display: none;
    }

    .materials-mobile {
        display: block;
        overflow: hidden;
    }

    .materials__card:not(:last-child) {
        margin-bottom: 0;
    }

    .materials-mobile .container {
        flex-direction: column;
    }

    .materials__cards-container {
        width: 120%;
    }

    .materials__cards {
        display: flex;
        flex-direction: row;
        max-width: 79%;
        transition: transform 0.3s ease-in-out;
        gap: 0;
    }

    .materials__card {
        min-width: 100%;
        margin-right: 16px;
        margin-bottom: 0;
    }
}

@media (max-width: 605px) {
    .advantages-items {

        gap: 16px;
    }

    .advantage-card {
        padding: 12px;
        flex-basis: 197px;
    }

    .advantage-card img {
        width: 40px;
        height: 28px;
    }

    .advantage-card p {
        font-size: 12px;
        line-height: 1.15;
    }

    .our-contacts__item-flex .contact-text {
        display: none;
    }


    .our-contacts__item-flex .icon-wrapper {
        margin-bottom: 0;
    }


    .plan__content-card {
        width: 100%;
    }

 

    .сontact-text-address {
        font-size: 16px;
    }

    .route__link {
        font-weight: 400;
        font-size: 12px;
        line-height: 120%;
        color: rgba(255, 255, 255, 0.5);
    }

    .our-contacts__item-add {
        padding: 11px 30px 13px 18px;
    }
}

@media (max-width: 540px) {

    .main {
        padding: 120px 0 0 0;
    }

    .container {
        padding: 0 16px;
    }

    .ipoteka_block {
        width: 100%;
        margin: 0 0 28px 0;
        padding: 0 14px;
    }

    .ipdoc__block {
        width: 100%;
    }

    .ipdoc__block2 {
        width: 100%;
    }

    .ipdoc__inner {
        background: #F0F4FB;
        padding: 28px 28px 28px 28px;
        border-radius: 12px;
        margin: 0 0 28px 0;
        height: auto;
    }

    .ipoteka_section {
        background: #fff;
    }

    .header-cover_ipoteka {
        padding: 167px 0 30px 0;
    }

    .ipoteka_inner {
        position: relative;
        padding: 28px 28px 28px 28px;
        display: flex;
        align-items: center;
    }

    .ipoteka_icon {
        padding: 0 12px 0px 0;
    }

    
    .last-news {
        color: #fff;
        padding: 40px 0 50px 0;
        text-align: left;
    }
   
    .section__name {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-start;
    }


    .villages__item {
        width: 48%;
    }

    .slider-villages__img {
        width: 100%;
        height: 126px;
    }

    .villages__content {
        /* padding-bottom: 0; */
    }

    .village-rating {
        padding: 10px 0 0 0;
    }

    .villages__content-list {
        margin-bottom: 5px;
    }

    .rating-number, .reviews-count {
        font-size: 9px;
    }

    .slider-built-cottages__inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .slider-projects-home__inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .life__title {
        font-size: 26px;
        top:69px;
        padding: 10px 0 5px 0;
    }

    .our-contacts__inner {
        display: flex;
        flex-direction: column;
    }

    .contacts__social-link::before {
        width: 34px;
        height: 34px;
    }

    .contacts-icon {
        width: 17px;
        height: 17px;
    }

    .footer__menu-list {
        min-width: 165px;
    }
}

@media (max-width: 440px) {

    .life {
        padding: 55px 0 100px 0;
    }


    .crumbs__wrap {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .main {
        padding: 86px 0 0 0;
    }

    .offer {
        font-size: 12px;
    }

    .copyright {
        font-size: 10px;
    }

    .footer__menu-title {
        font-size: 10px;
    }

    .footer__menu-item a {
        font-size: 14px;
    }

    .bid__title {
        text-align: center;
    }

    .bid__subtitle {
        text-align: center;
    }

    .villages__content-list {
        margin-bottom: 0;
        min-height: 36px;
    }

    .villages__item {
        border: none;
    }

    /* .popup-menu__mob {
        right: 0px;
    } */

    .slider-projects-home__inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 10px;
        justify-content: space-between;
    }

    .villages .privileges__link, .built-cottages .privileges__link, .projects-home .privileges__link {
        display: flex;
        padding: 16px;
        justify-content: center;
        width: 100%;
        margin: 0;
        font-size: 14px;
        line-height: 1.2;
    }

    .slider-built-cottage__mini {
        margin-bottom: 3px;
    }

    .slider-projects-home__mini {
        margin-bottom: 2px;
    }

    .slider-built-cottages__inner {
        gap: 10px 10px;
    }


    .slider-built-cottages-pagination {
        display: none;
    }

    .projects-home .container {
       
    }

    .slider-projects-home {
        height: 939px;
        margin-bottom: 19px;
    }

    .life-card {
        max-width: 100%;
        margin-bottom: 16px;
    }

    .life-card img {
        height: 140px;
    }

    .life-card__content {
        padding: 10px;
        padding-top: 26px;
        padding-bottom: 20px;
    }

    .life__content-badge {
        top: 122px;
        border: 2px solid #f0f4fb;
        padding: 8px 10px;
        font-size: 12px;
    }

    .life__content-badge::before {
        width: 6px;
        height: 6px;
    }

    .life__content__info {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .life__content__text {
        font-size: 12px;
    }

    .life-link {
        font-size: 14px;
        font-weight: 400;
    }

    .life-link img {
        width: 16px;
        height: 16px;
    }

    .life__inner {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 0 40px 0;
    }

    .villages__content-wrapper {
        padding: 0 5px;
    }


    .advantages-items,
    .villages__inner {
        justify-content: space-between;
    }

    .section__name,
    .villages__inner,
    .slider-built-cottages,
    .slider-projects-home,
    .advantages-items {
        margin-left: 0px;
        margin-right: 0px;
    }

    .life__title {
        margin-right: 0;
        text-align: center;
    }

    .footer__menu-bottom {
        flex-direction: column;
    }

    .advantage-card {
        padding: 12px;
        flex-basis: 188px;
    }

    .slider-built-cottages__item, .slider-projects-home__item {
        flex-basis: 188px;
    }

    .reviews-video .container {

    }

    .reviews-video .title-navigation {

    }

}

@media (max-width: 415px) {
    .top-mobile__swiper .swiper-pagination {
        margin-bottom: 344px;
    }

    .header-cover_catalog-tegs {
        padding-top: 25px;
        margin-bottom: 78px;
    }


    .villages__item-mob-hidden {
        display: none;
    }
    
    .built-cottages {
        
    }


    .catalog-villages {
        padding: 15px 0 55px 0;
    }

    .top-slide__privilege {
        padding: 18px 18px 0px 18px;
    }

    .top__swiper-mob .swiper-pagination {
        padding-bottom: 10px;
    }

    .privileges {
       
        border-radius: 20px;
    }

    .swiper-wrapper-priv {
        height: 394px;
    }

    .advantages {

    }

    .advantages .section-title {
        width: 90%;
    }

    .advantage-card img {
        margin-bottom: 15px;
    }

    .advantages-items {
        gap: 18px 16px;
    }

    .header-cover_page {
        position: relative;
    }

    .reviews-video {

    }

    .reviews-video .section-title {
        width: 80%;
    }

    .reviews-video__top {

    }

    .reviews-video__line {

    }    

    .reviews-video {

        border-radius: 20px 20px 0 0;
    }

    .reviews-video .video__btn {
        width: 52px;
        height: 52px;
    }

    .reviews-video .video__btn img {
        width: 100%;
        height: 100%;
    }

    .bid {

        border-radius: 20px 20px 0 0;
    }

    .cottages .slider-projects-home__inner,
    .cottages .slider-built-cottages__inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .reviews-residents {
        border-radius: 20px 20px 0 0;
    }

    .map-container {
        padding: 55px 0 3px 0;
        border-radius: 20px 20px 0 0;
    }



    .bid-2 {
        padding: 61px 0 55px 0;
        border-radius: 20px 20px 0 0;
    }

    .bid-2 .bid__subtitle {
        margin-bottom: 22px;
    }

    .bid-2 .bid__wrapper {
        gap: 5px;
    }

    .catalog-bid-2 {
        border-radius: 20px 20px 0 0;
    }

    .our-contacts {
        border-radius: 20px 20px 0 0;
        margin-bottom: 0;
    }

    .plan {
        background-image: url(../images/page/page__plan-img\(mobile\).png);
        background-size: cover;
        border-radius: 20px 20px 0 0;
    }

    .plan-nav {
        position: relative;
    }

    .plan-nav__list {
        position: absolute;
        right: 0;
        bottom: -79px;
    }

    .plan__content {
        padding: 217px 0 100px 0;
        background-image: none;
    }

    .plan__content-card {
        display: grid;
        grid-template-columns: 105px auto;
        gap: 11px;
        padding: 14px 18px 5px 18px;
        margin-bottom: 18px;
    }

    .plan__content-card__top {
        height: 105px;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 0;
    }

    .plan__content-card__title {
        margin-bottom: 4px;
        font-size: 14px;
    }

    .plan__content-card__item-descr {
        font-size: 8px;
    }

    .plan__content-card__item {
        padding: 7px 0;
    }

    .plan__content-card__images::after {
        top: 0;
        left: 0;
    }

    .plan__content-conteainer__link {
        display: block;
        margin: 0;
    }

    .gallery {
        border-radius: 20px 20px 0 0;
    }

    .images-controls__btn {
        width: 36px;
        height: 36px;
    }

    .content__radio-buttons {
        gap: 6px;
        bottom: 12px;
    }

    .content__custom-radio .radio-circle {
        width: 8px;
        height: 8px;
    }

    .cottages-title {
        margin-bottom: 23px;
    }

    .cottages__nav {
        margin-bottom: 17px;
    }

    .cottages__nav-btn {
        padding: 10px 14px;
        font-size: 12px;
    }

    .header-cover_catalogHome-tegs {
        margin-bottom: 46px;
    }

    .catalogHome-cottages {
        background-color: #fff;
    }


    .materials-title {
        margin-bottom: 0;
    }

    .materials__card {
        padding: 19px 17px;
    }

    .materials__card-top svg {
        width: 14%;
    }

    .materials__card-title {
        font-size: 18px;
    }

    .materials__card-descr {
        font-size: 14px;
    }


    .communications-title {
        margin-bottom: 25px;
    }

    .communications__card__title {
        font-size: 17px;
    }

    .communications__card-bottom {
        padding: 14px;
    }

    .communications__card__descr {
        font-weight: 400;
        font-size: 14px;
    }

    .communications__content {
        gap: 19px;
    }


    .catalogHome__reviews-video {
        margin-bottom: 123px;
    }

    .purchaseOptions {
        border-radius: 20px 20px 0 0;
    }

    .purchaseOptions .container {
        align-items: flex-start;
    }

    .latest-news {
        padding: 55px 0 125px 0;
    }

    .purchaseOptions__content {
        margin-top: 50px;
    }

    .purchaseOptions__card-title{
        margin-bottom: 12px;
        font-size: 18px;
    }

    .purchaseOptions__card {
        padding: 41px 12px 17px 14px;
    }

    .purchaseOptions__card-descr {
        margin-bottom: 12px;
        font-size: 12px;
    }

    .purchaseOptions__card-list {
        gap: 5px;
    }

    .purchaseOptions__card-item__descr {
        font-size: 12px;
    }

    .cottages__content {
        min-height: 1039px;
    }

    .our-contacts__item .connect {
        font-size: 16px;
        margin-bottom: 10px;
    }



}

@media (max-width: 390px) {
    .villages {
        
    }
}
@media (max-width: 380px) {
    .cottages__nav {
        width: auto;
    }
}

@media (max-width: 360px) {
    .index-top .container {
        margin-bottom: 100px;
    }

    .villages {
       
    }

    .villages .privileges__link,
    .built-cottages .privileges__link,
    .projects-home .privileges__link {
        display: flex;
        padding: 16px;
        justify-content: center;
        width: 100%;
        margin: 0;
        font-size: 14px;
        line-height: 1.2;
    }

    .slider-built-cottages,
    .slider-projects-home {
        margin-bottom: 0;
    }

    .built-cottages {
       
    }

    .projects-home {
  
    }

    .top-slide-img {
        margin-left: -17px;
        width: 200px;
        height: 200px;
    }

    .top-slide__privilege {
        font-size: 12px;
    }

    .privilege-item-mob {
        width: 145px;
    }

    .built-cottages {
        
    }

    .reviews-video .swiper-slide-video:first-child {
        width: 286px;
    }

    .bid__form {
        background-color: transparent;
        padding: 0;
    }

    .form-item {
        border: none;
        background-color: #fff;
    }

    .bid__wrapper {
        gap: 16px;
    }

    .bid__title,
    .bid__subtitle {
        text-align: center;
    }

    .bid__subtitle {
        font-weight: 400;
        font-size: 11px;
        line-height: 151%;
        text-align: center;
        color: #5c5c5c;
    }

    .form-items {
        gap: 3px;
        margin-bottom: 5px;
    }

    .form-info {
        gap: 7px;
    }

    .swiper-slide-latest-news {
        margin-right: 5px;
    }

    .swiper-slide-latest-news {
        width: 306px;
    }

    .footer__menu-list {
        font-size: 14px;
    }

    .offer {
        font-size: 10px;
    }

    .footer__menu-link {
        font-size: 12px;
    }

    .section__name,
    .villages__inner,
    .slider-built-cottages,
    .slider-projects-home,
    .advantages-items {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 391px) {


    .advantage-card {
        padding: 12px;
        flex-basis: 178px;
    }

    .slider-built-cottages__item, .slider-projects-home__item {
        flex-basis: 178px;
    }
}

@media (max-width: 376px) {
    .top-mobile__swiper .swiper-pagination {
        margin-bottom: 364px;
    }

    .slider-built-cottages__item, .slider-projects-home__item {
        flex-basis: 170px;
    }

    .advantage-card {
        padding: 12px;
        flex-basis: 169px;
    }
}



@media (max-width: 1200px) {
    .header__top {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .title {
        font-size: 50px;
    }
}

@media (max-width: 1140px) {
    .top__swiper {
        margin-top: 78px;
        margin-bottom: 241px;
    }
}

@media (max-width: 1024px) {
    .header__content-left {
       
    }

    .top__swiper {
        margin-top: 89px;
        margin-bottom: 258px;
    }
}

@media (max-width: 820px) {
    .header-cover {
        height: 100vh;
    }
}

@media (max-width: 768px) {
    .top__swiper {
        display: none;
    }

    .header__content-left {
        border-right: none;
        gap: 30px;
        
    }

    .header__top {
        margin: 0 2px;
        justify-content: space-between;
    }

    .header__top .logo {
        width: 130px;
    }

    .socials {
        gap: 8px;
    }

    .social-icon-like {
        width: 36px;
        height: 36px;
    }

    .phone-mobile {
        display: flex;
    }


    .contact__number,
    .social-link,
    .border-img {
        display: none;
    }

    .menu__btn {
        display: flex;
    }

    .header-teg__text {
        font-size: 12px;
    }

    .header-tegs {
        max-width: 300px;
        padding-top: 16px;
        gap: 8px;
    }

    .header-teg {
        padding: 8px 12px;
    }

    .popup,
    .popup-menu__mob {
        top: 5px;
    }

    .popup-menu__mob {
        position: fixed;
        top: 0;
        right: -100vw; /* Меню скрыто за пределами экрана */
        width: 90vw;
        height: 100%;
        background-color: white;
        box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
        transition: right 0.3s ease; /* Анимация */
        z-index: 999;
        padding: 16px;
        border-radius: 20px 0 0 20px;
    }

    .li___drop
    {
        position: relative;
        display: block;
    }

    .menu
    {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .menu a, .header-fixed .menu__link path
    {
        color: #2C2C2C;
        fill: #2C2C2C;
        stroke: #2C2C2C;
    }

    .sub-menu span{
        padding-left: 15px;
    }

    .sub-menu span{
        color: #5C5C5C;
    }
    .sub-menu li{
        margin: 4px 0;
    }
   


    .popup-menu__mob.active
    {
        right: 0;
        transition: right 0.3s ease;
        display: block;
        overflow-y: auto;
    }

    .popup-content {
        max-width: 100%;
        padding: 0 10px;
        border-radius: 20px;
    }

    .popup-title {
        display: none;
    }

    .logo-mobile {
        display: flex;
    }

    .popup-close p {
        font-size: 12px;
    }

    .popup-close {
        padding: 6px 6px 6px 12px;
    }

    .popup-close img {
        width: 24px;
        height: 24px;
    }

    .popup-content-title {
        padding: 16px 0 13px 0;
        margin-bottom: 16px;
    }

    .popup-title__mob {
        display: flex;
        font-weight: 500;
        font-size: 18px;
        line-height: .95;
        letter-spacing: -0.02em;
        color: #2c2c2c;
        padding-bottom: 16px;
        border-bottom: 1px solid #eee;
        margin-bottom: 16px;
    }

    .menu-mobile__list-link {
        display: flex;
        align-items: center;
        font-size: 18px;
        line-height: 1;
        color: #2c2c2c;
    }

    .menu-mobile__list-item {
        margin-bottom: 8px;
    }

    .menu-mobile__list-item:last-child {
        margin-bottom: 0;
    }

    .menu__list-dropdown-villages-mob,
    .menu__list-dropdown-service-mob {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 14px 0;
    }

    .hidden {
        display: none;
    }

    .contact-mobile {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        padding: 16px 0;
    }

    .contact-text {
        font-size: 14px;
        line-height: 1.20;
    }

    .connect {
        margin-bottom: 8px;
    }

    .menu-mobile__content {
        gap: 16px;
    }

    .contacts__socials-mob {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 26px;
    }

    .contacts-icon-mob {
        width: 34px;
        height: 34px;
    }

    .header__content-right {
        border-left: none;
    }

    .title {
        font-size: 32px;
        max-width: 328px;
        margin-bottom: 36px;
    }

    .header-icon {
        padding: 8px;
        width: 80%;
        height: 80%;
    }

    .header-cover-img {
        display: none;
    }

    .slider-cover {
        display: block;
        width: 100%;
        height: 900px;
    }

    .top-mobile__swiper {
        width: 100%;
        height: 100%;
    }

    .top-mobile__swiper::after {
        content: '';
        background: linear-gradient(180deg, rgba(13, 13, 13, 0.8) 0%, rgba(13, 13, 13, 0.8) 100%);
        position: absolute;
        z-index: 5;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    /* Пагинация мобильного слайдера */
    .top-mobile__swiper .swiper-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 16px;
    }

    .top-mobile__swiper .swiper-pagination-bullet {
        position: relative;
        width: 76px;
        height: 6px;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 100px;
        margin: 0 8px;
    }

    .top-mobile__swiper .swiper-pagination-bullet-active::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 100px;
        animation: progressmob 9.9s linear forwards;
    }

    @keyframes progressmob {
        0% {
            width: 0;
        }

        90% {
            width: 100%;
        }

        100% {
            width: 100%;
        }
    }
}

@media (max-width: 520px) {
    .header__content {
        display: flex;
        gap: 0px;
    }

    .title {
        max-width: 100%;
    }

    .top-mobile__swiper .swiper-pagination {
        margin-bottom: 262px;
    }


    .header__content-left {
       
    }

    .favorite-item {
        gap: 10px;
    }

    .favorite-item-img {
        width: 156px;
        height: 65px;
        border-radius: 6px;
    }

    .favorite-details__title {
        font-size: 11px;
    }

    .favorite-details__mapteg {
        gap: 2px;
        margin-bottom: 7px;
    }

    .favorite-details__mapteg p {
        font-size: 10px;
    }

    .favorite-details__mapteg img {
        width: 10px;
        height: 10px;
    }

    .favorite-details__price {
        font-size: 9px;
    }

    .remove-favorite {
        width: 18px;
        height: 18px;
    }

    .header-fixed.sticky .logo__fixed {
        display: block;
        width: 120px;
    }

    .header__top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 9px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .crumbs a {
        font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    }
}

@media (max-width: 425px) {
    .header__content-left {
        
       
    }

    .villages {
        border-radius: 20px 20px 0 0;
    }

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

    .header-link-back {
        display: block;
    }
}




.header-fixed.sticky .menu__btn {
    border: 1px solid #005AA3;
}

.header-fixed.sticky .menu__btn path {
    fill:#005AA3;
    stroke: #005AA3;
}

.header-fixed.sticky .phone-mobile {
    border: 1px solid #005AA3;
}

.header-fixed.sticky .phone-mobile path {
    fill:#005AA3;
    stroke: #005AA3;
}

.header-fixed.sticky .menu__link path {
    fill:#2C2C2C;
    stroke: #2C2C2C;
}




@media (max-width: 800px) {

    main .peculiarities,
   main .finishing,
   main .hero,
   main .hero__images-mobile {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      position: relative;
      z-index: 1;
  }

  /* .hero__images {
      display: none;
  } */

  .hero__images-mobile {
      display: block;
      padding: 158px 0 50px 0;
      background-color: #2c2c2c;
  }

  .mobile-hero__images-img {
      position: relative;
      width: 100%;
      margin-bottom: 40px;
      border-radius: 12px;
      overflow: hidden;
  }

  .mobile-hero__images__slider {
      display: flex;
      position: relative;
      width: 100%;
      height: 400px;
      transition: transform 0.5s ease;
  }

  .mobile-hero__slider-image {
      object-fit: cover;
      min-width: 100%;
      height: 100%;
  }

  .hero .container {
      grid-template-columns: repeat(1, 1fr);
  }

  .finishing__content {
      grid-template-columns: repeat(1, 1fr);
  }

  
  .cottages__content {
      min-height: 1100px;
      margin-bottom: 70px;
  }

  .reviews-video {
      padding-bottom: 85px;
  }

  .reviews-video.video-project {
    padding-bottom: 30px;
}

  .materials-title {
      color: #fff;
  }

  .purchaseOptions-title {
      color: #fff;
  }
}

@media (max-width: 768px) {
  .main {
      padding: 90px 0 0 0;
  }


  .container-mobile-padding
  {
    padding: 0 16px;
  }


  .content
  {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }

      #cookie-popup {
        text-align: center;
        position: fixed;
        bottom: 80px;
        width: 100%;
        font-size: 12px;
        line-height: 24px;
        box-shadow: 0 30px 88px 8px rgba(0, 0, 0, .17);
        background: #fff;
        z-index: 10000;
        max-width: 1024px;
        right: auto;
        padding: 15px;
    }

    .ckp-actions button
    {
        font-size: 12px;
    }

}

@media (max-width: 645px) {
  .purchaseOptions__content {
      gap: 0;
  }

  .purchaseOptions__content-container {
      width: 100%;
      overflow-x: auto;
  }
}

@media (max-width: 500px) {
  .hero__images__top-descr {
      font-size: 10px;
  }


  .hero-title.price {
      font-size: 14px;
  }

  .hero__content-descr {
      font-size: 14px;
  }

  .hero__content-quantity {
      font-size: 12px;
  }

  .hero__content-info__item .hero__content-descr {
      font-size: 8px;
  }

  .peculiarities__item-title {
      font-size: 16px;
  }

  .peculiarities__item-descr {
      font-size: 14px;
  }

  .finishing__content-img {
      
  }

  .finishing__info-item {
      flex-direction: column;
      align-items: start;
  }

  .finishing__info-item__descr {
      font-size: 14px;
  }
}

@media (max-width: 400px) {

    

  .crumbs__wrap {
      padding: 6px 0;
  }


  .hero__images-mobile {
      display: block;
      padding: 144px 0 50px 0;
  }

  .hero__images__top-span {
      padding: 7px 8px;
  }

  /* .hero__images__slider {
      height: 320px;
  } */

  .hero__content-section {
      padding: 11px 0;
  }

  .hero__content__descr-container .hero__content-descr {
      font-size: 10px;
  }

  .hero__content__descr-container {
      padding: 18px 0 14px 0;
  }

  .hero__content-info__item {
      padding: 9px 12px 8px 12px;
  }

  .hero__content-section.scrolls {
      height: 43px;
  }

  .hero__content-section__scroll .hero__content-section__item {
      height: 27px;
  }

  .hero__content-section__scroll .hero__content-section__item .hero__content-descr {
      font-size: 10px;
  }



  .peculiarities__list {
      gap: 28px;
  }

  .peculiarities__item {
      padding: 16px 100px 19px 17px;
  }

  .peculiarities__item-icon {
      width: 35px;
      height: 35px;
      top: 17px;
      right: 23px;
  }



  .finishing {
      padding: 56px 0 40px 0;
  }

  .finishing-title {
      margin-bottom: 24px;
  }

  .finishing__content-info {
      padding: 16px;
      margin-bottom: 40px;

  }

  .finishing__info-list {
      gap: 18px 14px;
      margin-bottom: 23px;
  }

  .finishing__info-link {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
  }


  .communications__card-bottom {
      padding: 16px;
  }


  .slider-built-cottages__inner {
      gap: 14px 10px;
  }


  .cottages__content {
      min-height: 1031px;
      margin-bottom: 107px;
  }

  .reviews-residents__inner .title-navigation {
      margin-bottom: 26px;
  }

  .bid-2 {
      padding: 56px 0 100px 0;

  }

  .bid__wrapper {
      gap: 16px;
  }

  .latest-news {
      padding: 56px 0 159px 0;

  }

}