@media (max-width: 960px){
    .mainPageRight > .top > form{
        margin-top: 20px;
    }
    .territoryMobileDescText{
        display: none;
    }
    .territoryMobileDescText.--active{
        display: block;
    }
    header.header{
        background: linear-gradient(180deg, rgba(13, 27, 27, 0.60)0%, rgba(21, 37, 37, 0.00)100%);
    }
    .headerContent{
        padding: 16px 20px;
    }
    .menuBtnMobile{
        display: flex;
        width: 44px;
        height: 44px;
        padding: 0px 16px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        flex-shrink: 0;
        border-radius: 24px;
        background: var(--Green-G100, #475B5C);        
    }
    .navLeft > a{
        display: none;
    }
    .menuBtnDesktop{
        display: none;
    }
    .headerContent > svg{
        display: none;
    }
    .apartmentsdesktopBtn{
        display: none!important;
    }
    .apartmentsMobileBtn{
        display: flex;
        height: 44px;
        padding: 10px 12px;
        align-items: center;
        gap: 12px;
        border-radius: 24px;
        background: var(--Beige-BE150, #A78366);        
    }
    /**/
    .mainPage{
        height: auto;
    }
    .mainPageLeft{
        width: 100%;
        height: 600px;
    }
    .mainPageContent{
        padding-top: 0;
        flex-direction: column;
    }
    .mainTitleBlock{
        left: 20px;
        gap: 20px;
    }
    .mainTitleBlock > div > button{
        width: 50px;
        height: 50px;
    }
    .mainTitleBlock > div > p{
        font-size: 12px;
        font-weight: 500;
        line-height: 20px; /* 166.667% */        
    }
    .mainTitleBlock > p:nth-child(1){
        font-size: 72px;
        font-style: normal;
        font-weight: 300;
        line-height: 68px; /* 94.444% */
        letter-spacing: -0.893px;        
    }
    .mainPageRight > .bottom, .mainPageRight > .top{
        padding: 20px;
    }
    .mainPageRight > .top{
        height: auto;
        flex: auto;
    }
    .mainPageRight > .top > img{
        width: auto;
        object-fit: auto;
    }
    .mainPageRight > .top > h2{
        position: relative;
        z-index: 4;
    }
    a.apartmentsMobileBtn{
        display: flex;
    }
    /**/
    .aboutContent{
        position:relative;
        /* overflow: hidden; */
    }
    .aboutContent > .top{
        padding: 0 20px;
        position: relative;
        overflow: hidden;
    }
    .aboutTopLeft{
        padding-top: 60px;
    }
    .aboutTopLeft > p:nth-child(1), .aboutTopLeft > p:nth-child(2), .aboutTopLeft > p:nth-child(3){
        font-size: 40px;
        font-style: normal;
        font-weight: 300;
        line-height: 44px; /* 110% */
        letter-spacing: -0.496px;        
    }
    .aboutTopLeft > p:nth-child(2){
        padding-left: 0;
    }
    .aboutTopRight{
        width: 326px;
        height: 323px;
        right: -166px;
        top: 20px;
    }
    .aboutTopLeft > p:nth-child(4){
        font-family: 'TT Wellingtons Trial Medium', sans-serif;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 166.667% */
        text-transform: uppercase;        
        margin-top: 32PX;
        margin-bottom: 24px;
    }
    .leftBottomMobile{
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding-top: 16px;
        align-items: flex-end;
        gap: var(--Spacing-s, 8px);
        border-top: 1px solid var(--Gold-Border, rgba(214, 186, 164, 0.20));
    }
    .leftBottomMobile > p{
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px; /* 145.455% */
        letter-spacing: 0.22px;
        opacity: 0.5; 
    }
    .aboutDescriptionTxt{
        display: none;
    }
    .aboutBlockText{
        padding: 0 20px;
        margin-top: 24px;
        position: relative;
        max-width: 100%;
        left: auto;
        right: auto;
        gap: 32px;
    }
    .aboutBlockTextBottom{
        flex-direction: column;
        gap: 0
    }
    .aboutImgWrapper{
        overflow: auto;
        margin: 0;
    }

    .aboutBlockText > p{
        font-size: 24px;
        line-height: 28px; /* 116.667% */
        letter-spacing: 0.48px;        
    }
    .aboutBlockTextDesktop{
        display: none;
    }
    .aboutBlockTextMobile{
        display: flex;
    }
    .aboutBlockTextBottom > div{
        display: flex;
        padding: 16px 0px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        border-bottom: 1px solid var(--Alpha-AL16, rgba(245, 240, 235, 0.16));        
    }
    .aboutBlockTextBottom > div > p:nth-child(1){
        font-size: 36px;
        font-weight: 300;
        line-height: 32px; /* 88.889% */
        letter-spacing: 0.72px;
        text-transform: uppercase;        
    }
    .aboutBlockTextBottom > div:nth-child(3){
        border-bottom: none;
    }
    .aboutImgDesktopWrapper{
        display:  none;
    }
    .aboutImgMobileWrapper{
        display: block;
        margin: 20px 0;
        position: relative;
        overflow: auto;
    }
    .aboutImgMobileWrapper > .aboutImgWrapper{
        width: 798px;
        height: 480px;
        flex-shrink: 0;        
    }
    .mainSectiontitle{
        font-size: 40px;
        font-style: normal;
        font-weight: 300;
        line-height: 44px; /* 110% */
        letter-spacing: -0.496px;        
    }
    .t-right{
        text-align: left;
    }
    .imgHotelMask{
        top: 20.5vw;
        left: 16.5vw;
    }
    .imgComplexMask{
        right: 30vw;
    }
    /**/
    .archContent{
        padding-bottom: 32px;
    }
    .archContent > .top{
        padding: 0 20px;
        gap: 32px;
    }
    .archContent > .top > .titleBlock{
        padding-top: 56px;
        gap: 16px;
    }
    .archContentInfoBottom > div{
        flex-direction: column;
        gap: 24px;
        width: 100%;
        align-items: start;
    }
    .archContentBottom{
        height: 345px;
    }
    .archContentBottomWrapper{
        height: 320px;
    }
    .archMobilePagination{
        display: block;
    }
    .archMobilePagination{
        position: relative;
        text-align: center;
        margin-top: 7px;
    }
    .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background:  #A78366;
    }
    .swiper-pagination-bullet{
        background: rgba(245, 240, 235, 0.16);
    }
    /**/
    .lobbyContent{
        margin-top: 0;
        overflow: hidden;
        padding: 0;
        padding-top: 56px;
        height: auto;
    }
    .lobbyTitleBlock{
        padding-top: 0;
        gap:16px;
        padding-left:  20px;
        padding-right:  20px;
    }
    .lobbyLinesImgWrapper{
        width: 381px;
        height: 359.833px;
        top: 0;
        right: -150px;
    }
    .lobbyDescText{
        padding: 0 20px;
        width: 100%;
        margin: 32px 0;
        position: relative;
        z-index: 3;
        font-size: 12px;
        line-height: 20px;
    }
    .lobbySliderContent{
        width: 100%;
        position: relative;
        height: 320px;
        border-radius: 0;
        right: 0;
        left: 0;
        margin-bottom: 24px;
    }
    .lobbySliderControlBlock{
        display: none;
    }
    .lobbyBottomText{
        position: relative;
        width: 100%;
        text-align: left;
        right: auto;
        left: auto;
        bottom: auto;
        padding: 0 20px;
        font-size: 12px;
        font-weight: 500;
        line-height: 20px; /* 166.667% */       
        padding-bottom: 56px; 
    }
    .lobbySliderPaginationMobile{
        display: block;
        padding: 0 20px;
        text-align: right;
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 20px
    }

    /**/
    .mapSectionContent > .top{
        padding: 56px 20px;
        flex-direction: column-reverse;
    }
    .mapSectionContent > .top > div:nth-child(2) > p{
        text-align: left;
    }
    .mapSectionContent > .top > .left{
        width: 100%;
        flex-direction: column-reverse;
    }
    .mapSectionContent > .top > .left > div:nth-child(1) > p:nth-child(1){
        display: none;
    }
    .mapSectionContent > .top > .left > div:nth-child(2){
        margin-top: 32px;
        flex-direction: column;
        gap: 32px;
    }
    .locationBtn{
        display: flex;
        height: 48px;
        width: 100%;
        flex-direction: row;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 96px;
        border: 1px solid var(--Alpha-AG12, rgba(99, 97, 73, 0.12));
        background: var(--Beige-B3, #F5F1ED);        
    }
    .mapContent{
        height: 400px;
    }
    .mapControl{
        right: 20px;
    }
    .mapControl > button{
        width: 44px;
        height: 44px;
    }
    /**/
    .placesSectionContent{
        flex-direction: column;
        gap: 24px;
        height: auto;
    }
    .placesTabsDesktop{
        display: none;
    }
    .placesSectionContent > .left{
        width: 100%;
    }
    .placesTabsMobile{
        display: block;
        width: 100%;
        overflow: auto;
    }
    .placesTabs{
        margin-left: 20px;
        padding-top: 32px;
    }
    .placesPicMask{
        /* display: none; */
        width: 150px;
        height: 205px;
        right: 0;
        top: 100px
    }
    .placesSlider{
        margin-top: 24px;
        height: 320px;
    }
    .counterInfoSlider , .placeSliderTitle{
        position: relative;
        padding: 0 20px;
        width: 100%;
    }
    .placesSliderInformation{
        position: relative;
        width: 100%;
        padding: 0 20px;
        z-index: 3;
    }
    .placesSliderTitleItem{
        width: 100%;
    }
    .infoDescText{
        left: 0;
        padding: 32px 20px;
    }
    .counterInfoSlider > div:nth-child(1){
        width: 35px;
    }
    .counterShoppingSlider, .counterInfoSlider > div:nth-child(1){
        height: 64px;
    }
    .counterInfoSlider{
        top: 0;
    }
    .placeSliderTitle{
        bottom: auto;
    }
    .counterSliderContentItem > p{
        font-size: 64px;
        line-height: 64px; /* 100% */
    }
    .placeSliderTitle{
        margin-top: 24px;
    }
    .counterInfoSlider > div:nth-child(2){
        padding-bottom: 0;
    }
    .placesSliderInformation{
        position: absolute;
        height: 100%;
    }
    .placesSliderInformation > div:nth-child(1){
        display: none;
    }
    .siderControlButtons{
        position: absolute;
        top: 50px;
        right: 20px;
    }
    .infoDescText > p{
        font-size: 11px;
        line-height: 20x;
        width: 100%;
    }
    .cultureMask{
        width: 170px;
    }
    .parkImgMask{
        width: 270px;
        right: -100px;
        top: 140px;
    }
    .cultureMask{
        right: -50px;
        top: 140px;
    }
    .placesSliderTitleItem > p{
        font-size: 24px;
    }
    .tabContent{
        height: 450px;
    }
    .placesPicMask > div, .placesPicMask > div > img{
        width: 80%;
        height: 80%;
    }
    .tabContentItem{
        overflow: hidden;
    }
    .placesPicMask{
        width: 230px;
        height: 280px;
        right: -60px;
        top: 140px;
    }
    .mapSectionContent > .top > .left > div:nth-child(2) > p:nth-child(1){
        width: 100%;
    }
    /**/
    .infraContent{
        padding: 56px 0;
        gap: 0;
    }

    .infraContent > .top{
        padding: 0 20px;
        flex-direction: column;
    }
    .infraContent > .top > .left{
        gap: 16px;
    }
    .mainMobileInfraTitle, .infraContent > .top > .left > p:nth-child(2){
        display: block;
        color: var(--Beige-BE20, #CFBEAE);
        font-feature-settings: 'ss03' on;
        /* Mobile/Title/H2 */
        font-family: 'Radikal', sans-serif;
        font-size: 40px;
        font-style: normal;
        font-weight: 300;
        line-height: 44px; /* 110% */
        letter-spacing: -0.496px;
        text-transform: uppercase;        
    }
    .mainMobileInfraTitle > span{
        color: #A78366;
    }
    .infraContent > .top > .right{
        display: none;
    }
    .infraContent > .top > .left > p:nth-child(3){
        margin-top: 16px;
        margin-bottom: 32px;
    }
    .infraContent > .bottom{
        padding-left: 20px;
    }
    .itemDescWrapper{
        padding: 24px 16px;
    }
    .itemDescWrapper  > p{
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px; /* 160% */
        letter-spacing: 0.2px;        
    }
    .itemWithText, .infraSliderItem{
        gap: 16px;
    }
    .itemWithText > .bottom{
        flex-direction: row;
        padding-right: 0;
        align-items: center;
    }
    .itemWithText > .bottom > button{
        display: flex;
    }
    .itemWithText > .bottom > p:nth-child(2){
        display: none;
    }
    .infraSlider{
        height: 362px;
    }
    .infraSliderItemImg{
        height: 320px!important;
    }
    .itemWithText > .infraSliderItemImg > .itemDescWrapper{
        opacity: 0;
        display: block;
    }
    .itemWithText:hover .itemDescWrapper{
        opacity: 1;
        transition: .5s ease-in-out;
        height: 100%;    
    }
    .itemWithText:hover .infraItemBtn{
        transform: rotate(45deg);
        transition: .5s ease-in-out;
    }
    .callbackSectionContent{
        height: auto;
        flex-direction: column;
    }
    .callbackSectionContent > .left{
        padding: 48px 20px;
        gap: 24px;
    }
    .callbackTitle{
        font-size: 36px;
        font-style: normal;
        font-weight: 300;    
        line-height: 40px; /* 111.111% */
    }
    .callbackSectionDescription{
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 166.667% */        
    }
    .callbackformWrapper{
        width: 100%;
    }
    .formInputValues{
        flex-direction: column;
        gap: 20px;
    }
    .formSubmitBtn{
        justify-content: center;
    }
    .formInputValues > input, .formInputValues > button{
        width: 100%;
    }
    .territoryTitleBlock > p:nth-child(2){
        margin: 0;
    }
    .territoryTitleBlock > p:nth-child(3){
        margin: 0;
        text-align: left;
    }
    .territoryDesktopTitleBlock{
        display: none;
    }
    .territoryMobileTitleBlock{
        display: block;
        padding: 0 20px;
    }
    .callbackSectionContent > .right{
        width: 100%;
        height: 303px;
        padding: 48px 20px;
    }
    .callbackSectionContent > .right > .bottom > p{
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 166.667% */
        width: 244px;
    }
    /**/
    .territorySectionContent > .top{
        padding: 0;
        padding-top: 56px;
    }
    .color-default{
        color: var(--Beige-BE20, #CFBEAE)!important;
    }
    .territorySectionContent{
        gap: 32px;
    }
    .terrtitoryTabsDesktopWrapper{
        padding: 0;
    }
    .territoryTabTitle{
        max-width: 100%;
    }
    .territoryTabTitleDesktop{
        display: none;
    }
    .territoryTabTitleDesktop > p{
        display: none;
    }
    .terrtitoryTabsDesktopWrapper{
        flex: 0;
    }
    .territorySectionContent > .bottom{
        flex-direction: column;
    }
    .territorySectionContent > .bottom{
        height: 320px;
    }
    .territorySectionContent > .bottom > .right{
        margin-top: 24px;
        flex: 1 0 0;
        height: 100%;
    }
    .territorySectionContent > .bottom > .right > img{
        height: 320px;
    }
    .territorySectionContent > .bottom > .left > div:nth-child(2){
        display: none;
    }
    .terrtitoryTabsDesktopWrapper{
        display: none;
    }
    .territoryTabsMobileWrapper{
        display: block;
        overflow: auto;
        width: 100%;
        margin-top: 16px;
    }
    .territorySectionContent > .bottom > .left{
        flex: 0;
        width: 100%;
        overflow: auto;
        height: auto;
    }
    .territorySectionContent > .bottom > .left > div:nth-child(3){
        display: none;
    }
    .territoryTabs{
        padding-left: 20px;
    }
    .territorySectionContent > .top > .mainSubtitle{
        padding: 0 20px;
    }
    .territorySectionContent > .bottom > .right{
        margin: 0;
    }
    .territorySectionContent > .bottom > .left{
        display: none;
    }
    .territoryBottomMobile{
        margin-top: -32px;
        padding: 32px 20px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        flex-shrink: 0;
        background: var(--Brown-BR50, #7A7062);        
    }
    .territoryTabTitleItem{
        font-size: 22px;
        font-style: normal;
        font-weight: 300;
        line-height: 28px; /* 127.273% */
        letter-spacing: 0.44px;        
    }
    /**/
    .apartmentsSectionContent{
        padding-top: 56px;

    }
    .apartmentsSectionContent > .top > div:nth-child(1){
        gap: 16px;
    }
    .apartmentsSectionContent > .top > div:nth-child(1)> p:nth-child(2){
        max-width: 100%;
        font-size: 32px;
        font-style: normal;
        font-weight: 300;
        line-height: 38px; /* 118.75% */
        letter-spacing: -0.397px;        
    }
    .apartmentsSectionContent > .top{
        padding: 0 20px;
        flex-direction: column;
        gap: 32px;
    }
    .apartmentsSectionContent > .top > div:nth-child(2){
        width: 100%;
    }
    .aparmentsCountersInfo{
        padding-top: 24px;
    }
    .apartmentsSectionContent > .top > div:nth-child(2) > p:nth-child(1){
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 166.667% */        
    }
    .apartmentsSectionContent > .bottom{
        padding-left: 20px;
        height: 408px;
    }
    /**/
    .plansContent{
        padding: 0 20px;
    }
    .plansContentApartments{
        gap: 24px;
        flex-direction: column;
        padding-bottom: 0;
    }
    .plansContentApartments  >.filtersDesktop{
        display: none;
    }
    .filtersMobileBtn{
        display: flex;
        max-width: 100%;
        height: 44px;
        padding: 0px 16px;
        justify-content: center;
        align-items: center;
        gap: var(--Spacing-s, 8px);        
        border-radius: 32px;
        border: 1px solid var(--Alpha-AG12, rgba(99, 97, 73, 0.12));
        background: var(--Green-G100, #475B5C);        
    }
    .filtersMobileBtn > div{
        display: flex;
        width: 20px;
        height: 20px;
        padding: 5px 2.917px 5.347px 2.5px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;        
    }
    .filtersMobileBtn > p{
        color: var(--Beige-B5, #EDEAE6);
        /* Mobile/Body/Default */
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 166.667% */
        text-transform: uppercase;        
    }
    .plansContentInfoBlock{
        gap: 24px;
        padding-bottom: 32px;
    }
    .plansResultWrapperTop{
        padding: 0;
        margin-bottom: 24px;
    }
    .planResultItem{
        flex-direction: column;
        gap: 16px;
    }
    .planBox{
        width: 100%;
        height: 190px;
    }
    .planBox > div{
        width: 100%;
        height: 100%;
    }
    .planResultSquare{
        order: -1;
        width: 100%;
        text-align: right;
    }
    .planResultShowBtn{
        margin-left: auto;
    }
    .plansResultWrapperTop > .left{
        width: auto;
    }
    .filters.--active{
        position: fixed;
        bottom:0;
        left: 0;
        top: auto;
        height: auto;
        width: 100%;
        height: auto;
        z-index: 10;
        display: flex;
        background: #EDE8E4;
        padding: 20px;
        box-shadow: 0 0 30px rgba(0,0,0, .25);
    }
    .filterOnlyMobileSubmit{
        margin-top: -30px;
        background: var(--Green-G100, #475B5C);  
        display: flex;
        padding: 16px 0px;
        flex-direction: column;
        align-items: center;
        gap: var(--Spacing-s, 8px);
        align-self: stretch;
        border-radius: 32px;
    }
    .planItemModalContent{
        width: 100%;
        gap: 16px;
        padding-top: 40px;
    }
    .planResultInfoRoom{
        font-size: 13px;
    }
    .planModalSquare{
        text-align: left;
        width: 100%;
        font-size: 25px;
        font-weight: 500;
        line-height: 24px; /* 133.333% */
        letter-spacing: 0.18px;        
    }
    .planResultInfoBlock{
        width: 100%;
    }
    .planModalInfo{
        flex-direction: column-reverse;
        gap: 8px;
    }
    .planResultInfoRoom{
        font-size: 14px;
        font-style: normal;
        font-weight: 900;
        line-height: 20px; /* 133.333% */
    }
    .planResultInfoBlockModal > p{
        font-size: 11px;
        line-height: 20px;
    }
    .planResultInfoBlock > div > p{
        font-size: 11px;
        line-height: 20px;
    }
    /**/
    .callbackFormSectionContent{
        padding: 268px 20px 48px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;        
    }
    .sectionFormLineImgWrapper{
        top: -15px;
        width: 339.369px;
        height: 318.484px;
        flex-shrink: 0; 
        left: 50%;
        margin-left: -165.5px;       
    }
    .keysImgWrapper{
        width: 179px;
        height: 184px;
        left: 50%;   
        margin-left: -90px;
        top: 53px;     
    }
    .callbackFormSectionTitleBlock > p{
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 40px; /* 111.111% */        
    }
    .callbackFormSectionContent > form{
        width: 100%;
        flex-direction: column;
        align-items: start;
        gap: 24px;
    }
    .callbackFormSectionContent > form > .left > p{
        display: none;
    }
    .callbackFormSectionContent > form > .left{
        width: 100%;
    }
    .callbackFormSectionSubmitBtn{
        display: flex;
        height: auto;
        width: auto;
        padding: 10px 40px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        align-self: stretch;
        border-radius: 24px;
        background: var(--Beige-BE100, #BA9875);        
    }
    .callbackFormSectionSubmitBtn > svg{
        display: none;
    }
    /**/
    .developerContent{
        padding: 48px 20px;
        flex-direction: column; 
        gap: 24px;   
    }
    .developerLinesImgWrapper{
        width: 381.444px;
        height: 431.835px;
        transform: rotate(0.678deg);
        flex-shrink: 0;
        top: -100px;
        right: -150px;
    }
    .developerContent > .right{
        gap: 24px;
    }
    .developerContent > .right > div{
        flex-direction: column;
        gap: 24px;
    }
    .developerContent > .right > img{
        width: 100%;
        position: relative;
        z-index: 4;
    }
    .developerLinesImgWrapper> div > img{
        opacity: .5;
    }
    .handImgWRapper{
        left: auto;
        right: 0;
    }
    /**/
    .developerProjectsContent{
        height: auto;
        flex-direction: column-reverse;
    }
    .developerProjectsContent > .right{
        height: 300px;
        flex: none;
        width: 100%;
        position: relative;
    }
    .developerProjectsContent > .left{
        padding: 48px 20px;
        position: relative;
        width: 100%;
    }
    .developerProjectsTitleWrapper{
        width: 100%;
        height: 90px;
    }
    .developerProjectsContent > .left > div > .top{
        width: 100%;
    }
    .developerProjectsTitleItem{
        font-size: 32px;
        font-style: normal;
        font-weight: 300;
        line-height: 38px; /* 118.75% */
        letter-spacing: -0.397px;
    }
    .developerProjectsContent > .left > div:nth-child(1){
        gap: 8px;
    }
    .developerProjectsSliderControl{
        padding-right: 0;
        right: 20px;
        position: absolute;
        top: -60px;
        z-index: 3;
        justify-content: end;
    }
    .developerProjectsPaginationInfo{
        display: none;
    }
    .developerProjectsSliderControl > div > button{
        background: var(--Brown-BR150, #5C554B);
        transition: .25s ease-in-out;
    }
    .developerProjectsSliderControl > div > button:hover{
        background: var(--Beige-BE100, #BA9875);
        transition: .25s ease-in-out;
    }
    .developerProjectsSliderControl > div > button:hover svg path{
        stroke: #3B4D4D;
    }
    /**/
    .footer{
        padding: 0 20px;
    }
    .footerContent{
        padding-top: 48px;
        flex-direction: column;
        height: auto;
        gap:32px;
    }
    .footerContent > .left{
        gap: 24px;
    }
    .footerContent > .left > .bottom{
        flex-direction: column;
        gap: 24px;
    }
    .footerContent > .right{
        gap: 32px;
    }
    .footerContent > .right > div{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 24px;
    }
    .footerContent > .right > div > DIV >p{
        width: 100%;
    }
    .footerContactsInfo > p{
        font-size: 15px;
        font-weight: 500;
        line-height: 22px; /* 146.667% */
        letter-spacing: 0.15px;        
    }
    .footerContent > .right > div > DIV > p{
        font-size: 11px;
        line-height: 20px;
    }
    .footerContent > .right > div{
        gap: 8px;
    }
    .footerContent > .right > div  >svg{
        width: 90px;
    }
    /**/
    .mainMenuHeader{
        display: none;
    }
    .mainMenuHeaderMobile{
        padding: 20px;
        display: flex;
        justify-content: space-between;
        z-index: 10;
    }
    .closeMainMenuModalBtn{
        display: inline-flex;
        width: 44px;
        height: 44px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        flex-shrink: 0;
        border-radius: 32px;
        background: var(--Green-G150, #304040);        
    }
    .mainMenuImgWrapper{
        width: 100%;
        height: 356px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        z-index: -1;
    }
    .mainMenuImgWrapper > div> img:nth-child(1){
        display: none;
    }
    .mainMenuImgWrapper > div> img:nth-child(2){
        display: block;
    }
    .mainMenuLinks{
        flex-direction: column;
        align-items: start;
        padding: 0 20px;
    }
    .mainMenuLinks > .row{
        flex-direction: column;
        gap:26px;
    }
    .mainMenuLinkItem > p:nth-child(1){
        display: none;
    }
    .mainMenuLinkItem > p:nth-child(2){
        font-size: 22px;
        line-height: 20px;
    }
    .mainMenuBottom{
        padding: 0 20px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 24px;
    }
    .mainMenuBottom > div{
        flex-direction: column;
        gap: 12px;
    }
    .mobileMenuBottomBtn{
        display: flex;
        height: 44px;
        padding: 10px 20px;
        align-items: center;
        gap: 12px;
        flex-shrink: 0;
        border-radius: 24px;
        background: var(--Beige-BE150, #A78366);        
    }
    .mobileMenuBottomBtn > p{
        color: var(--Beige-BE20, #CFBEAE);
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 166.667% */
        text-transform: uppercase;
    }
    .mainMenuBottom > p{
        display: none;
    }
    .mainModalTitle{
        font-size: 40px;
        font-style: normal;
        font-weight: 300;
        line-height: 44px; /* 110% */        
    }
    .modalCallContent{
        width: 100%;
    }
    .modalCallContent > div:nth-child(2) > .top{
        gap: 12px;
        padding: 0 20px;
    }
    .modalCallContent > div:nth-child(2) > .top > p{
        font-size: 12px;
        line-height: 20px; /* 166.667% */
    }
    .modalCallContent > div:nth-child(2) > .bottom{
        padding: 0 20px 24px 20px;
    }
    .resultTextContent{
        display: none;
        gap: 12px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .modalCallContent > div:nth-child(2){
        /* display: none; */
    }
    .planModalResult{
        padding: 0 20px;
    }
    /**/
    .sportPicMask{
        width: 144px;
        height: 235px;
        right: -20px;
    }
    .educationPicMask{
        width: 290px;
        height: 150px;
        right: -90px;
    }
    .shoppingPicMask{
        height: 190px;
    }
    .cultureMask{
        width: 175px;
        height: 245px;
        top: 100px;
    }
    .parkImgMask{
        height: 150px;
        right: -75px;
    }
.rest1Pointer{
    top: 67.46vw;
    left: 20.01vw;
}
.rest2Pointer{
    top: 50.46vw;
    left: 50.01vw;
}
.fitPointer{
    top: 45.46vw;
    left: 85.01vw;

}
.timeLineContent{
    padding: 56px 0;
    gap: 32px;
}

.timeLineTitleBlock{
    padding: 0 20px;
    gap: 16px;
}
.timeLineTitleBlock > h2, .timeLineTitleBlock > h2 span{
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 38px; /* 118.75% */
    letter-spacing: -0.397px;
}
.timeLineInformationTop{
    padding: 0 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
}
.timeLineBlockInfoTextContent{
    max-width: 100%;
}
.timeLineInformationBottom{
    padding-left: 20px;
}
.timeLineModalSliderCloseBtn{
    top: 20px;
    right: 20px;
    width: 46px;
    height: 46px;
}
.timeLineSliderNext , .timeLineSliderPrev{
    bottom: 20px;
    top: auto;
    margin-top: auto;
    width: 52px;
}
.timeLineSliderNext{
    right: 20px;
}
.timeLineSliderPrev{
    left: auto;
    right: 75px;
}
.timeLineModalSliderItem > img{
    width: 100%;
}
.timeLineBlockBtn{
    width: 44px;
    height: 44px;
}
.timeLineSliderItemBtn{
    width: 44px;
    height: 44px;
}

}