@media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (max-width: 1536px) {
.home-grouthWrap .home-grouthContainerwrap > img { height: 100%;}
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
}
 @media only screen and (max-width: 1200px) {
.home-grouthWrap .home-grouthInner { width: auto;}
.sectionlocationWrap .textBox .textBoxInner { padding: 30px 30px;}
.sectionlocationWrap .textBox .locationSlider { margin-top: 30px;}
h2 { font-size: 40px; line-height: 42px; margin-bottom: 20px;}
h3 { font-size: 20px; line-height: 22px;}
.sectionlocationWrap .textBox .locationSlider .locationSliderBox h3 { margin-bottom: 15px;}
.home-grouthWrap.connectivityWrap.marginBottom { margin-bottom: -1px;}
.footerBottom .footerBottominner .footerBottomBox ul li br{ display:none;}
.footerBottom .footerBottominner .footerBottomBox.middleBox ul li span{ display:none;}
.footerBottom .footerBottominner .footerBottomBox.middleBox ul li a { font-size: 24px; line-height: 32px; display: block;}
nav ul li a { font-size: 2.5rem; line-height: 2.5rem;}
.navigation .menuLogo img { width: 140px;}
.navigation .menucontactInfo .menucontactBox ul li a{ display:block;}
.navigation .menucontactInfo .menucontactBox .contactBox ul li span{ display:none;}
.amenetiesWrap .amenetiesBox .amenetiesInner { position: relative;	height: 100%;}
.amenetiesWrap .amenetiesBox .amenetiesimg { position: relative; height: 100%; overflow:hidden; width:100%;}
.amenetiesWrap .amenetiesBox .amenetiesimg img { width: auto; height: 100%; margin: 0;}
.amenetiesWrap .amenetiesBox .amenetiestext { width: 80%; left: 0; right: 0; margin: auto;}
}
 @media only screen and (min-width: 960px) {
   header .menuBtnWrap { min-width: 190px;}
}
 @media only screen and (max-width: 959px) {
.navigation.active .menuContact,.navigation .menuContact{ display: none;}
.navigation .mainMenu {	width: 100%; left: -101%;}
.navigation .mainMenu .menuClose{ display:inline-block;}
.menuClose span{ color:#111111;}
.bannerLogo img { width: 200px;}
.container_16 { width: 94%; margin-left: 3%; margin-right: 3%;}
h2 { font-size: 34px; line-height: 38px;}
.sectionlocationWrap { flex-direction: column; position: relative;}
.sectionlocationWrap .videoBox { width: 100%;}
.sectionlocationWrap .textBox { width: 100%;}
.sectionlocationWrap.reverceCol { flex-direction: column; }
.sectionlocationWrap .textBox .textBoxInner { padding: 40px 30px 60px 30px;}
.locationmapWrap .locationmapGroup {flex-direction: column;}
.locationmapWrap .locationmapGroup .locationmapLeft { width: 100%;}
.locationmapWrap .locationmapGroup .locationmapRight { width: 100%; padding-bottom: 50px;}
.locationmapWrap .locationmapGroup .locationmapLeft iframe { height: 450px;}
.accordion_container .accordion_head { font-size: 21px;	line-height: 26px;}
.locationmapWrap .locationmapGroup .locationmapRight { width: 94%; margin: 0 3%;}
.locationformWrap .locationformInner .formWrap { width: auto;}
.home-grouthWrap .home-grouthInner ul.slick-dots { margin-top: 15px;}
.home-grouthWrap .home-grouthInner ul.slick-dots li{ display:inline-block; width: 10px; height: 10px; background: #999999; border-radius: 20px; margin: 0 5px;}
.home-grouthWrap .home-grouthInner ul.slick-dots li.slick-active{ background: #ffffff;}
.home-grouthWrap .home-grouthInner ul.slick-dots li button{ opacity: 0;}
.infrastructureWrap .feature-section { display: block;}
.infrastructureWrap .feature-images, .infrastructureWrap .scroll-bar {display: none;}
.infrastructureWrap .text-item{ position: relative; opacity: 1; transform: none; margin-top: 30px;}
.infrastructureWrap .text-item img { display: block; width: 100%; border-radius: 15px;}
}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 753px) {
}
 @media only screen and (max-width: 736px) {
}
 @media only screen and (max-width: 711px) {
}
 @media only screen and (max-width: 640px) {
header .headerInner .callbtn a span{ display:none;}
header .headerInner .callbtn a img{ width:25px; display:inline-block;}
header .headerInner .callbtn a {padding:8px; background: transparent;}
header { background: #ffffff; opacity: 1;}
.bannerWrap { margin-top: 86px; min-height: 100px; height: 100%;}
header .menuBtnWrap .menuBtn span { display: none;}
.banner {height: 100%;}
.bannerWrap video { min-width: 100%; height: 100%; width: 100%; position: relative;}
.bannerLogo img { width: 150px;}
.infrastructureWrap .text-item .num { font-size: 34px; line-height: 36px; margin-bottom: 15px;}
.footerBottom .footerBottominner { flex-direction: column;}
.footerBottom .footerBottominner .footerBottomBox { width: 100%; text-align: center;}
.footerBottom .footerBottominner .footerBottomBox.middleBox { margin: 40px 0;}
footer { padding: 80px 0 60px 0;}
.amenetiesBottomWrap .amenetiesBottominner .textinfo { width: 100%; color: #000000; position: relative; left: 0; top: 0; transform: none; padding: 60px 3% 30px 3%;}
.amenetiesBottomWrap .amenetiesBottominner { position: relative; display: flex; flex-direction: column-reverse; background: #ffffff;} 
.amenetiesWrap { position: relative; height: auto;}
.amenetiesWrap .amenetiesBox { position: relative; position: -webkit-sticky; position: sticky; top: 0; height: auto; view-timeline-name: none; view-timeline-axis: unset;}
.amenetiesWrap .amenetiesBox { position: sticky; top: 50px; height: auto; view-timeline-name: none; view-timeline-axis: unset;}
.amenetiesWrap .amenetiesBox .amenetiesInner { position: relative; height: auto; background: #ffffff;}
.amenetiesWrap .amenetiesBox .amenetiesimg { position: relative; height: auto; overflow: hidden; width: 100%;}
.amenetiesWrap .amenetiesBox .amenetiesimg img { width: 100%; height: auto; margin: 0;}
.amenetiesWrap .amenetiesBox .amenetiestext { position: relative; text-align: left; width: 100%; top: 0; transform: none; color: #000000;    padding: 50px 3% 20px 3%;}
.amenetiesWrap .amenetiesBox .amenetiestext h2 { color: #000000;}
.amenetiesBottomWrap { margin-top: 0;}
.bannerWrap video { margin: 0 0 -9px 0;}
.home-grouthWrap { padding-top: 0; view-timeline-name:unset; view-timeline-axis: unset; min-height: 10px; height: 100%;}
.home-grouthWrap .home-grouthContainerwrap > img { width: 100%; will-change: unset; transform: scale3d(1, 1, 1); transform-style: unset;    animation: scallImg linear both; animation-timeline: unset; animation-range: unset;}
.home-grouthInner {	animation-range: entry 60% entry 95%;}
.home-grouthWrap { min-height: 100px; height: 100%; background: url(../images/sec2Bg.webp) no-repeat center / cover;}
.home-grouthWrap .home-grouthContainer {top: 0; transform: none;}
.home-grouthContainerwrap { height: 100%;}
.home-grouthWrap .home-grouthContainer { padding: 60px 0;}
.home-grouthWrap .home-grouthContainerwrap > img { display: none;}
.home-grouthWrap .home-grouthContainer { position: relative;}
.contactusWrap .contactusInner .contactusGroup { display: flex;flex-direction: column;}
.contactusWrap .contactusInner .contactusGroup .contactusLeft { width: 100%; padding: 60px 5%;}
.contactusWrap .contactusGroup .contactusRight { width: 100%; padding: 50px 3%;}
.footerTop .footerTopinner .footerToplogo img { height: 110px;}
.amenetiesSlider .slick-arrow { top:63%; transform: translateY(0); width: 40px; height: 40px;}
.floorplan-wrapper .floorplanInner ul li{width: 31%;}
.noblurfloorplan  .floorplan-wrapper .floorplanSlider{ width: 100%; margin: 0 auto;}
.floorplanSlider .slick-prev.slick-arrow{ left: 10px;}
.floorplanSlider .slick-next.slick-arrow{ right: 10px;}
}
 @media only screen and (max-width: 600px) {
}
 @media only screen and (max-width: 569px) {
}
 @media only screen and (max-width: 568px) {
h2 { font-size: 24px; line-height: 30px;}  
h3 { font-size: 18px; line-height: 20px;}
.footerTop .footerTopinner .footerToplogo img { height: 100px;}
.footerTop .footerTopinner .footerTopinfo { font-size: 15px;}
.footerBottom .footerBottominner { width: 80%; margin: 0 auto;}
.navigation .mainMenu nav {	padding: 40px 30px; text-align: center;}
nav ul li a { font-size: 2.3rem; line-height: 2.3rem;}
.locationformWrap .formWrap .inputBox {	width: 98%;}
.contactusWrap .contactusRight .formWrap .inputBox { position: relative; width: 98%;}
.contactusWrap { padding: 130px 0 20px 0;}
.bannerText { width: 80%; left: 0; right: 0; margin: 0 auto;}
}
 @media only screen and (max-width: 533px) {
}
 @media only screen and (max-width: 480px) {
      .floorplan-wrapper .floorplanInner ul li{width: 48%;}
}
 @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) {
}