@media (max-width: 960px){
    section, footer, .app, .flatModals{
        display: none;
    }
    .headerContent{
        padding: 20px;
        align-items: center;
    }
    .mainMenu{
        display: none;
    }
    .headerLogo> p{
        display: none;
    }
    .headerLogo > div{
        width: 199px;
        height: 22.269px;
    }
    .appHeader > svg, .mainNavLink, .appHeaderRight > div{
        display: none;
    }
    .appHeaderRight > button{
        background: var(--Dark-D100, rgba(53, 56, 63, 1));
    }
    .appHeaderRight{
        gap: 10px;
    }
    .mobileCallBtn{
        display: flex;
        width: 44px;
        height: 44px;
        padding: 0px 16px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        border-radius: 24px;
        background: var(--Alpha-AL12, rgba(235, 229, 219, 0.12));    
    }
    .mobileCallBtn:hover{
        background: var(--Alpha-AL12, rgba(235, 229, 219, 0.24));
    }
    .mainNav{
        gap: 10px;
    }
    .menuBtn{
        display: flex;
        width: 44px;
        height: 44px;
        padding: 0px 16px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        border-radius: 24px;
        background: var(--Alpha-AL12, rgba(235, 229, 219, 0.12));
    }
    .mainSection{
        display: block;
        height: auto;
    }
    .mainSectionContent > h1, .mainPictureWrapper{
        display: none;
    }
    .mainSectionContent{
        padding: 84px 20px 20px 20px;
    }
    .mainMobileContent{
        display: flex;
        width: 100%;
        height: 100%;
        padding-bottom: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        flex-shrink: 0;
    }
    .mobileImagesTop{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        /* flex: 1 0 0; */
        align-self: stretch;
    }
    .mobileImagesTop > div:nth-child(1){
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-self: stretch;
        width: 100%;
        height: 248px;
        position: relative; 
        overflow: hidden;       
    }
    .mobileImagesTop > div:nth-child(1) > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* transform: scale(1.5); */
    }
    .mobileImagesTop > div:nth-child(2){
        display: flex;
        align-items: center;
        gap: 12px;
        /* flex: 1 0 0; */
        align-self: stretch;
        height: 165px;
    }
    .mobileImagesTop > div:nth-child(2) > img{
        height: 100%;
    }
    .mobileImagesTop > div:nth-child(2) > img:nth-child(1){
        flex: 1 0 0;
        object-fit: cover;
    }
    .mobileImagesTop > div:nth-child(2) > img:nth-child(2){
        width: 214px;
        object-fit: cover;
    }
    .mainMobileContent > h1{
        color: var(--Light-L100, #EBE5DB);
        font-family: 'Bahnschrift', sans-serif;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 109.091% */
        letter-spacing: -0.44px;
        text-transform: uppercase;
    }
    .mainMobileContent > h1 span{
        color: var(--Gold-G100, #C89B4C);
    }
    .mobileMainSectionBtn{
        display: flex;
        height: 176px;
        padding: 21px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        background: var(--Gold-G100, #C89B4C);
    }
    .mobileMainSectionBtn > p{
        color: var(--Light-L100, #EBE5DB);
        font-family: 'Bahnschrift', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 125% */
        letter-spacing: -0.18px;
        text-transform: uppercase;
        align-self: stretch;
        text-align: left;
    }
    .mobileMainSectionBtn > a{
        display: flex;
        padding: 14px 20px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: 64px;
        border: 1px solid var(--Alpha-AL24, rgba(235, 229, 219, 0.24));
    }
    .mobileMainSectionBtn > a > p{
        color: var(--Light-L100, #EBE5DB);
        font-family: "Euclid Square", sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; /* 161.538% */
        letter-spacing: 0.26px;
        text-transform: uppercase;
    }
    /**/
    .app{
        display: block;
        margin-top: 0;
    }
    header{
        height: 84px;
        z-index: 100;
    }
    .mainSection.scrolled{
        position: relative;
        top: auto;
        left: auto;
        filter: none;
        z-index: 5;
    }
    /**/
    .startSection{
        display: block;
        height: auto;
    }
    .startSectionContent{
        display: none;
    }
    .startSectionContentMobile{
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding: 104px 20px 0 20px;
    }
    .startSectionContentMobile > h3{
        color: var(--Dark-D100, #35383F);
        font-family: 'Bahnschrift', sans-serif;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 109.091% */
        letter-spacing: -0.44px;
        text-transform: uppercase;
    }
    .startSectionContentMobile > h3 span{
        color: #C89B4C;
    }
    .firstImgWrapper{
        width: 100%;
        height: 439px;
        position: relative;
    }
    .firstImgWrapper > img, 
    .secondStartImgWrapper > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
    .secondStartImgWrapper {
        position: absolute;
        right: 16px;
        left: auto;
        bottom: -48px;
        width: 124px;
        height: 124px;        
    }
    .mainSectionMobileDesctext{
        color: var(--Dark-D100, #35383F);
        font-family: "Euclid Square", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; /* 175% */
        letter-spacing: 0.36px;
        text-transform: uppercase;
    }
    .firstMobileDescText{
        margin-top: 16px;
        width: 280px;
    }
    .secondImgWrapper{
        width: 100%;
        height: 360px;
        position: relative;
    }
    .secondImgWrapper > div{
        position: absolute;
    }
    .secondImgWrapper > div:nth-child(1){
        right: 0;
        width: 256px;
        height: 100%;

    }
    .secondImgWrapper > div:nth-child(2){
        width: 148px;
        height: 156px;
        left: 0;        
        bottom: 48px;
    }
    .secondImgWrapper > div > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .secondMobileDescText{
        width: 256px;
        align-self: flex-end;
    }
    .thirdImgWrapper{
        width: 100%;
        height: 212px;
    }
    .thirdImgWrapper > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /**/
    .information{
        display: block;
    }
    .informationContent{
        gap: 40px;
        padding: 40px 20px;
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .informationRightImg{
        display: none;
    }
    .informationContent > .right{
        gap: 32px;
        margin-right: 0;
    }
    .informationContent > .left{
        width: 100%;
        position: relative;
    }
    .informationTextItem{
        padding: 32px 0;
    }
    .informationTextItem > p:nth-child(2), .showMobileInfoText
    {
        font-size: 64px;
        font-weight: 483;
        line-height: 72px; /* 112.5% */
        letter-spacing: 0.64px;        
    }
    .hideMobileInfoText{
        display: none;
    }
    .showMobileInfoText{
        display: block;
    }
    .informationLeftImg{
        width: 120px;
        height: 140px;
        top: 32px;
        left: 110px;
        right: auto;
        bottom: auto;
    }
    /**/
    .sectionBg{
        display: block;
        height: 480px;
    }
    /**/
    .location{
        display: block;
    }
    .locationContent{
        padding: 48px 20px;
    }
    .locationTitleBlock{
        flex-direction: column-reverse;
        gap: 24px;
    }
    .locationTitleBlock > h2{
        max-width: 300px;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 109.091% */
        letter-spacing: -0.44px;
    }
    .locationMapBlock{
        flex-direction: column-reverse;
    }
    .locationMap{
        width: 100%;
        height: 390px;
    }
    .locationMapText > div:nth-child(1){
        display: none;
    }
    .locationMapText{
        flex-direction: column-reverse;
        width: 100%;
        gap: 48px;
    }
    .locationMapTextRow{
        gap:24px;
    }
    .locationMapText > div:nth-child(2){
        gap: 40px;
    }
    .interactiveMapContent{
        border-radius: 20px 20px 0 0;
    }
    .showMapBtn{
        margin-top: 16px;
    }
    /**/
    .arch{
        display: block;
        height: auto;
    }
    .archContent{
        display: flex;
        flex-direction: column;
    }
    .archContentTextBlock{
        position: relative;
        height: 256px;
        padding: 24px 20px;
        bottom: auto;
        width: 100%;
        right: auto;
    }
    .archContentSliders{
        height: 520px;
    }
    .archContentTitleBlock{
        top: 40px;
        left: 20px;
        flex-direction: column-reverse;
        gap: 24px;
    }
    .archContentTitle > span{
        padding-left: 20px;
    }
    .archContentTitle{
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 109.091% */
        letter-spacing: -0.44px;
        
    }
    .archContentTextBlockSliderItem > p{
        padding: 0;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px; /* 144.444% */
        letter-spacing: 0.18px;        
    }
    .archContentTextBlockSliderNav{
        right: 0;
        bottom: 0;
    }
    /**/
    .advantages{
        display: block;

    }
    .advantagesTitleBlock{
        padding: 56px 20px 0 20px;
        flex-direction: column;
        gap: 24px;
    }
    .titleBlockDesc > p{
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px; /* 133.333% */
        letter-spacing: 0.96px;        
    }
    .advantagesTitleBlock > h2{
        text-align: left;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 109.091% */
        letter-spacing: -0.44px;        
    }
    .advantagesContent{
        gap: 40px;
    }
    .advantagesSlides{
        padding-left: 20px;
        height: 536px;
    }
    .advantagesInfoSlide, .advantagesInfoItem, .advantagesSlideItem{
        width: 264px!important;
    }
    .advantagesMobileBlock{
        margin-top: -20px;
        display: flex;
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
        padding-top: 16px;
        align-items: flex-end;
        gap: 8px;
        border-top: 1px solid var(--Alpha-AD12, rgba(53, 56, 63, 0.12));
    }
    .advantagesMobileBlock > p{
        color: var(--Dark-D100, #35383F);
        font-family: 'Bahnschrift', sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px; /* 145.455% */
        letter-spacing: 0.55px;
        text-transform: uppercase;
        flex: 1 0 0;
    }
    /**/

    .flats{
        display: block;
    }
    .flatsContent{
        padding: 56px 0 56px 0;
        gap: 40px;
    }
    .flatsTitleBlock{
        padding: 0 20px;
        flex-direction: column-reverse;
        gap: 24px;
        align-items: flex-start;
    }
    .flatsTitleBlock > .right{
        align-items: flex-start;
    }
    .bookOnlineBtn{
        display: none;
    }
    .flatsTitleBlock > h3{
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 109.091% */
        letter-spacing: -0.44px;
    }
    .flatsDescBtn > p{
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px; /* 133.333% */
        letter-spacing: 0.96px;        
    }
    .allFlats{
        padding: 0 20px;
    }
    .flitersBlock{
        display: none;
    }
    .filterResultTop ,.filterResultItemBtn{
        display: none;
    }
    .filterResultItem{
        padding: 24px 0;
        gap: 0;
        position: relative;
    }
    .planSquareValue, .flatInfoBlock{
        width: auto;
    }
    .planSquareValue{
        top: 24px;
        left: auto;
        right: 50px;
        position: absolute;
        align-self: stretch;
    }
    .flatInfoBlock{
        margin-top: 16px;
    }
    .flatInfoBlock > div{
        gap: 2px;
    }
    .flatInfoBlock > div > p{
        font-size: 7px;
        line-height: 11px;
    }
    /**/
    .textRow > p{
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 109.091% */
        letter-spacing: -0.44px;        
    }
    /**/
    .consultation{
        display: block;
    }
    .consultationContent{
        flex-direction: column;
    }
    .consultationForm{
        padding: 56px 20px;
        width: 100%;
        flex: auto;
    }
    .consultationInputsBlock > div:nth-child(1) > input{
        width: 100%;
    }
    .consultationFormTitleBlock > h2{
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px; /* 110% */
        letter-spacing: -0.4px;        
    }
    .consultationFormTitleBlock > p{
        width: 100%;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; /* 175% */
        letter-spacing: 0.24px;        
    }
    .consultationInputsBlock{
        width: 100%;
    }
    .consultationInputsBlock > div:nth-child(1){
        flex-direction: column;
        gap: 32px;
    }
    .consultationInputsBlock > div:nth-child(2){
        flex-direction: column;
    }
    .consultationContacts{
        width: 100%;
        padding: 56px 20px;
        flex-direction: column;
        align-items: center;
        gap: 32px;        
    }
    .consultationInputsBlock > div:nth-child(2) > p{
        text-align: center;
    }
    /**/
    .mainMenuContent{
        padding: 20px;
        flex-direction: column;
        gap: 45px;
        justify-content: flex-start;
    }
    .menuLogo {
        display: none;
    }
    .desktopMainMenu{
        margin-top: 96px;
        margin-left: 0;
        align-self: start;
        gap: 45px;
    }
    .desktopMainMenu > .top{
        width: 100%;
        gap: 20px;
    }
    .desktopMainMenu > .top > li > A{
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 100% */
        letter-spacing: 0.56px;        
    }
    .desktopMainMenuRight{
        width: 100%;
        height: 235px;
        gap: 12px;
    }
    .desktopMainMenuRight > a{
        flex-direction: row;
    }
    .desktopMainMenuRight > a > p{
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px; /* 130% */
        letter-spacing: -0.2px;   
        flex: 1 0 0;     
    }
    .desktopMainMenuRight > a{
        padding: 16px 12px;
    }
    .desktopMainMenu > .bottom{
        display: none;
    }
    .desktopMainMenuRight > a > button{
        padding:12px;
    }
    .mainMenuWrapperCloseBtn{
        top: 20px;
        right: 20px;
        width: 44px;
        height: 44px;
        padding: 0px 16px;
        justify-content: center;
        align-items: center;
        gap: 12px;        
    }
    .mobileMenuBottom{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 252px;
        align-items: flex-start;
        gap: 48px;
    }
    .mobileMenuBottom > div:nth-child(1){
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }
    .mobileMenuBottom > div:nth-child(1) > a{
        color: var(--Light-L100, #EBE5DB);
        font-family: 'Bahnschrift', sans-serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 115.385% */
        letter-spacing: -0.26px;
        text-transform: uppercase;
        align-self: stretch
    }
    .mobileMenuBottom > div:nth-child(1) > p{
        color: var(--Light-L100, #EBE5DB);
        font-family: "Euclid Square";
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px; /* 160% */
        letter-spacing: 0.2px;
        text-transform: uppercase;
        align-self: stretch;
    }
    .mobileMenuBottom > div:nth-child(2){
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch;
    }
    .mobileMenuBottom > div:nth-child(2) > p{
        color: var(--Light-L100, #EBE5DB);
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; /* 175% */
        letter-spacing: 0.24px;
        text-transform: uppercase;
        align-self: stretch;
    }
    .mobileModalMenuBtn{
        display: flex;
        padding: 12px 20px;
        align-items: center;
        gap: 20px;
        border-radius: 64px;
        background: var(--Gold-G100, #C89B4C);
    }
    .modalWrapper{
        align-items: flex-end;
    }
    .modalContent{
        padding: 24px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        width: 100%;
        border-radius: 20px 20px 0px 0px;
    }
    /**/
    .developer{
        display: block;
    }
    .mobileDeveloperDesc{
        display: flex;
        padding: 6px 17px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 320px;
        border: 1px solid var(--Dark-D100, #35383F);
    }
    .mobileDeveloperDesc > p{
        color: var(--Dark-D100, #35383F);
        font-family: 'Bahnschrift', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px; /* 133.333% */
        letter-spacing: 0.96px;
        text-transform: uppercase;
    }
    .developerContent{
        padding: 56px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;        
    }
    .developerContent > img{
        display: none;
    }
    .developerContent >div{
        flex-direction: column;
        gap: 32px;
    }
    .developerContent > div > .right{
        height: auto;
    }
    .developerContent > div > .right > button{
        display: none;
    }
    .developerContent > div > .left > div > P{
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.16px;        
    }
    .developerContent > div > .left{
        width: 100%;
        height: auto;
        gap: 32px;
        flex-direction: column-reverse;
    }
    .developerContent > div > .left> svg{
        width: 207px;
        height: 80px;
    }

    /**/
    .info{
        display: block;
    }
    .infoContent{
        display: flex;
        padding: 56px 20px;
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }
    .infoContentTop > h2{
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px; /* 109.091% */
        letter-spacing: -0.44px; 
        text-align: center;       
    }
    .infoContent > p{
        width: 100%;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; /* 175% */
        letter-spacing: 0.36px;        
    }
    .infoContentForm{
        width: 100%;
    }
    .infoContentForm > .top{
        flex-direction: column;
        align-items: flex-start;
    }
    .infoContentForm > .top > input{
        padding: 10px 0;
    }
    .infoContentForm > .top > input, .infoContentFormBtn{
        flex: auto;
        width: 100%;
    }
    .infoContentDesc > p{
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
        letter-spacing: 1.12px;        
    }
    /**/
    .footer{
        display: block;
    }
    .footerPattern{
        height: 112px;
    }
    .footerInner{
        padding: 32px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;        
    }
    .footerInner > .right{
        width: 100%;
        padding-left: 0;
        padding-top: 32px;
        gap: 32px;
        border-left: none;
        border-top: 1px solid var(--Alpha-AD12, rgba(53, 56, 63, 0.12));
    }
    .copyright > p{
        width: auto;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px; /* 160% */
        letter-spacing: 0.3px;        
    }
    .flatModals{
        display: block;
    }
    .flatModalWrapper{
        align-items: flex-end;
    }
    .flatModalContent{
        width: 100%;
        height: 100%;
        padding: 24px 20px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        border-radius: 20px 20px 0px 0px;
    }
    .flatModalRoomCount{
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 100% */
        letter-spacing: -0.36px;        
    }
    .flatModalTop{
        align-items: flex-end;
    }
    .flatModalBottom{
        flex-direction: column-reverse;
    }
    .flatModalPlanWrapper{
        width: 100%;
        height: 237.15px;
    }
    .flatModalFormWrapper{
        display: none;
    }
    .flatModalPlanWrapper > img{
        /* object-fit: cover; */
        width: 100%;
        height: 100%;
    }
    .flatModalInformation{
        width: 100%;
    }

    .mobileFiltersBts{
        display: flex;
        width: 100%;
        align-items: center;
        gap: 12px;
    }
    .sortBtnMobile{
        display: flex;
        width: 200px;
        height: 42px;
        padding: 0px 24px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        border-radius: 32px;
        border: 1px solid var(--Dark-D100, #35383F);
    }
    .sortBtnMobile > p{
        color: var(--Dark-D100, #35383F);
        font-family: "Euclid Square", sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; /* 161.538% */
        letter-spacing: 0.26px;
        text-transform: uppercase;
    }
    .mobileFiltersBtn{
        display: flex;
        height: 42px;
        justify-content: center;
        align-items: center;
        gap: 32px;
        flex: 1 0 0;
        border-radius: 32px;
        background: var(--Dark-D100, #35383F);
    }
    .mobileFiltersBtn > p{
        color: var(--Light-L100, #EBE5DB);
        font-family: "Euclid Square", sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; /* 161.538% */
        letter-spacing: 0.26px;
        text-transform: uppercase;
    }
    .flitersBlock{
        padding: 24px 20px;
        width: 100%;
        left: 0;
        display: none;
        position: fixed;
        bottom: 0;
        height: 600px;
        overflow: hidden;
        flex-shrink: 0;
        border-radius: 20px 20px 0px 0px;
        background: #D8D9D8; 
        z-index: 1000;      
    }
    .flitersBlock.--active{
        display: flex;
        z-index: 1200;
    }
    .filterMobileTopBlock{
        display: flex;
        justify-content: space-between;
        width: 100%;    
    }
    .filterMobileTopBlock > h3{
        color: var(--Dark-D100, #35383F);
        font-family: 'Bahnschrift', sans-serif;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 100% */
        letter-spacing: -0.36px;
        text-transform: uppercase;
    }
    .filterCloseMobileBtn{
        display: flex;
        width: 44px;
        height: 44px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border-radius: 48px;
        background: var(--Dark-D100, #35383F);
    }
    .mobileSubmitFiltersBtn{
        display: flex;
        padding: 12px 32px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 32px;
        background: var(--Gold-G100, #C89B4C);
    }
    .mobileSubmitFiltersBtn > p{
        color: var(--Light-L100, #EBE5DB);
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; /* 161.538% */
        letter-spacing: 0.26px;
        text-transform: uppercase;
    }
    .filterReset{ 
        margin-top: -32px;
    }

    .backdrop{
        display: none;
        width: 100%;
        height: 100dvh;
        position: fixed;
        top:0;
        left: 0;
        background: var(--Alpha-AD56, rgba(19, 20, 24, 0.56));
        backdrop-filter: blur(14px);
        z-index: -1000;
    }
    .backdrop.--active{
        z-index: 1000;
        display: block;
    }
    .flatPickerContent{
        flex-direction: column;
    }
    .flatPickerWrapper{
        left: 20px;
        top: 65px;
    }
    .flatPickerItem{
        width: 200px;
        height: 160px;
    }
    .flatPickerItem > img{
        width: 138px;
        height: 109px;
    }


}

@media (max-width: 380px){
    .archContentTitle, .advantagesTitleBlock > h2{
        font-size: 38px; 
        font-style: normal;
        font-weight: 700;
        line-height: 42px; /* 109.091% */
        letter-spacing: -0.38px;
    }
    .archContentTitle > span{
        padding-left: 0;
    }
    .informationLeftImg{
        width: 90px;
        height: 110px;
    }
}