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

.grid-1280 { width:1280px;}
	
.insidepage-banner { height:400px; }	
	
.page-title {width:400px; height:114px; background-size:cover; margin-left:-30px; margin-top:11%; font-size:36px; line-height:114px; padding-left:60px; }	

.home-banner {height:550px;}

.banner-image {  width: 35%;}

.banner-caption  {margin-top:20px;}
	
}




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

#mixedSlider5 { width:1200px;}
	
.banner-caption { width:650px; height:403px; margin-left:-35px; }

.banner-caption h1 {  font-size: 50px;}	


}




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

.grid-1280 { width:940px;}

#mixedSlider5 { width:940px;}
	
.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:91px; margin:0px; position:fixed; border-top:1px solid #ddd;}	
	
header.darker .logo img, .logo img {  width: 180px;}	

header.darker .logo, .logo {  margin: 3px 0px;}

.header-gap { height: 90px;}

.banner-caption {    width: 550px;    height: 303px;    margin-left: -30px; background-size:cover; padding:70px;  }

.banner-caption h1 {    font-size: 40px;  }

.banner-image {    width: 30%;}

.home-banner {    height: 450px;  }

header.darker .top-navigation a, .top-navigation a {display:block; width:100%; background-color:#fff; line-height:45px; text-align:left; padding:0px 20px; border-bottom:1px solid #ddd;}

.top-navigation a:hover {background-color:#f7f7f7!important;}

header, header.darker {  box-shadow: 0px 0px 7px 0px #aaa;}

.top-navigation .current-page, .top-navigation .current-page:hover {background-image:none;}

h2 {  font-size: 36px;}

.industries, .aboutus,.mission, .clients {  padding: 40px 0px 40px 0px;}

.indus-box span {    font-size: 13px; font-family: "Plus Jakarta Sans", sans-serif; font-weight:600; letter-spacing:0px;}

.indus-box img {  margin: 0px auto 20px auto;}

.insidepage-banner { height:300px; }	
	
.page-title {width:300px; height:80px; background-size:cover; margin-left:-20px; margin-top:11%; font-size:36px; line-height:86px; padding-left:40px; }	

.key-feature { height: 280px;}
	
}




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

.grid-1280 { width:740px;}	

#mixedSlider5 { 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%;}	

.top-location, .top-email, .top-phone {font-size:0px; margin-right:0px; float:left; line-height:0px; display:none;}	

.top-location img, .top-email img, .top-phone img { margin-right:0px; display:block;}	
	
.top-socialmedia {  float: left; margin-top:2px; margin-bottom:1px;}		

.responsive-menu-icon {top:40px;}

.banner-caption {width: 450px;    height: 260px;    margin-left: -25px;    background-size: cover;    padding: 60px;  margin-top: 10px;}

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

.home-banner {    height: 400px;  }
	
.banner-image {    width: 35%;  }	
	
h2 {    font-size: 30px;  }	

.mission p, .aboutus p {  padding-right: 0px;}

.column-head img {  width: 40px;  margin-right: 10px; margin-top:10px;}

.column-head {  font-size: 14px; margin-top:0px; padding:10px; padding-bottom:20px;}

.industries .col-1-of-5 {width:25%; float:left;}

.indus-box img {    margin: 0px auto 10px auto;    width: 90px;  }

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

footer .col-1-of-4  {height:350px;}
	
.top-navigation {top:88px;}	
	
.header-gap {    height: 88px;  }	

.insidepage-banner { height:250px; }	
	
.page-title {width:300px; height:80px; background-size:cover; margin-left:-15px; margin-top:11%; font-size:36px; line-height:86px; padding-left:40px; }	

.procees {  padding: 40px 0px;}

.key-feature { height: 280px; margin-bottom:20px;} 
	
}





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

.grid-1280 { width:600px;}	

#mixedSlider5 { 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;} 
	
	
.copyright {  font-size: 10px;  letter-spacing: 1px;}

h2 {    font-size: 24px; font-family: 'ClashDisplay-Regular';  }

.contact-stripe a {margin-top:0px;}

.contact-stripe  h2 {margin-bottom:0px; margin-top:5px;}

.industries {padding-bottom:10px;}

#column-1, #column-2, #column-3 {width:100%; margin-bottom:25px;}

.banner-caption {    width: 400px;}

.banner-image {    width: 35%;    margin-top: 30px;  }

.column-head {    font-size: 16px;    padding-bottom: 10px;    padding-top: 3px;  }

.column-content-area {border:1px solid #ddd!important; }

.insidepage-banner { height:200px; }	
	
.page-title {width:300px; height:80px; background-size:cover; margin-left:-15px; margin-top:10%; font-size:36px; line-height:86px; padding-left:40px; }	

.key-feature { height: 280px; margin-bottom:10px;} 

.contact-line img {  margin-right: 10px;  width: 40px;}

.contact-line {  line-height: 35px;  font-size: 15px;}

	
}







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

.grid-1280 { width:440px;}	
	
#mixedSlider5 { 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%;}
	
.industries .col-1-of-5 {    width: 33.33%; }	

.indus-box {padding:10px; margin-bottom:10px;}

footer .col-1-of-4 {    height: auto; border:1px solid #555; margin-bottom:20px; padding:20px;  }

footer  .clear {height:10px;}

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

.bottom-socialmedia {  float: none;  display: table; margin:auto;  margin-top: 10px; width:160px; margin-bottom:20px; padding-top:0px;}

footer {   padding: 25px 0px 20px 0px;}
	
.contact-stripe h2 {    margin-bottom: 20px;    margin-top: 5px;    text-align: center;  }	

.contact-stripe a {float:none; margin:auto;}
	
.aboutus .fullsize {  display: block;  max-width: 80%; margin:auto; margin-bottom:20px;}	

h2 {    font-size: 26px;    font-family: 'ClashDisplay-Regular';  }

.banner-caption {margin-top:240px; width:100%; height:240px;}

.banner-image {position:absolute; left:50px; margin-top:14px; width:192px;}

.banner-caption h1 {    font-size: 26px;  }

.home-banner {    height: 600px; background-position:center top;  }

.insidepage-banner { height:150px; }	
	
.page-title {width:250px; height:70px; background-size:cover; margin-left:-15px; margin-top:10%; font-size:30px; line-height:72px; padding-left:30px; }	

.contact-line img {  margin-right: 10px;  width: 40px;}

.contact-line {  line-height: 35px;  font-size: 15px;}

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

.clients .col-1-of-5 img {  margin-bottom: 10px;}

.job-detail-box h4 {  font-size: 18px;  letter-spacing: 1px;}

	
}




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

.grid-1280 { width:320px;}	

#mixedSlider5 { 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%;}	

.banner-caption {    margin-top: 250px;    width: 105%;   height: 220px; padding:45px; margin-left: -20px; }

.banner-image {    position: absolute;    left: 76px;    margin-top: 14px;   width: 198px;  }

h2 {    font-size: 24px;  }

.aboutus .fullsize {    max-width: 95%;  }

.listing li { font-size:15px;}

.mission {padding-top:0px;}

.bottom-socialmedia {margin-bottom:5px;}

.industries .col-1-of-5 {    width: 50%;  }
	
.insidepage-banner { height:120px; }	
	
.page-title {width:220px; height:60px; background-size:cover; margin-left:-15px; margin-top:8%; font-size:24px; line-height:65px; padding-left:30px; }	

.process-image {  width: 100%;}

.procees {  padding: 30px 0px;}

.aboutus,  .clients {    padding: 30px 0px 30px 0px;  }

.job-box a {padding:20px; height: 150px; }

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

.key-feature { height: 220px; margin-bottom:10px;} 	

.aboutus {padding-bottom:20px;}

.contact-line img {  margin-right: 10px;  width: 40px;}

.contact-line {  line-height: 35px;  font-size: 15px;}


}