

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

.grid-1280 { width:1280px;}
	
.slider .slide, .banner1, .banner2, .banner3, .banner4, .banner5 {height:500px;}	
	
.get-in-touch  {background-size:auto 100%; background-position: -195px center;}	

.inside-banner {height:300px; background-size:cover;}

.page-title {line-height:300px;}

	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
.get-in-touch  {background-size:auto 100%; background-position: -245px center;}	
	
.top-navigation ul {  margin: 20px 0px 0px 60px;	}

header.darker .top-navigation ul {margin: 0px 0px 0px 60px;}

.featured-videos iframe {  height: 320px;}

.service-box figure{  height: 230px;}

	
}




/*  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; width:100%; left:0px; top:56px; position:fixed; background-color:#fff; } 	
	
.slider .slide, .banner1, .banner2, .banner3, .banner4, .banner5 {height:300px;}		

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

header.darker .phone, .phone{  margin-top: 5px; margin-right:40px;}
	
header.darker .top-navigation ul {margin:0px;}	

.top-navigation ul li {width:100%; padding:10px 15px; border-bottom:1px solid #ddd;}

.top-navigation ul li:hover {background-color:#eee;}	

.featured-videos iframe {  height: 240px;}

h2 {font-size:28px;}

header.darker,  header {padding: 10px 0px; border-bottom: 1px solid #ddd;}

.header-gap {  height: 56px;}

.service-box figure{  height: 180px;}

h3 {  font-size: 22px;}

.service-box-holder {height:420px;}

.get-in-touch .grid-1280, .get-in-touch .col-1-of-2 {padding:0px!important; width:100%!important;}

.form-area {  padding: 60px;  background-color: #eee;}

.welcome {padding:40px 0px;}

.services, .featured-videos, .clients {  padding: 20px 0px;}

.submit-button {margin-bottom:0px;}

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

.get-in-touch{     background-size: auto 100%;    background-position: -250px center;  }

.top-navigation ul {    margin: 0;  }

	
}




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


.slider .slide, .banner1, .banner2, .banner3, .banner4, .banner5 {height:250px;}		

header.darker .phone, .phone {    margin-top: 5px;    margin-right: 50px;  }

h2 {    font-size: 22px;  }

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

.service-box figure{ height: 220px; }
	
.featured-videos iframe {  height: 200px;}


.get-in-touch{     background-size: auto 100%;    background-position: -290px center;  }
	
.form-area{    padding: 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;} 
	
.service-box figure {     height: 180px;  }	
 
#copyright {letter-spacing:1px;}

.col-1-of-4.footer-column{  height: 330px;}
	
.featured-videos iframe {  height: 160px;}

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

.welcome {    padding: 10px 0px 30px 0px; }

.showcase {  width: 50%;}

	
}





/*  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%;}
	
	
header.darker .phone, .phone {    margin-top: 5px;    margin-right: 40px;    font-size: 0;  }

.logo {margin-left:-10px;}

.services .col-1-of-3 {    width: 50%;    float: left;  }

.service-box figure {    height: 133px;  }

h3 {    font-size: 18px;  }

body {  font-size: 14px;  font-weight: 400;  line-height: 24px;}

.service-box-holder {height:380px;}

.clients .col-1-of-5 {width:50%; float:left;}

.clients img {  margin-bottom: 10px;}

.featured-videos iframe {  height: 240px;}	

#socialmedia {  float: none;  text-align: left;  margin-top: 0px;}

.col-1-of-4.footer-column { height: auto; margin-bottom:30px;  }

#copyright{  margin-top: 10px;}
	
#area-holder {height:400px; }

.get-in-touch {background-size:auto 400px; background-position: center top;}

.form-area {padding:50px 30px;}

	
}




/*  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%;}	
	
.slider .slider_left, .slider .slider_right {  top: 46%;}

.logo {  width: 180px;}

.services .col-1-of-3 {    width: 100%;    float: left;  }

.service-box figure {    height: 190px;  }

#area-holder {height:300px; }

.get-in-touch {background-size:auto 300px; background-position: center top;}

.featured-videos iframe {  height: 170px;}	

.service-box-holder {    height: auto; margin-bottom:20px;  }

.welcome .fullsize {margin-top:30px;}
	
}