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

.grid-1280 { width:1280px;}

#basicSlider { 	max-width:1340px;}

.insidepage-banner {height:150px;}

.insidepage-banner h1 {line-height:150px;}
	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
#basicSlider { 	max-width:1240px;}	


.banner-1, .banner-2, .banner-3, .slider .slide { height:450px; background-size:cover;}

.slide p, .slide h2 {  max-width: 1060px;}

.red-box .grid-1280, .red-box {  width: 1170px;}

#mixedSlider {  width: 870px;}

#basicSlider .MS-content .item {width:373px;}

header.darker .top-navigation {  margin-left: 100px;}

.top-navigation { margin-left:40px;}

.video-gallery iframe { height:320px;}
	
}




/*  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;}
	
.testimonials .col-1-of-4, .testimonials .col-3-of-4 {width:100%;}	

.testimonials h2 { margin-bottom: 0px;}

.testimonials .small-heading {  margin-top: 0px;}

.testimonials .col-3-of-4 { margin-top: -50px;}

.red-box .col-3-of-8 h2 br {display:none;}

.red-box-phone {background-image:none; padding:0px!important;}

.red-box-phone:hover {  padding: 0px 0px !important;}

.red-box h2 {  color: #fff;  margin-top: 10px;  font-size: 32px;}

.white-button {margin-top:-20px;}

.red-box .grid-1280 {  width: 900px;}

.red-box {width:auto;}

.red-box .col-3-of-8 {    width: 74%;  }

.socialmedia {  margin-right: 50px;}

.top-navigation {display:none;}

.calculator {  margin-right: 25px;}

header .logo img, header.darker .logo img {  width: 100px;  transition: all 0.5s ease-in 0s;}

header .calculator, header.darker .calculator {  margin-top: 8px;}

.responsive-menu-icon {  background-color: #1b2745;  width: 44px;  height: 44px;    top: 40px;  padding: 11px;}

.header-gap {  width: 100%;  height: 84px;}

.top-navigation,  header.darker .top-navigation { position:fixed; left:0px; top:84px; width:100%; background-color:#fff; margin:0px; border-bottom:1px solid #ccc; }

.top-navigation a {display:block; margin:0px; width:100%; float:none; padding:13px; border-top:1px solid #ccc;} 	

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

.side-image {  max-width: 90%;}

#basicSlider { 	max-width:980px;}	


.banner-1, .banner-2, .banner-3, .slider .slide { height:350px; background-size:cover;}

.slide p, .slide h2 {  max-width: 80%;}

.red-box .grid-1280, .red-box {  width: 900px;}

#mixedSlider {  width: 890px;}

.slide h2 {font-size:50px;}

.slide p {  font-size: 24px;}

h2 {  font-size: 32px;}

.blog h2 {margin-bottom:20px;}

.blog-box h3 {  font-size: 18px;}

.readmore {  width: 160px;  padding: 6px;  font-weight: 600; background-position: 8% 13px;   margin-top: 30px; background-size: 16px;}

.aboutus-right p {  line-height: 28px; max-width: 100%;}

#basicSlider .MS-content .item {width:39%;}


.insidepage-banner {height:100px;}

.insidepage-banner h1 {line-height:100px; font-size:32px;}

.feature-box span {  font-size: 16px;  width: 100%; line-height:140%;}	
	
.career-box {height:480px;}	


.blog-left, .blog-right {width:100%;}

header.darker .get-started, .get-started {margin-top:5px; margin-right:10px; padding: 4px 20px;}

.video-gallery iframe { height:245px;}
	
	
}





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

	
.red-box .grid-1280 {  width: 100%;}

#mixedSlider {  width: 730px;}	

#basicSlider { 	max-width:768px;}	
	
	
.banner-1, .banner-2, .banner-3, .slider .slide { height:300px; background-size:cover;}

.slide p, .slide h2 {  max-width: 80%;}

.red-box .grid-1280, .red-box {  width: 720px;}

#mixedSlider {  width: 720px;}

.slide h2 {font-size:50px;}

.slide p {  font-size: 24px;}

h2 {  font-size: 32px;}

.blog h2 {margin-bottom:20px;}

.readmore {  width: 160px;  padding: 6px;  font-weight: 600; background-position: 8% 13px;   margin-top: 30px; background-size: 16px;}

.aboutus-right p {  line-height: 28px; max-width: 100%;}

.blog-box h3 {    font-size: 15px;  }	

footer .col-1-of-2, footer .col-1-of-4 {width:100%;}

#basicSlider .MS-content .item {width:49%;}

#mixedSlider .MS-content .item {width:49%; padding:0px; margin-right:2%;}

.slide h2 {    font-size: 40px;  }

.aboutus .col-1-of-2 {width:100%;}

.red-box h2 {    font-size: 22px;  }

.red-box-phone img {  width: 40px;}

.red-box-phone strong {  font-size: 22px; line-height: 115%;}

.red-box-phone {font-size:13px; width: 230px;}

footer p {  max-width: 100%;  text-align: justify;}

footer a {  display: inline-block;  margin-right: 20px;}
	
footer  .col-1-of-4	 br {display:none;}

.copyright {width:100%;}

.socialmedia {    margin-right: 0px;   float: none;    display: block; width:100%; margin-top:15px;  }

.socialmedia a {  margin: 0px;}

.white-button {    margin-top: -15px;    margin-right: 0px;    padding: 10px;    width: 150px;  }

.red-box .grid-1280 {  padding: 20px;}
 
.calculator {    margin-right: 36px;  }

.feature-box {padding:20px;}

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

.career-box {height:auto;}

.textbox1 {width:99%;}

header.darker .get-started, .get-started {margin-top:5px; margin-right:25px; padding: 4px 20px;}

.showcase {  margin: 1%;  width: 48%;}

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

.video-gallery iframe { height:400px;}

	
}





/*  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 {  width: 620px;}	

#basicSlider { 	max-width:640px;}	



.banner-1, .banner-2, .banner-3, .slider .slide { height:250px; background-size:cover;}

.slide p, .slide h2 {  max-width: 75%;}

.red-box .grid-1280, .red-box {  width: 590px;}

#mixedSlider {  width: 590px;}

.slide h2 {    font-size: 30px;  margin-top: 20px;}

.slide p {    font-size: 18px;  }

#basicSlider .MS-content .item {width:375px;}

.red-box h2 {    font-size: 28px;  }

.white-button {    margin-top: -35px;}

.blog-box  {width:100%; margin-bottom:30px;}

.blog {  padding: 0px 0px 80px 0px;}

.blog-box h3 {    font-size: 22px;  }

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


.insidepage-banner {height:80px;}

.insidepage-banner h1 {line-height:80px; font-size:24px;}

.feature-box, .project-box {width:100%;}

.insidepage-content h2 { font-size: 26px;}

.video-gallery iframe { height:330px;}


#project-listing .item {width:48%; margin:1%; float:left;}
	
}





/*  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 {  width: 440px;}

#basicSlider { 	max-width:480px;}		
	
#mixedSlider .MS-content .item {width:100%;}	

.testimonials {  padding-bottom: 30px;  margin-bottom: 30px;}

.red-box .grid-1280, .red-box {    width: 430px;  }
	
.red-box .col-3-of-8, .red-box .col-2-of-8 {width:100%;}	

.white-button {   margin-top: 20px;    float: none;  }

.banner-1, .banner-2, .banner-3, .slider .slide { height:200px; background-size:cover;}

.slider .slider_left img, .slider .slider_right img { width: 40px;}

.slide h2 {    font-size: 26px;    margin-top: 5px;  }

.slide p {    font-size: 14px;  }

.play-button-holder {  margin-top: -250px;}
	
.insidepage-content {  padding: 30px 0px 100px 0px;}	

.video-gallery iframe { height:240px;}
	
}




/*  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 {  width: 300px;}

#basicSlider { 	max-width:360px;}		

h2 {    font-size: 26px;  }

#basicSlider .MS-content .item {width:250px;}

#basicSlider .MS-content .item div {width:250px; background-size:100% auto;}

.red-box .grid-1280, .red-box {    width: 310px;  }

.blog-box  { margin-bottom:20px;}

footer {  padding-bottom: 50px;}

.projects {  padding-top: 40px;}

#basicSlider .MS-content .item div {height:90px; margin-top: -140px; padding-top:30px; padding-bottom:0px; margin-bottom:0px;}

.play-button-holder {    margin-top: -190px;  }

.play-button { width:80px;   }

.play-button:hover  {width:90px;}

.side-image {   max-width: 100%;  }

.aboutus {  padding: 30px 0px;}

.banner-1, .banner-2, .banner-3, .slider .slide { height:550px; background-size:cover;}

.banner-1 {display:table; width:100%; height:550px; background-image:url(../images/banner1-mobile.jpg); background-size:cover; background-position:center center;}

.banner-2 {display:table; width:100%; height:550px; background-image:url(../images/banner2-mobile.jpg); background-size:cover; background-position:center center;}

.banner-3 {display:table; width:100%; height:550px; background-image:url(../images/banner3-mobile.jpg); background-size:cover; background-position:center center;}

.slide h2 {    font-size: 36px;    margin-top: 5px;  }	

.slide p {   font-size: 24px;  }

.insidepage-banner {height:60px;}

.insidepage-banner h1 {line-height:60px; font-size:22px;}

.textbox1, .textbox2 {margin-bottom:3%;}	

header.darker .get-started, .get-started { margin:0px;   position: absolute;    left: 0;    top: 84px;    width: 100%; border-radius:0px; border-top:1px solid #fff;  }

.header-gap {    width: 100%;    height: 171px;  }

.video-gallery iframe { height:170px;}

.header-gap {    width: 100%;    height: 119px;  }

#project-listing .item {width:100%; margin:5% 0px; float:none;}
	
}