@media(max-width:1399px){
.font-size-64 {font-size: 54px;}
.arch .arch-big {width: 370px; height: 470px;}
.arch .arch-small {right: 40px; width: 320px; height: 360px;}
.project-item .project-img {height: 400px;}
}


@media(max-width:1199px){
.font-size-50 {font-size: 40px;}	
.font-size-40 {font-size: 30px;}
.interior__number {font-size: 150px; min-width: 178px;}
.interior__number_box {padding-right: 10px;}
.arch .arch-top {margin-bottom: 40px;}
.arch .arch-big {width: 340px; height: 400px; margin-left: 2vw; margin-right: 6vw;}
.arch .arch-small {right: 20px; width: 280px; height: 300px;}
.project-item .project-img {height: 340px;}
}


@media(max-width:991px){
.logo img {max-width: 40px;}   
.font-size-64 {font-size: 44px;}
.font-size-36 {font-size: 30px;}
.font-size-22 {font-size: 18px;}
.font-size-20 {font-size: 18px;}
.font-size-18 {font-size: 16px;}

.pattern{ display:none; }
.menu-desktop{display:none !important;}
.menu-icon{display:block;}
.banner{padding:30px 0; text-align:center;}
.footer{text-align:center; padding: 30px 0px;} 
.navbar {padding-top: 6px;}
.offcanvas {width: 290px !important;}
.leaf-img {top: 0px; left: 100px; width: 140px;}
.interior,.arch {padding: 60px 0;}
.arch .arch-big {width: 230px; height: 310px; margin-left: 1vw;	margin-right: 3vw;}
.arch .arch-small {right: 3px; width: 210px; height: 240px;}
.arch .arch-box {margin-bottom: 20px;}
.arch .arch-top {margin-bottom: 20px;}
.contact-section {padding-top: 60px; padding-bottom: 30px;}

}

@media(max-width:767px){
.font-size-64 {font-size: 34px;}
.font-size-50 {font-size: 32px;}
.font-size-40 {font-size: 26px;}
.font-size-28 {font-size: 24px;}
.font-size-22 {font-size: 16px;}
.font-size-18 {font-size: 15px;}
.sign-row {gap: 20px;}
.sign-img {width: 140px;}
.banner {padding: 20px 0 40px;}
.leaf-img {left: 80px;}
.vertical-line {height: 54px;}
.interior__number {font-size: 90px;	min-width: 98px;}
.interior__number_box {padding-right: 0;}
.interior__exp-wrap {gap: 20px; margin-top: 35px;}
.about-hero {height: 35vh;}
.interior, .arch {padding: 40px 0;}

.arch .arch-big {width: auto; height: 92vw; margin-left: 0; margin-right: 8vw;}
.arch .arch-small {right: 0px; width: 61vw; height: 70vw;}
.about-hero {height: 34vh;}
.project-item .project-img {height: 280px;}
.contact-us-box,.contact-us-form {padding: 30px;}
.contact-section {padding-top: 40px; padding-bottom: 10px;}
}


@media(max-width:575px){
.sign-row{justify-content:center;}
.banner {padding: 18px 0 38px;}
.leaf-img {width: 100px;}
.sign-row {gap: 10px;}
.sign-row .font-size-18 {font-size: 14px;}
.arch .arch-box i {margin-bottom: 0;}
.project-item .project-img {height: 350px;}
}

@media(max-width:479px){
.project-item .project-img {height: 320px;}
.contact-us-box, .contact-us-form {padding: 22px;}
}