@media screen and (max-width: 1480px) {
    .leftBackMenu {
        left: calc((100% - 1050px) / 2);
        width: 600px;     
    }
}    
@media screen and (max-width: 1100px) {
    .leftBackMenu {
        left: calc((100% - 850px) / 2);
        width: 500px;
    }
}    
@media screen and (max-width: 920px) {
    .rightBackMenuList a, .leftBackMenu a {
        font-size: 26px;
        line-height: 54px;
    }
    .leftBackMenu {                     
        left: calc((100% - 650px) / 2);
        width: 380px;
    }
}    
@media screen and (max-width: 700px) {
    .rightBackMenuList a, .leftBackMenu a {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .leftBackMenu {                     
        left: 30px;
        width: calc(100% - 30px - 42%);
    }
    .leftBackMenu a { 
        padding-left: 0px; 
        padding-top: 50px; 
        margin-bottom: 20px;  
    }
    .leftBackMenu a:after {
        bottom: auto;
        width: 55px;
        height: 50px;
        background-size: 310px;
    }
    .leftBackMenu a:nth-child(1):after { background-position: 3px 0px; }
    .leftBackMenu a:nth-child(2):after { background-position: -81px 0px; }
    .leftBackMenu a:nth-child(3):after { background-position: -170px 0px; }
    .leftBackMenu a:nth-child(4):after { background-position: -258px 0px; }
    
    .rightBackMenuFollow {
        bottom: 20px;
    }
    .rightBackMenuFollow a {    
        width: 20px;
        height: 20px;          
        background-size: 75px;
    }
    .backMenuLayer {
        min-height: 500px;
    }
    .rightBackMenuFollow a:nth-child(1){ background-position: 0px 0px; }
    .rightBackMenuFollow a:nth-child(2){ background-position: -27px 0px; }
    .rightBackMenuFollow a:nth-child(3){ background-position: -55px 0px; }
}

@media screen and (max-width: 500px) {
    .rightBackMenuList a, .leftBackMenu a {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }    
}
/*@media screen and (max-width: 510px) {
    .langList {
        margin-right: 20px;
    }    
}
@media screen and (max-width: 370px) {
    .langList {
        margin-right: 10px;
    }  
}*/
@media screen and (max-width: 1250px) {
    .brandBrief {
        width: 45%;
    }    
}
@media screen and (max-width: 1250px) {
    .brandBrief {
        width: 45%;
        margin-top: 80px;
    }    
    .h1Brand {
        font-size: 70px;
    }
    .topLayer2 {                       
        padding-top: 180px !important;
    }
}
@media screen and (max-width: 870px) {
    .brandBrief {
        width: 50%;
        margin-top: 50px; 
        font-size: 16px;
        line-height: 24px;
        margin-left: calc(40% + 20px);
        
    }    
    .h1Brand {
        font-size: 46px;
        line-height: 50px;
        margin-left: calc(40% + 20px);
    }
    .h1Brand span {   
        right: calc(100% + 30px);
    }
    .topLayer2 {
        padding-top: 120px !important;
    }  
    .topLayer2:before {
        width: 60%;
    }      
}
@media screen and (max-width: 420px) {
    .h1Brand {
        font-size: 38px;
        line-height: 50px;
        margin-left: calc(40% + 20px);
    }        
}
@media screen and (max-width: 400px) {
    .brandBrief {       
        font-size: 14px;
        line-height: 20px;
        
    }        
}
@media screen and (max-width: 700px) {
    .brandTopContenBrief {
        font-size: 16px;
        line-height: 24px;
    } 
    .brandMainContentItem div:nth-child(1) {
        font-size: 16px;
        line-height: 24px;        
    }   
    .brandMainContentItem {
        padding-bottom: 20px;
    }  
    .brandInfoLayer {
        font-size: 16px;
        line-height: 24px; 
        padding: 30px 0px;        
    } 
    .brandInfo {      
        padding: 30px 0px;        
    } 
}

@media screen and (max-width: 600px) {
    .brandMainContentItem {
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }
    .brandMainContent:before {
        width: 100%;
    } 
    .brandMainContentItem div {
        width: 100% !important;
    } 
    .brandMainContentItem div:nth-child(1) {
        padding: 30px;       
    }
    .brandMainContentItem div:nth-child(2) {
        background: #fff;
        padding: 30px;       
    }
}


@media screen and (max-width: 500px) {
    .brandTopContenH2 { 
        font-size: 30px;
        line-height: 64px;
        margin-left: 10px;
        padding-left: 20px;
    }
}
@media screen and (max-width: 700px) {
    
    .brandContactBrief { 
        font-size: 16px;
        line-height: 24px;             
    }
}

@media screen and (max-width: 750px) {
    .footerCenter {
        display: none;
    }    
}
@media screen and (max-width: 450px) {
    .footerLayer>div {
        width: 100%;
        text-align: center;
    } 
    .footerLogo {
        margin: 15px 0px 0px;
    } 
    .footerRight {
        margin: 15px 0px;
    }   
    .callbackForm input[type=text]{
        width: 100%;
        margin-bottom: 12px;
    }
    .callbackForm textarea{
        margin: 0px;
    }                   
    .callbackForm label, .callbackForm .callBackPolicy {
        margin-left: 10px;
        margin-top: 20px; 
    }
}
@media screen and (max-width: 960px) {
    .topLayer {
        padding-top: 140px !important;        
    }   
       
    .h1Contact {
        font-size: 70px;
    } 
    .contactBrief {
        font-size: 16px;
        line-height: 172.4%;
        
    }
    .contactTableRowBrief {
        font-size: 16px;
    }
}

@media screen and (max-width: 800px) {
    .contactTable {
        flex-direction: column;
    }    
    .contactTableRow {
        width: 100%;
        max-width: 450px;
    }
    .contactBriefLayer:after { 
        background: url(../img/contact.svg) no-repeat 35% 0px;
        top: auto;
        bottom: -80px;
    }
}
@media screen and (max-width: 650px) {
    .contactBriefLayer {
        margin-top: -90px;
    }
}
@media screen and (max-width: 400px) {
        
    .contactTableRowBrief {
        font-size: 14px;
    }
    .h1Contact {
        font-size: 54px;
    }
    .contactBrief {
        font-size: 14px;
    }  
}

@media screen and (max-width: 1500px) {
    .woodCatalogItemBriefLayer {
        max-width: 70%;
    }        
}
@media screen and (max-width: 1300px) {
    .woodCatalogItem {
        margin-left: 10%;
        margin-bottom: 48px;
    }
    
    .woodCatalogItem {
        align-items: center;
    }
    
    .woodCatalogItemBrief {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .woodCatalogItemBriefLayer {
        max-width: 60%;   
        margin: auto;
        margin-left: calc(10% + 320px);
        padding: 0px; 
        
    } 
    .woodCatalogItemImage {
        transform: translate(-20px, 0px);
    }    
    .woodCatalogItemLogo {
        padding-top: 0px;
    }
}
@media screen and (max-width: 1150px) {
    .woodCatalogItemBriefLayer {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
    }  
    
    .h1Wood {  
        font-size: 53px;
        line-height: 100%;    
    }
    .woodBrief {
        font-size: 18px;
    }
}

@media screen and (max-width: 900px) {
    .woodCatalogItem {
        margin-left: 0px;
        width: 100%;
        max-width: 100%;
    }    
    .woodCatalogItemLogo {
        width: 41%;
        z-index: 0;
    }
    .woodCatalogItemImage {
        width: 55%;
    }
    .woodCatalogItemBrief {
        background: rgb(255 255 255 / 85%);    
    }
    .woodCatalogItemBriefLayer {
        max-width: 80%;
        margin-left: 10%;
    }
    
    .h1Wood {
        font-size: 40px;
        margin-left: calc(41% + 5px);
    }
    .h1Wood span {   
        right: calc(100% + 10px);
    }
    .woodBrief {
        font-size: 16px;    
        max-width: 50%;
        margin-left: calc(41% + 15px);      
    }
    .topLayer {
        padding-top: 120px !important;
        margin-bottom: 50px !important;
    }
}

@media screen and (max-width: 650px) {  
    .woodCatalogItemLayer {
        min-height: 250px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; 
        flex-wrap: wrap; 
    }  
    .woodCatalogItem {
        margin-bottom: 0px;
    } 
    .topLayer {
        margin-bottom: 100px !important;
    } 
    .woodCatalogItemLogo img {
        max-width: 80%;
    }
    
    .h1Wood {
        font-size: 32px;
    }
    .woodBrief {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {      
    .woodCatalogItemLayer {
        min-height: 350px;    
    }
    .woodCatalogItemImage {
        width: 100%;   
        transform: translate(0px, 0px); 
    }
    .woodCatalogItem {
        justify-content: flex-end;
    }
    .woodCatalogItemLogo {
        width: 60%;
    }
}

@media screen and (max-width: 1400px) {     
    .topExportLayer:after {
        background: url(../img/exportMap.svg) no-repeat 460px -100px;      
    }      
    .topExportLayerLoad:after {
        background: url(../img/exportMap.svg) no-repeat 400px -100px;
        opacity: 1;
    }    
}  
@media screen and (max-width: 1150px) {     
    .topExportLayer:after {
        background: url(../img/exportMap.svg) no-repeat 310px -100px;      
    }      
    .topExportLayerLoad:after {
        background: url(../img/exportMap.svg) no-repeat 250px -100px;
        opacity: 1;
    }    
}
@media screen and (max-width: 900px) { 
    .topExportLayer {        
        padding: 120px 0px 250px;   
    }    
    .topLayerTitle {
        font-size: 70px;
        max-width: 600px;  
    }
    .topExportLayer:after {
        background: url(../img/exportMap.svg) no-repeat 220px -100px;
        background-size: 1450px;    
    }  
    .topExportLayerLoad:after {                                       
        background: url(../img/exportMap.svg) no-repeat 180px -100px;
        opacity: 1;
        background-size: 1450px;    
    }    
}
@media screen and (max-width: 650px) { 
    .contentExportBrief {
        font-size: 16px;
    }   
    .topLayerTitle {
        font-size: 55px; 
    }
    .topExportLayer:after {
        background: url(../img/exportMap.svg) no-repeat -20px -20px;   
        background-size: 1170px;
    }
    .topExportLayerLoad:after {
        background: url(../img/exportMap.svg) no-repeat -30px -20px;
        opacity: 1;
        background-size: 1170px;
    }
    .contentExportBrief li {
        padding-left: 30px;
    }
    .contentExportBrief li:after {
        top: 26px;  
        width: 5010px;
    }
}

@media screen and (max-width: 1100px) { 
    .builderInfo {
        width: 43%;
    } 
    .builderForm {
        width: 48.5%;
    }   
}

@media screen and (max-width: 950px) {
    .builderList {
        align-items: flex-start;
    }
    .builderInfo {
        font-size: 15px;
        width: 28%;
    }    
    
    .builderLayer:before {
        width: 33%;    
    }
    .builderTitle {     
        margin-left: calc(32% + 20px);    
    }
    .builderForm {
        width: 63%;
    } 
    .builderSend {
        margin-top: 40px;
    } 
}
@media screen and (max-width: 850px) {                
    .builderInfo {
        font-size: 16px;
        width: 28%;
    } 
    .builderTitle {
        font-size: 46px;
    }   
    .callbackForm label, .callbackForm .callBackPolicy {
        width: 100%;        
    }  
    .callbackForm .callBackPolicy {
        padding-left: 25px;
    }
}
@media screen and (max-width: 700px) { 
    .builderLayer:before {
        width: 50%;
        height: 170px;    
    }
    .builderTitle {     
        margin-left: calc(50% + 20px);    
    } 
    .builderTitle span {
        right: calc(100% + 40px);
    }
    .builderList {
        flex-direction: column;
    } 
    .builderInfo {
        color: #000;
        width: 100%;      
        color: #2E2E2E;
        font-size: 18px;
        margin: 40px 0px 60px;
        
    }
    .builderForm {
        width: 100%;
        max-width: 450px;
        margin: auto;
    }
}
@media screen and (max-width: 600px) { 
    .builderInfo {
        font-size: 16px;
        font-weight: 400;
    }    
    .builderTitle {
        font-size: 34px;
        line-height: 70px;
    }     
    .builderLayer:before {
        height: 110px;
    }
}
@media screen and (max-width: 650px) { 
    .exportShopTitle {
        font-size: 48px;
    }   
    .exportShopBrief {
        font-size: 16px;
        font-weight: 400;    
    }   
    .exportShopItemBrief {
        font-size: 16px;
        font-weight: 400;    
    } 
}
@media screen and (max-width: 650px) { 
    .exportShopItem {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }    
    .exportShopTitle {
        line-height: 100%;
        margin-bottom: 30px;
    }
    .exportShopBg:before {
        top: -139px;
    }
    .exportShopLayer:after {
        top: 120px;
    }
}


@media screen and (max-width: 1420px) { 
    .galleryLeft, .galleryRight {
        width: 250px;
    }
}

@media screen and (max-width: 1260px) { 
    .galleryLeft, .galleryRight {
        width: 180px;
    }
}
@media screen and (max-width: 1080px) { 
    .galleryLeft, .galleryRight {
        width: 80px;
    }
}   
@media screen and (max-width: 670px) { 
    .galleryLeft, .galleryRight {
        width: 50px;
    }
    .galleryItem {
        font-size: 26px;
    }
}
@media screen and (max-width: 960px) { 
    .h1Product {
        font-size: 70px;   
    }     
}
@media screen and (max-width: 400px) { 
    .h1Product {
        font-size: 50px;
        margin-bottom: 20px; 
    }     
    
    body .topLayerProduct {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 550px) { 
    .gallery {
        height: 265px;
    }    
    .galleryItem {
        line-height: 26px;
    }
    .galleryItem img {
        margin: 45px auto 35px;
    }
}

@media screen and (max-width: 1100px) {  
    .productManItem {
        width: calc(50% - 10px); 
    }    
    .productSubCatItem {
        width: calc(30%);
        margin: 0px 0px 20px;
    }
}

@media screen and (max-width: 900px) {  
    .productManItem {
        padding: 20px 25px;
    }             
    .productSubCatItem {  
        font-size: 16px;
    }
    .productSubCatList {
        margin-bottom: 20px;
    } 
}
@media screen and (max-width: 700px) {  
    .productManItemBrief {
        font-size: 16px;
    }    
}
@media screen and (max-width: 550px) {  
    .productManItemBrief {
        font-size: 14px;
    }  
    .productManItem {
        width: calc(100% - 10px); 
        max-width: 350px;
    }  
    .productManItemTitle {
        min-height: auto;
    }  
    .productManItemImg {
        height: 80px;     
    }
}

@media screen and (max-width: 700px) {  
    .productManItem {
        padding: 20px 25px;
    }             
    .productSubCatItem {
        width: calc(50%);
        margin: 0px 0px 20px;   
    }
}

@media screen and (max-width: 450px) {  
    .productSubCatItem {
        width: calc(100%);
        margin: 0px 0px 10px;
    }
    .productSubCatList {
        margin-bottom: 20px;
    }    
}


@media screen and (max-width: 1550px) {  
    .mainTop:after {
        width: 1000px;
    }
    .mainTopH1, .mainTopSlogan, .mainTopButton {
        transform: translate(130px, 0px);
    }
}

@media screen and (max-width: 1350px) {  
    .mainTop:after {
        width: 800px;
    }
    .mainTopH1, .mainTopSlogan, .mainTopButton {
        transform: translate(330px, 0px);
    }   
    .mainTop {
        overflow: hidden;
    }     
    .mainTopShip {        
        right: -100px;   
    }
}
@media screen and (max-width: 1150px) {  
    .mainTop:after {
        width: 600px;
    }
    .mainTopH1, .mainTopSlogan, .mainTopButton {
        transform: translate(530px, 0px);
    }   
    .mainTop {
        overflow: hidden;
    }     
    .mainTopShip {        
        right: -300px;   
    }
}
@media screen and (max-width: 950px) {  
    .mainTopSlogan {
        margin-top: 140px;
        font-size: 28px;
        line-height: 150%;
        margin-right: 560px; 
        padding-right: 50px;
    }
    .mainTopH1 {
        font-size: 159px;
        margin-right: 210px;
    }
    .mainTopButton {
        width: 219px;
        margin-right: 652px;
    }
    .mainTopShip {
        width: 660px;
        right: -250px;
    }
    
    
    .mainTop:after {
        width: 408px;
    }
    .mainTopH1, .mainTopSlogan, .mainTopButton {
        transform: translate(200px, 0px);
    }   
    .mainTop {
        overflow: hidden;
    }    
}

@media screen and (max-width: 750px) {  
    .mainTop {
        padding-bottom: 120px;
    }
    .mainTopH1 {
        font-size: 111px;
        float: left;
        margin-left: 30px;
        margin-right: 0px;
        line-height: 130px;
    
    }  
    .mainTopH1, .mainTopSlogan, .mainTopButton {
        transform: translate(0px, 0px);
    } 
    .mainTop:after {
        width: calc(100% - 214px);
    } 
    .mainTopSlogan {
        font-size: 18px;
        float: left;
        margin-left: 30px;
        margin-right: 0px;
        width: 180px;
        font-weight: 500;
        padding-right: 0px;
    }
    .mainTopButton {
        margin: 0px;
        float: left;
        margin-left: 30px;
        display: none;
    }   
    .mainTopShip {
        width: 60%;
        right: 0px;
    }
    .blurBg {
        width: calc(100% - 214px);
    }
}

@media screen and (max-width: 600px) {  
    .mainTopShip {
        width: 500px;
        right: -200px;
        top: -100px;
    }
}
@media screen and (max-width: 520px) {  
    
    .mainTopH1 {
        font-size: 77px;
        float: left;
        margin-left: 30px;
        margin-right: 0px;
        line-height: 130px;
    
    }  
    .mainTop:after {
        width: calc(100% - 158px);
    }    
    
    .blurBg {
        width: calc(100% - 158px);
    }
    .mainTopShip {
        width: 500px;
        right: -210px;
        top: -150px;
    }
    .mainTop {
        padding-bottom: 50px;
    }
    .mainTopSlogan {
        font-size: 15px;
        float: left;
        margin-left: 30px;
        margin-right: 0px;
        width: 120px;
        font-weight: 500;
    }
}

@media screen and (max-width: 450px) {  
    .mainTopShip {
        width: 500px;
        right: -230px;
        top: -230px;
    }
    .mainTop {
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 1780px) {  
    .mainMapImg {    
        background-position: 69px 0px;
    }    
}
@media screen and (max-width: 1430px) {  
    .mainMapImg {
        background-position: -111px 0px;
    } 
}
@media screen and (max-width: 1220px) {  
    .mainAboutRight {
        margin-right: 0px;    
    } 

}
@media screen and (max-width: 900px) {  
    .mainAboutLeft {
        width: calc(100% - 280px);
    }    
    .mainAboutBrief {
        font-size: 16px;
    }
    .mainAboutTitle {
        line-height: 120%;
    }
    .mainAboutLayer {
        margin: -570px auto 0px;
    }
    
    .mainMapBrief  {
        max-width: 680px;
        margin: 0px 30px 0px;
    }
    
    .mainMapBrief div {
        width: 80%;
    }
    .mainMapImg {
        top: -320px;
    }
    .mainMapTitle {
        margin-top: 50px;
    }
}
@media screen and (max-width: 600px) {  
    .mainAboutLayer {
        flex-direction: column;
    }    
    .mainAboutLeft {
        width: 100%;
    }   
    .mainAboutRight {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .mainAboutRightItem {
        width: 30%;
    }
    .mainAboutRightItem div {
        font-size: 21px;
        line-height: 120%;
    }
    
    .mainMapBrief  {
        font-size: 18px;
    }
}

@media screen and (max-width: 500px) {    
    .mainAboutRightItem {
        width: 45%;
    }  
    
}
@media screen and (max-width: 420px) {  
    .mainAboutLayer {
        margin: -700px auto 0px;
    }  
}
@media screen and (max-width: 370px) {    
    .mainAboutRightItem {
        width: 100%;
        text-align: center;
    }   
}
@media screen and (max-width: 750px) {  
    .mainCenterItem {
        padding-left: 160px;  
    }    
    .mainCenterTitle {
        font-size: 60px;
        margin-top: 80px;
    }
}

@media screen and (max-width: 580px) { 
    .mainCenterItem {
        padding-left: 0px;
        padding-top: 120px;
    }    
    
    .mainCenterItem:after {
        right: 0px;   
        bottom: auto;
        top: -30px; 
    }
    .mainCenterItem>div {
        text-align: center;
    }
}
@media screen and (max-width: 450px) {      
    .mainCenterTitle {
        font-size: 50px;
        margin-top: 80px;
    }   
    .mainCenterItem>span {  
        font-size: 14px;
        line-height: 120%;
    }          
}


@media screen and (max-width: 1150px) {  
    .mainBottomLeft {
        padding-left: 50px;
        padding-right: 50px;
    }    
    .mainBottomRight {
        padding-right: 50px;
        padding-left: 50px;
    }
    .mainBottomLayer>div {
        width: 50%;
    }
}
@media screen and (max-width: 750px) {  
    .mainBottomLeftBrief, .mainBottomRightBrief {
        font-size: 14px;
    }    
    .mainBottomLeftTitle, .mainBottomRightTitle {
        font-size: 30px;
    }   
    .mainBottomLeftButton, .mainBottomRightButton {
        max-width: 100%;
        margin-top: 50px;
    } 
    
}
@media screen and (max-width: 600px) {
      
    .mainBottomLayer>div {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
    }  
}
@media screen and (max-width: 550px) {
    .callbackForm label, .callbackForm .callBackPolicy {
        width: 100%;
    }
}

 
@media screen and (min-width: 2000px) { 
    .mainMapImg {
        background-position: 780px 0px;
    }
    .mainTop:after {
        width: var(--map4k);
    }
    .mainTop {
        --map4k: 1130px;    
    }
    
} 
@media screen and (min-width: 2350px) { 
    .mainMapImg {
        background-position: 200% 0px;
    }
} 
@media screen and (min-width: 2500px) { 
    .mainMapImg {
        background-position: 150% 0px;
    }
} 
@media screen and (min-width: 2700px) { 
    .mainMapImg {
        background-position: 120% 0px;
    }
}
@media screen and (min-width: 3100px) { 
    .mainMapImg {
        background-position: 100% 0px;
    }
}
@media screen and (min-width: 3800px) { 
    .mainMapImg {
        background-position: 80% 0px;
    }
}

@media screen and (min-width: 1930px) { 
    .topExportLayerLoad:after {
        background: url(../img/exportMap.svg) no-repeat 770px -100px;
        opacity: 1;
    }    
}
@media screen and (min-width: 2300px) { 
    .topExportLayerLoad:after {
        background: url(../img/exportMap.svg) no-repeat 120% -100px;
        opacity: 1;
    }    
}                                       
@media screen and (min-width: 3200px) { 
    .topExportLayerLoad:after {
        background: url(../img/exportMap.svg) no-repeat 90% -100px;
        opacity: 1;
    }    
}
@media screen and (max-width: 700px) { 
    .brandContactH2 {
        font-size: 28px;
    } 
    .brandContactH2:before {
        left: -5025px;
    } 
    .brandContactH2:after {
        right: -5025px;
    } 
    .mainBottomLayer {
        margin-bottom: 80px;
    }
}