@media (max-width: 480px) {
    /* body {
        width: 119%;
    } */
    .flexConteiner {
        display: flex;
        justify-content: center;
    }
    .conteiner {
        width: 100%;
        margin: 0px;
        padding: 0px 16px;
    }
    .BTNReference {
        width: 209px;
        font-size: 18px;
        margin: 0;
    }
    .h1Title {
        font-size: 39px;
    }
    .pDiscraption {
        font-size: 20px;
    }

    .perenos {
        display: inline;
    }
    .perenos::before {
        content: "\A";
        white-space: pre;
    }
    .noPerenos {
        content: '';
        display: none;
    }
    .dNoneMobile {
        display: none;
    }
    .wrapSeeMoreMobile {
        width: 178px;
        border-bottom: 1px solid #937A60; 
        display: flex;
        justify-content: center;
    }
    .seeMoreMobile {
        display: block;
        color: #937A60;
        font-size: 19px;
        background: none;
        border: none;
        margin-top: 37px;
    }

    .BTNfixed {
        display: none;
    }

    .logo, .btnMenu {
        margin-top: 6px;
        margin-bottom: 133px;
    }

    .btnMenu {
        position: relative;
    }

    .menuMobile {
        display: none;
        position: fixed;
        top: 20px;
        left: 10px;
        border-radius: 10px;    
        background-color: #AF9678;
        z-index: 3;
        padding: 20px 50px 10px 15px;
    }

    #close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: none;
        border: none;
    }

    .menuMobile ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
        list-style: none;
    }

    .logo {
        margin-top: 26px;
    }

    .btnMenu svg path {
        fill: #fff !important;
    }

    .wrapList1 {
        /* height: 752px; */
        height: auto;
        justify-content: flex-start;
    }
    .list1 {
        background: url('img/fonMobilHeader.png') no-repeat center,
        url('img/fonHeaderMobil1.jpg') no-repeat center;
        /* background-position: 0px 162px, 0px 0px; */
        background-size: 100%, 100%;
    }


    .wrapMenu {
        display: none;
    }

    .btnMenu {
        display: block;
        width: 26px;
        height: 17px;
    }

    .btnMenu button {
        background: none;
        border: none;
        width: 26px;
        height: 17px;
    }



    .discount h1 {
        font-size: 39px;
        margin-bottom: 23px;
        /* margin-top: 32px; */
        position: relative;
       
    }

    .discount h1::before {
        content: url(img/promotion.png);
        position: absolute;
        top: -63px;
        left: -16px;
    }

    .discount p:first-of-type {
        font-size: 20px;
        margin-bottom: 17px;
    }
    
    .discount p:nth-of-type(2) {
        font-size: 18px;
        margin-bottom: 11px;
    }

    .discount input {
        width: 320px;
        font-size: 19px;
        margin-top: 21px;
    }

    .square {
        width: 30px;
        height: 30px;
        font-size: 19px;
    }

    .discount span {
        font-size: 15px;
    }

    .discount span:nth-of-type(1) {
        margin-right: 17px;
    }
    
    .discount span:nth-of-type(3) {
        margin-right: 19px;
    }

    .timer button {
        margin-bottom: 32px;
    }

    .modalThanks {
        padding: 70px 79px;
    }

    .modalThanks p {
        width: 210px;
        font-size: 24px !important;
        white-space: pre-wrap;
    }

    .modalThanks button {
        width: 165px;
        margin-top: 19px;
    }

    .telTimeWork {
        display: none;
    }

    .telMessengMobil {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 76px;
        margin-bottom: 56px;
    }

    .linksMasangers{
        display: none;
    }

    .linksMasangersIcons li {
        list-style: none;
        display: inline-block;
        margin-right: 15px;
    }

    .telMessengMobil p {
        text-align: center;
        font-size: 19px;
    }


    .list2 {
        margin-top: 70px;
        margin-bottom: 130px;
        justify-content: center;
    }

    .list2 div:last-of-type {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .list2 .wrapFrame {
        display: none;
    }

    .list2 .pDiscraption {
        text-align: center;
    }

    .list2 button {
        font-size: 26px;
    }

    .aboutUs {
        margin-bottom: 100px
    }

    .dNoneMobile {
        display: none;
        font-size: 20px !important;
    }
    
    .dBlockMobile {
        display: block;
        font-size: 20px !important;
    }

    .WhyChooseUs {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .WhyChooseUs h1 {
        font-size: 39px;
    }

    .BTNIcons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px;
        max-width: 100%;
    }

    .BTNIcons button {
        width: 80px;
        height: 80px;
        border: none;
    }

    .icon1, .icon2, .icon3, .icon4, .icon5, .icon6 {
        background-size: 80px;
    }

    .iconWithText {
        width: 140px;
    }

    .payLater {
        display: none
    }

    /* .iconWithText:nth-of-type(3)::before {
        content: 'Возможность рассрочки от нашей компании с 0% переплат!';
        display: block;
        font-size: 20px;
        width: 100%;
        height: 175px;
    }
     */

    .catalog h1 {
        margin: 100px auto 38px;
    }

    .catalogImg:nth-of-type(2) {
        display: none;
    }

    .catalogImg div {
        display: none;
    }

    .catalogImg {
        width: 144px;
        height: 267px;
    }

    .catalog .flexConteiner div:nth-of-type(1) {
        background:
            url(img/catalogFonForImgMobile.png),
            url(img/catalogImg1Mobile.jpg);
    }

    .catalog .flexConteiner div:nth-of-type(3) {
        background:
            url(img/catalogFonForImgMobile.png),
            url(img/catalogImg2Mobile.jpg);
    }

    .catalogText1, .catalogText3 {
        margin: 121px auto;
        font-size: 23px;
    }

    .catalogText2 {
        margin: 0;
        font-size: 23px;
        color: #fff;
        text-align: center;
    }

    .WrapCatalogImgMobile {
        display: flex;
        justify-content: center;
    }

    .catalogImgMobile {
        width: 318px;
        height: 144px;
        display: block;
        background:
            url(img/catalogFonForImgMobile3.png),
            url(img/catalogImg3Mobile.jpg);
        padding: 46px 0;
        margin-top: 30px;
    }

    .catalog .flexConteiner {
        gap: 20px;
    }

    .wrapFrame {
        margin-right: 0px;
    }

    .modernMaterials h1 {
        margin: 102px auto 40px;
    }


    .matFit div {
        width: 160px;
        height: 28px;
        margin-bottom: 26px;
    }

    .matFit button {
        font-size: 25px;
    }

    .materials {
        margin-bottom: 104px;
    }

    .materialsImg:nth-of-type(2) {
        display: none;
    }

    .materialsImg:nth-of-type(1) {
        width: 248px;
        height: 200px;
    }
    .materialsImg span {
        font-size: 20px;
        margin-top: 19px;
    }
    img[src="img/materialsImg1.jpg"] {
        width: 248px;
        height: 174px;
    }


    .materials button {
        position: static;
        margin-top: -46px;
    }

    .materials button:first-of-type {
        margin-right: 20px;
    }
    .materials button:last-of-type {
        margin-left: 20px;
    }

    .compVersion {
        display: none;
    }

    [class^='offer'] {
        width: 144px;
        height: 203px;
        background-size: 144px 203px;
    }

    .optionOffer {
        /* width: 87px; */
        height: 31px;
        font-size: 11px;
        padding: 12px;
    }

    .nameOffer {
        font-size: 16px;
    }

    .priceOffer {
        font-size: 19px;
    }

    .comfort3Price, .riviera5Price {
        font-size: 16px;
    }

    .wrapFollowUs {
        background: none;
    }

    .followUs {
        margin: 58px auto;
    }

    .followUs h1 {
        margin: 57px auto 20px;
    }

    .followUs p {
        margin-bottom: 25px;
    }

    .followUs input {
        width: 328px;
        height: 56px;
        font-size: 20px;
        margin-bottom: 35px;
    }

    .followUs button {
        width: 248px;
        height: 49px;
        font-size: 20px;
        margin-bottom: 58px;
    }

    .reviews {
        margin-bottom: 103px;
    }

    .wrapReview {
        margin: 0;
    }

    .wrapReview>button {
        display: none;
    }

    .reviewName {
        margin: 41px auto 24px 9px;
        font-size: 22px;
    }

    .reviewText {
        font-size: 19px;
    }

    .switchReview button {
        width: 16px;
        height: 16px;
    }

    .production {
        margin: 0 auto 102px;
    }

    .production h1 {
        margin-bottom: 40px;
    }

    .productionImg {
        height: 466px;
        gap: 5px;
    }

    .productionImg img {
        width: 100%;
        height: 100%;
    }

    .productionImgFonText {
        width: 288px;
        /* height: 379px; */
        background-size: cover;
        left: 67px;
        top: 65px;
        transform: none;
    }

    .productionImgFonText div {
        font-size: 20px;
        position: relative;
        margin-bottom: 28px;
    }

    .productionImgFonText div span {
        font-size: 37px;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(-27px);
    }

    .productionImgFonText div:first-of-type {
        margin-top: 27px;
    }

    .productionImgFonText div span::before {
        z-index: -1;
    }

    .productionImgFonText div span::before {
        top: -1px;
    }


    

    .workPlanText {
        font-size: 20px;
    }

    img[src*="Arrow"] {
        display: none;
    }

    .workPlanFlex {
        display: flex;
        flex-direction: column;
        align-items: center;
    } 

    .planWork {
        display: none;
    }
    
    .planWorkMobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .planWorkMobile h1 {
        margin-bottom: 40px;
    }

    .iconText {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    img[src^="img/logos/workPlanLogo"] {
        width: 80px;
        height: 80px;
    }

    img[src^="img/logos/arrowBottom"] {
        margin: 20px auto 20px 120px;
    }

    .askPrice {
        margin: 100px auto;
    }

    .askPriceText {
        margin-left: 16px;
    }

    img[src="img/askPriceImg.jpg"] {
        display: none;
    }

    img[src="img/askPriceImgMobile.jpg"] {
        display: block;
    }

    .askPriceText h1 {
        font-size: 39px;
        margin: 40px auto 32px;
    }

    .askPriceText p {
        font-size: 21px;
        margin: 0 0 0 32px;
    }

    .askPrice button {
        font-size: 19px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .askPriceText div {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .askPriceText>p {
        text-align: center;
    }

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


    .contacts h1 {
        margin-bottom: 40px;
    }

    .contactsText {
        margin-left: 0;
    }

    .wrapOrderConsultation {
        background-size: cover;
        width: 100%;
        height: auto;
        border-radius: 8px;
        margin-bottom: 38px;
    }

    .orderConsultation p {
        font-size: 20px;
        margin-top: 58px;
        margin-bottom: 26px;
    }

    .formOrderConsultation input {
        font-size: 19px;
        width: 280px;
        height: 45px;
        margin-left: 24px;
        margin-right: 24px;
    }

    .formOrderConsultation textarea {
        font-size: 19px;
        width: 281px;
        height: 168px;
    }

    .formOrderConsultation button {
        font-size: 19px;
        margin: 20px auto 50px;
    }

    .contactsText {
        font-size: 20px;
    }

    .contactsText p {
        margin-bottom: 20px;
    }


    .wrapFooter {
        justify-content: center;
    }

    .wrapFooter div:nth-of-type(1) {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 8px;
        position: relative;
    }

    
    .mapFooter {
        display: none;
    }

    .mapFooterMobile {
        display: block;
        border-radius: 8px;
    }

    .pointFooterMobile {
        display: block;
        position: absolute;
        top: 80px;
        left: 44px;
    }

    .footerLogo {
        font-size: 25px;
    }

    .wrapFooter ul {
        margin-left: 32px;
    }

    footer {
        margin-top: 100px;
    }

    footer li, footer p {
        font-size: 20px;
    }

    .pointFooter {
        display: none;
    }


}