/*  1680px  */
@media all and (max-width: 1860px) {

.grid-1280 { width:1280px; }

.hanging-matka {  right: 0px;}

.project-name {margin:0px auto!important; }

#projects h2 {margin-bottom:20px; margin-top:10px;}


.gray h2 {margin-bottom:30px;}

.tab {   position:absolute; z-index:1; width:100%; left:0px; top:235px; text-align:center; background-color:rgb(255,255,255,0.8);}

.tab button {margin:10px 40px;}

#videos iframe {  margin: 7% 2% 60px 2%;  float: left;  height: 337px;}
	
#tour iframe {height: 337px; margin: 7% auto 0px auto;}	

#events .col-1-of-3 {width:28.33%; margin:0px 2.5%;}

#contact h2 {margin-bottom:10px; margin-top:10px;}




#about {padding:10% 0px; }

#philosophy {	 padding:12% 0px; }

#projects {	  padding:7% 0px; }

#gallery {   padding:3% 0px 0px 0px;  }

#events {	 padding:7% 0px 7% 0px; }

#contact { padding:7% 0px 0px 0px; }

.matka2 { margin-left:10%;}


#videos iframe {  margin: 60px 20px 20px 20px;  float: left;  height: 400px;}

#tour iframe  {  margin: 60px 20px 20px 20px;  height: 400px;}



}













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

.grid-1280 { width:1280px; }
	
.about-pic {  width: 500px;  float: right;  margin-top: 10px;}	

.hanging-matka {  right: 0px;}

.project-name {width:150px;}

#projects {  background-position: 50px bottom; height: 1050px;}

#about h2 {margin-bottom:20px;}

#products h2 {margin-bottom:10px;}

.bottom-nav {display:none;}

#videos iframe {  margin: 8% 2% 8% 2%;  float: left;  height: 320px;}
	
#tour iframe {height: 320px;   margin: 8% 2% 8% 2%;  }	

.tab {  top: 228px; }

#events .col-1-of-3 {width:33.33%; margin:0px;}

#contact  {padding-top:10%;}

#contact {  }

#gallery { position:relative;}

.tabcontent {  height: 545px;}

.hanging-matka {  width: 90px;}

.tabcontent {  height: auto;}

.matka2 { margin-left:6%;}

#project {padding-bottom:0px;}

#videos iframe {  margin: 60px 20px 20px 20px;  float: left;  height: 320px;}

#tour iframe  {  margin: 60px 20px 20px 20px;  height: 320px;}

.hero-image {max-width:500px; padding-top:10%;}

#products {padding: 7% 0px;}

}



/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
#projects {  background-position: 0px bottom;}
	
#videos iframe {  margin: 8% 2% 8% 2%;  float: left;  height: 320px;}
	
#tour iframe {height: 320px;   margin: 8% 2% 8% 2%;  }	

#events {	 padding:10% 0px 7% 0px; }	

.tab {  top: 225px;}
	
#videos iframe {  margin: 60px 20px 20px 20px;  float: left;  height: 320px;}

#tour iframe  {  margin: 60px 20px 20px 20px;  height: 320px;}
	
#careers h2 {margin-bottom:10px;}	

}




/*  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;}

.top-navigation	 {display:none!important;}

#top-navigation-mobile {width:250px; margin:0px; position:absolute; background-color:#ec2208; right:0px; top:65px; padding:0px 0px 0px 0px;  }

#top-navigation-mobile ul {margin-top:0px; margin-bottom:0px; display:table; width:100%; border-bottom:1px solid #f28274;}

#top-navigation-mobile ul li {  display: block;  width: 100%; padding:0px; background-image:none; border-top:1px solid #f28274;}

#top-navigation-mobile ul li a {display:block; width:100%; padding:6px 20px;}

#top-navigation-mobile ul li a:hover {background-color:#cd200a;}
	
#top-navigation-mobile ul .active {  border-bottom: 0px solid #fdec05 !important;}	

body {  font-size: 14px;  line-height: 26px;}

.copyright {margin-top:30px; position:relative; margin-top:30px; clear:both;}

h2 {font-size:32px;}



}




/*  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%;}	

#contact .col-1-of-3 {width:100%; margin-bottom:30px;}

	
}





/*  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;} 
	
#top-navigation {  background-position: 0px 10px;}	

.logo img {  width: 250px;  transition: all 0.5s ease-in 0s;}
	
.hero-image { max-width: 80%;   padding-top: 17%;  }

#about, #products, #careers, #contact { padding: 20% 0px 0px 0px;  }

.contact-box img {  display: block;  margin: 0px auto;  width: 100px;}

.contact-box {height:200px;}
	



}



/*  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%;}



.logo img {  width: 250px;  transition: all 0.5s ease-in 0s;}
	
.hero-image { max-width: 80%;   padding-top: 33%;  }

#about, #products, #careers, #contact { padding: 20% 0px 0px 0px;  }

.contact-box img {  display: block;  margin: 0px auto;  width: 100px;}

.contact-box {height:200px;}

	
	
	
}




/*  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%;}	


.logo img {  width: 250px;  transition: all 0.5s ease-in 0s;}
	
.hero-image { max-width: 80%;   padding-top: 53%;  }

#about, #products, #careers, #contact { padding: 25% 0px 0px 0px;  }

.contact-box img {  display: block;  margin: 0px auto;  width: 100px;}

.contact-box {height:200px;}

.copyright { position:relative; margin-top:0px; clear:both;}
	
}