/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
.home-banner, .section1 {  height:670px;}

.section1 video {  width: auto;  height: 670px;}

.home-banner {padding-top:10%;}

.home-banner h1 {font-size:48px; margin:0px 0px 0px 0px; display:inline-block; }

.rera-approved-icon {  margin-top: 10px;}

.home-banner span {  margin: 10px 0px;}

.banner-icon-box img {  margin: 10px 0px;}

.popup-content {  margin-top: 6%;}

.home-banner {    padding-top: 13%;  }

#banner-form {  margin-left: -50px;}

#mixedSlider2 {width:1200px;}

.section1 video {    height: auto;  width: 100%;  }

}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
#mixedSlider, #mixedSlider2 {width:1130px;}	
	
.testimonial-box p {height:300px;}	
	
.top-navigation a {  margin-right: 16px;}
	
}




/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	
.responsive-menu-icon {display: block;}
	
#mixedSlider, #mixedSlider2 {width:840px;}		
	
header.darker .top-navigation {  margin-top: 0px;}
	
.top-navigation {display:none;}

.top-navigation-mobile {display:none; position:fixed; left:0px; top:65px; margin:0px; float:none; width:100%; background-color: #125634; border-top:1px solid #2c7e55}

.top-navigation-mobile a {display:block; width:100%; padding:10px; border:0px; border-bottom:1px solid #2c7e55; color:#fff; font-weight:400; }

.top-navigation-mobile a:hover {background-color:#093720;}

header.darker .logo img, .logo img {  width: 100px;}	

.phone, header.darker .phone {  margin: 10px 35px 0px 0px;}

.logo, header.darker .logo {  margin-bottom: 5px;}

.btn.active {border-bottom:1px solid #2c7e55;}

.home-banner h1 {   font-size: 36px;  }

.banner-icon-box {  width: 180px; padding-top:10px; height:160px; font-size:13px;}

#banner-form {  margin-left: -50px;}

.home-banner, .section1 {  height:550px;}

.section1 video {  width: auto;  height: 550px;}


h2 {  font-size: 36px;}

footer .col-1-of-3 {width:100%; border:1px solid #2c7e55; padding:20px; margin-bottom:20px;}

footer {  padding: 40px 0px 0px 0px;}

.copyright {margin-top:15px;}

footer h5::after {  margin-bottom: 20px;}

.faq {  padding: 40px 0px 60px 0px;}

.testimonial-box p {    height: 200px;  }

.two-column { padding: 40px 0px 60px 0px;}

.brand  .col-1-of-2, .two-column .col-1-of-2 {width:100%;}

.brand  .col-1-of-2 img {margin-bottom:50px; }

.overview .float-right  {display:none;}

.key-features span {  width: 100%;}

.overview {  padding: 40px 0px;}

.overview h2 { text-align:center;}

.overview img {display:block; margin:auto;}

.unitplan-box span h3 {  font-size: 28px;}

.showcase {  width: 50%;}

.video-gallery .col-1-of-2 {margin-bottom:40px;}

.video-gallery {  padding: 60px 0px 10px 0px;}

.video-box a img {  margin-top: 18%;}

.location-image {display:block; margin:auto; margin-bottom:50px;}

.location-lens {  top: 74%;  right: 23%;}

	
}




/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

	
#mixedSlider, #mixedSlider2 {width:660px;}		

.testimonial-box p {height:300px;}

.news .col-1-of-3 {width:100%;}

.news-box span {margin-top:0px; margin-bottom:40px;}

.video-gallery .col-1-of-2, .unitplan .col-1-of-2 {width:100%;}

.pdf-button {margin-top:0px; margin-bottom:40px;}
	
.unitplan {  padding: 60px 0px 10px 0px;}	

.news {padding-bottom:0px;}

.location-lens {    right: 17%;  }

.copyright {  font-size: 11px;  letter-spacing: 1px;}

.accordion {  padding: 13px;}

.home-banner, .section1 {  height:900px;}

.section1 video {  width: auto;  height: 900px;}

#banner-form {    margin-left: 0px; width:77.5%;  }

.phone, header.darker .phone {    margin: 10px 52px 0px 0px;  }

.video-box a img {    margin-top: 22%;  }

.unitplan-box span {min-height:auto;}
	
}





/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
	
#mixedSlider, #mixedSlider2 {width:500px; margin:auto;}		

.home-banner, .section1 {  height:850px;}

.section1 video {  width: auto;  height: 850px;}

#mixedSlider .MS-controls .MS-left {    left: -30px;  }

#mixedSlider .MS-controls .MS-right {    right: -30px;  }

.download {  padding: 50px 0px 50px 0px;}

.location-lens {    right: 8%;  }

.home-banner h1 {    font-size: 32px;  }

.rera-approved-icon {    width: 70px;  }

.overview {    padding: 40px 0px 0px 0px; }


  

	
}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
	

#mixedSlider, #mixedSlider2 {width:400px; margin:auto;}		

.home-banner, .section1 {  height:800px;}

.section1 video {  width: auto;  height: 800px;}

.copyright {    font-size: 11px;    letter-spacing: 1px;    padding: 15px 93px;    line-height: 150%;  }

h2 {    font-size: 28px;  }

.faq {    padding: 30px 0px 30px 0px;  }

.video-box a img {    margin-top: 18%;  }

.location-image {    width: 100%;  }

.two-column {    padding: 40px 0px 30px 0px;  }

.unitplan {    padding: 40px 0px 0px 0px;  }

.home-banner h1 {    font-size: 26px; margin-top:20px;  }

.banner-icon-box {    width: 120px;    padding: 10px;    height: 140px;    font-size: 10px;  }

.banner-icon-box img {    margin: 10px 0px;   width: 50px;  }

.rera-approved-icon { margin-left:0px; width:60px;}

#banner-form {    margin-left: 0px;    width: 87.5%;  }
	
.key-features strong {  display: block;  width: auto;}	

.popup-content {    margin-top: 15%;  }
	
	
}




/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	
	
	
#mixedSlider, #mixedSlider2 {width:300px; margin:auto;}		

.home-banner, .section1 {  height:700px;}	

.section1 video {  width: auto;  height: 700px;}

header.darker, header { top:0px; left:0px; position:fixed;}

.phone, header.darker .phone {font-size:0px; padding:5px; margin-top:10px;}

header.darker .logo, .logo {margin-top:15px;}

.phone img {margin-right:0px;}

#banner-form {display:none;}

.pdf-button img {  width: 40px; }

.pdf-button {font-size:14px; line-height:40px; padding:10px;}

.unitplan-box span h3 {    font-size: 24px;  }

.unitplan-box span p {  font-size: 14px;}

.video-box a img {    margin-top: 18%;   width: 60px;  }

.testimonial-box p {font-size:16px;}

.qr-code {float:left; margin-bottom:10px;}

footer strong {  font-weight: 600;  display: block;  width: 100%;  clear: both;}	
	
.copyright {    font-size: 11px;    letter-spacing: 1px;    padding: 15px 30px;    line-height: 150%;  }

	
.accordion {    padding: 13px;    line-height: 130%;  }	

.advantages-listing li {padding:10px;}

.unitplan-box span p span {display:block; height:auto; border:0px; padding:0px; min-height:0px;}

#mixedSlider2 .MS-controls button img {width:30px; height:30px;}

#mixedSlider2 .MS-controls .MS-left {left:-20px;}

#mixedSlider2 .MS-controls .MS-right {right:-20px;}

#mixedSlider .MS-controls button img {width:30px; height:30px;}

#mixedSlider .MS-controls .MS-left {left:-20px;}

#mixedSlider .MS-controls .MS-right {right:-30px;}

.unitplan-box span h3 {    font-size: 20px;  }

.unitplan-box span {min-height:auto;}

.rera-approved-icon {float:none; display:block;}

.home-banner h1 {    font-size: 22px;    margin-top: 40px;  }

.home-banner span {    margin: 10px 0px;    font-size: 11px;  }

.home-banner span img {  float: left;  margin-right: 10px;  width: 20px;}

.banner-icon-box {    width: 260px;    padding: 10px;    height: 60px; margin-bottom:20px;    font-size: 13px; line-height:130%;  }

.banner-icon-box img {    margin: 0px 20px 0px 0px;    width: 40px;    float: left;  }


header {border:0px;}

.home-banner, .section1 {  height:600px;}

.section1 video {  width: auto;  height: 600px;}

.siteplan {padding:40px 0px;}

.popup-content {    margin-top: 20%; width:90%;  }
	
}