@media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
}
 @media only screen and (max-width: 1200px) {
.footerWrap { display: block;}
.footerWrap .footerBox.footerLogo { width: 30%; float: left;}
.footerWrap .footerBox.footerInfo { width: 70%; padding: 0 0 0 0; float: left;}
.footerWrap .footerBox.footerRight { width: 100%; clear: both; margin-top:30px; }
.clear.mobileOnly{ display: block;}
header .headerInner .logo a img { width: 100%;}
header .headerInner .navigation ul li a { font-size: 13px; padding: 10px 5px;}	 
.statsWrap .statsInner .statsBox .statsInfo { text-align: center; padding: 40px 10px;}
.statsWrap .statsInner .statsBox .statsInfo .num { font-size: 50px;	line-height: 52px;}	 
.projoverview .overviewInner .overviewHero { width: auto;}	
.floordetail .galleryHero {	width: 95%;}	 
.investmentWrap .investmentHero { width: 95%;}	 
.investmentWrap .investmentContent .investmentRight ul { display: block;}	 
.investmentWrap .investmentContent .investmentRight ul li { width: auto; margin: 0 0 20px 0;}
.projoffering .projofferinginner .surroundingsHero { width: auto;}	 
.locationoverview .neighbourhoodInner .neighbourhoodHero {	width: auto;}	 
.connectWrap .connectHero {	width: auto;}	 
.connectWrap .connectformWrap {	width: auto;}	
.projoverview .layoutWrap { position: relative; overflow: hidden;}
.projoverview .layoutWrap img.layoutplanBg { width: 120%;}
.projoverview .layoutWrap #svgmapview { width: 120%;}
.mainbanner .bannerformWrap .bannerformInner .inputBox .formError { font-size: 12px;}
}
 @media only screen and (max-width: 1024px) {
	 
}
 @media only screen and (max-width: 959px) {
header .headerInner .navigation { display: none;}	 
header .headerInner .logo { width: 50%; }
header .headerInner .logo a img { width: 200px;}
header .headerInner .Callnum {text-align: right; width: 50%;}
.mainbanner .banner .bannerSlider .bannerInfo h2 { font-size: 38px; line-height: 40px;}
.mainbanner .bannerformWrap { position: relative; padding: 40px 0; background: rgb(0 0 0 / 74%);}
.statsWrap { padding: 50px 0;}	 
.statsWrap .statsInner .statsBox .statsInfo .num { font-size: 36px;	line-height: 38px;}	 
.statsWrap .statsInner .statsBox .statsInfo .txt { font-size: 15px; line-height: 18px;}
h3 { font-size: 30px; line-height: 34px;}	 
.floordetail .floorplandetail .floorplan ul li { margin: 2px 0.15%;}
.matterWrap { display: block;}	 
.matterWrap .matterLeft { width: 100%;	padding: 50px 5% 50px 5%;}	 
.matterWrap .matterRight { width: auto;}	 
.projoverview { padding: 0 0 50px 0;}	 
.floordetail { padding: 0 0 50px 0;}	 	 
.investmentWrap .investmentContent { display: block;}	
.investmentWrap .investmentContent .investmentLeft { width: auto;}
.investmentWrap .investmentContent .investmentRight { width: 100%; padding: 30px 5% 50px 5%;}	 
.downloadWrap .downloadBox { left: 6%; width: 50%; padding: 30px;}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup .neighbourhoodInfo { width: 50%;}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup .neighbourhoodMap { width: 50%;}
.footercontactWrap .footerAdd { width: 25%;}
.footercontactWrap .reraWrap { width: 40%;}	 
.amenitiesWrap .amenitiesHero {	padding:50px 5% 120px 5%;}	 
.amenitiesWrap .amenitiesGallery.margintop { margin-top: -80px;}
.amenitiesWrap { padding: 0 0 50px 0;}	 
.investmentWrap { padding: 50px 0;}
.projoffering { padding: 50px 0;}
.locationoverview { margin: 0 0 50px 0;}
.connectWrap { padding: 50px 0;}	 
.investmentWrap .investmentHero{ margin-bottom:20px;}
.projoverview .layoutWrap img.layoutplanBg { width: 192%; margin-left: -66%; }
.projoverview .layoutWrap #svgmapview{ width: 192%; margin-left: -66%;}   
.layoutmapsection { position: relative; left: 0; top: 0; transform: translateY(0); width: 100%; max-width: 100%;}   
.whybluemoon .whybluemoondetail ul li { width: 48%;}
.whybluemoon .investmentsHero { width: auto;}
.mainbanner .bannerformWrap .bannerformInner .inputBox { float: none; width: auto; margin: 0 1% 23px 1%;}
.mainbanner .bannerformWrap .bannerformInner .inputSubmit { float: none; width: auto; margin: 40px 1% 0 1%;}
.floorplanWrap .floorplanInner { width: auto;} 
.enqfixedBtn{ display:block;}
.closeformBtn{ display:block;}
.bannerformWrap { position: fixed; left: 0; bottom: -100%; transition:0.5s; z-index: 9999999999;}
.bannerformWrap.active{ bottom:0; transition:0.5s;}
.bannerformWrap .bannerformInner .inputBox { width: 48%; margin: 0 1% 24px 1%;}
.bannerformWrap .bannerformInner .inputSubmit { width: 98%; margin: 0 1%;}
}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 753px) {
header .headerInner .Callnum a { color: #ffffff;}	 
header { background: rgba(0, 0, 0, 1);}	 
.mainbanner { margin-top: 76px;}	 
.mainbanner .bannerformWrap .bannerformInner .inputBox { float: none; width: auto; margin: 0 0 23px 0;}
.mainbanner .bannerformWrap .bannerformInner .inputSubmit { float: none; width: auto;}
.statsWrap .statsInner { display: block;}
.statsWrap .statsInner .statsBox { background: #eac6b7; width: auto; margin: 0 0 20px 0;}
.floordetail .floorplandetail .floorplan ul li { float: left; width: 49%;	margin: 2px 0.5%;}	 
.downloadWrap .downloadBox { position: relative; left: 0; width: 100%; padding: 30px; top: 0; transform: translateY(0); max-width: 100%; border-radius: 0;}
.downloadWrap img { width: 100%; display: none;}
.projoffering .projofferinginner .surroundingsGroup { display: block;}
.projoffering .projofferinginner .surroundingsGroup .offeringdetail { width: auto; margin: 0 0 20px 0;}	 
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup {	padding: 20px; display: block;}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup .neighbourhoodInfo { width: auto;}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup .neighbourhoodMap { width: auto; }
.connectWrap .connectformWrap .inputBox { position: relative; width: auto; margin: 0 0 30px 0; float: none;}
.footerWrap .footerBox.footerLogo { width: auto; float: none; text-align: center; margin-bottom: 20px} 	
.footerWrap .footerBox.footerInfo { width: auto; float: none; text-align: center;}	 
.footercontactWrap { text-align: center; display: block;}	
.footercontactWrap .footerAdd { width: auto; margin: 15px 0; }
.footercontactWrap .footercontact { width: auto; margin: 15px 0;}	
.footercontactWrap .reraWrap { width: 100%; align-items: center; justify-content: center;}	 
.copyRightwrap .footerSocial { text-align:center; width: auto; float: none;}	
.copyRightwrap .copyRight { width: auto; float: none; text-align:center;}
.copyRightwrap .footerSocial ul { float: none; margin-bottom: 15px;}	 
.copyRightwrap .footerSocial ul li { float: none; display: inline-block; margin: 0 3px;}	 
}
 @media only screen and (max-width: 736px) {
}
 @media only screen and (max-width: 711px) {
}
 @media only screen and (max-width: 640px) {
     .whybluemoon .whybluemoondetail ul li { width: 100%;}
}
 @media only screen and (max-width: 600px) {
.tab__item { padding: 10px 0; flex: 1; text-align: center;} 
.tab__content .tab__item { padding: 10px 10px;font-size: 14px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.tab .tab .tab__content { padding: 10px;}
.tab .tab .tab__content .tab__content-item .floorimages { display: block; align-items: center;}
.tab .tab .tab__content img.floorplan { width: 100%; margin-right: 0;}
.tab .tab .tab__content img.floorplantxt { width: 100%;}
}
 @media only screen and (max-width: 569px) {
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
.floordetail .floorplandetail .floorplan ul li { float: none; width: auto; margin: 10px 0;}	
.mainbanner {margin-top: 64px;}
header .headerInner .logo a img { width: 160px;}
header .headerInner .Callnum a{ font-size:17px;} 
.mainbanner .banner .bannerSlider .bannerInfo h2 { font-size: 24px; line-height: 30px;   top:120px}
.amenitiesWrap .amenitiesGallery h4 { margin-bottom: 40px;}
.bannerformWrap .bannerformInner .inputBox { width: 100%; margin: 0 0 24px 0;}
.bannerformWrap .bannerformInner .inputSubmit { width: 100%; margin: 0;}
}
 @media only screen and (max-width: 480px) {
   .projoverview .layoutWrap img.layoutplanBg { width: 258%; margin-left: -106%; }
.projoverview .layoutWrap #svgmapview{ width: 258%; margin-left: -106%; }
.mainbanner .banner .bannerSlider .bannerInfo { left: 5%; top: 5%; transform: translateY(0); text-align: center; width: 90%;}
.mainbanner .banner .bannerSlider img.desktopBanner{display:none;}
.mainbanner .banner .bannerSlider img.mobileBanner{ display:block; }
.mainbanner .banner .bannerSlider .bannerInfo h2 { font-size: 28px; line-height: 28px;  top:120px}   
header .headerInner .Callnum a { font-size: 15px;}
.footercontactWrap .reraWrap .mahareraNum { text-align: left;}
.footercontactWrap .footerAdd br{ display:none;}
.amenitiesGallery .slick-prev.slick-arrow { right: 60px;}
.amenitiesGallery .slick-next.slick-arrow { right: 10px;}
.amenitiesGallery.margintop .slick-prev.slick-arrow { right: 60px;}
.amenitiesGallery.margintop .slick-next.slick-arrow { right: 10px;}
.whybluemoon .whybluemoondetail ul li{ padding:20px;}
.whybluemoon .whybluemoondetail ul li .icon img { width: 70px;}
.mainbanner .banner .bannerSlider .bannerInfo .rera img { width: 210px;}   
}
 @media only screen and (max-width: 424px) {
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}