@media only screen and (max-width:1650px){
.slogan{width:360px}
.formHolder{width:400px}
.mainPage{width:calc(100% - 400px)}
.formInner{width:250px;gap:10px}
.formLogo{width:150px}
.formTitle{font-size:22px;line-height:28px}
.formContact>ul{gap:10px}
textarea.form-text{height:80px}
.titleStyle>strong{font-size:32px}
.titleStyle.lineStyle{margin-bottom:40px}
.titleStyle.lineStyle::before{bottom:-10px}
.aboutContent .text{gap:10px}
.aboutContent .text>p{font-size:14px}
.contentList>li>.text>strong{font-size:22px;line-height:33px;margin-bottom:14px}
.contentList>li>.text>p{font-size:12px;line-height:22px}
.p4 ul>li>.icon{width:100px;height:100px;padding:30px}
.p4 ul>li>.text{gap:10px}
.p4 ul>li>.text>strong{font-size:18px}
.p4 ul>li>.text>span{font-size:14px}
.p4 ul{gap:10px;margin-bottom:50px}
.p4 ul>li{width:calc(25% - 8px);gap:10px}
.p5{margin-top:40px}
.gallery{margin-top:10px}
.gallery .item{height:350px}
.gallerySm{width:35%}
.galleryLg{width:calc(100% - 35% - 14px)}
.owl-dots{margin-top:30px}
.p6{margin-top:40px}
.titleStyle>span{line-height:19px}
.floorPlanHead .title>strong{font-size:24px;line-height:30px}
.floorPlanHead .title>span{font-size:18px;line-height:22px}
.floorPlanHead{padding-left:50px}
.floorPlanMt{margin-top:80px}
.floorPlanBg1{margin-bottom:20px}
.copyright{margin-top:50px;font-size:14px;padding:20px}
.floorPlanRow{margin-top:40px}
}
@media only screen and (max-width:1150px){
.formHolder{width:340px}
.formInner{width:210px}
.form-text{height:33px}
.mainPage{width:calc(100% - 340px)}
.aboutContent{padding-block:40px}
.contentList>li>.bg{width:100%}
.contentList>li>.text{width:100%}
.contentList>li:nth-child(odd) .text{text-align:left}
.contentList{gap:0}
.p4{margin-top:40px}
.titleStyle>strong{font-size:28px}
.p4 ul>li>.text>strong{font-size:16px}
.p4 ul>li{width:calc(50% - 5px)}
.owl-dots{margin-top:20px;gap:10px}
.copyright{font-size:12px;padding:14px}
}
@media only screen and (max-width:900px){
.mainPage{width:100%}
.formHolder{position:relative;height:auto;padding:32px;width:100%}
.p1{height:570px}
.zoomIcon{opacity:1;width:50px}
.floorPlanBg2::before{opacity:1}
}
@media only screen and (max-width:700px){
.slogan{width:280px}
.p1{height:470px}
.formInner{width:250px}
.titleStyle>strong{font-size:26px}
.titleStyle.lineStyle{margin-bottom:20px}
.contentList>li>.text{padding:30px}
.contentList>li>.text>strong{font-size:20px;line-height:28px}
.p4 ul>li>.text>strong{font-size:15px}
.p4 ul>li>.text>span{font-size:12px;line-height:20px}
.p4 ul>li>.icon{width:80px;height:80px;padding:23px}
.floorPlanHead{padding-left:0;display:flex;justify-content:center}
.floorPlanHead .title{padding:10px 30px;text-align:center}
.floorPlanHead .title>strong{font-size:22px}
.floorPlanHead .title>span{font-size:16px}
.floorPlanRow{margin-top:20px}
.galleryLg{width:100%}
.gallerySm{width:100%;height:170px}
.gallery .item{height:auto;gap:8px}
.galleryLg>ul>li>a{height:120px}
.galleryLg>ul>li:first-child{width:55%}
.galleryLg>ul>li{width:calc(45% - 8px)}
.galleryLg>ul>li:last-child{width:55%}
.galleryLg>ul{gap:8px}
.owl-dots>.owl-dot{width:12px;height:12px}
}