/*  1600px  */
@media all and (max-width: 1800px) {

.grid-1280 { width:1540px;}

.industry-content {  padding-top: 65%;}

.industry-box figure {  height: 518px;}

.intro-text {  font-size: 20px;  line-height: 200%;}

.intro h2 strong {  font-size: 140px;}

.intro h2 {font-size: 42px;}

.intro h3 strong {font-size:90px;}

.intro h3 {font-size:17px;}

.intro span {  padding-right: 40px;}

.fact-box strong {font-size:85px;}

.fact-box.last p {  width: 386px;}

.socialmedia {margin-right:40px;}

.vertical-tag {width:53.8px;}

.service-content {padding:0px 40px; margin-left:54px; padding-top:200px;  background-image:url(../images/overlay.png); height:560px; width:calc(100% - 54px); }

.marquee {	width:1600px;}

.item-1, .item-2, .item-3, .item-4, .item-5 {height:560px;}

.ind-box figure {  height:600px; }

.service-big-content { padding:10%; height:505px;}

.content-left, .content-right {padding:70px 50px 150px 50px;}

.fullsize-video-holder { min-height:780px;}



}



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

.grid-1280 { width:1280px;}
	
.call-to-action h2 {  font-size: 80px;}

.marquee ul.flex li {width:250px;}

h2 {font-size:48px;}

.industry-content h3 {  font-size: 24px;}

.industry-box figure {    height: 440px;  }

.industry-content {padding:20px; padding-top: 60%; }

.fact-box strong {    font-size: 70px;  }

.fact-box h3 {  font-size: 20px;  font-family: 'PilatWide-DemiBold';}

.fact-box p {font-size:15px;}

.fact-box.last p {    width: 300px;  }

.facts .pipe1, .facts .pipe2 {width:2px; height:230px; }	

.intro-text {    font-size: 18px;   line-height: 200%;  }

.pipe2 {  float: right;  margin-left: 40px;  margin-right: 30px;}

.intro h3 {padding-right:44px}

.intro span {font-size:14px;}

.banner-text {  height: 635px;}

.pipe2 {    float: right;    margin-left: 40px;    margin-right: 10px;  }

.banner-text {padding-top:12%;}
	
.service-content {padding:0px 40px; margin-left:54px; padding-top:200px;  background-image:url(../images/overlay.png); height:560px; width:calc(100% - 54px); }	

.top-navigation a {margin-right:26px; }

.top-navigation {float:left; width: 730px;}

.logo {margin-right:60px;}

header.darker .logo {margin-right:70px;}

.vertical-tag {    width: 50.2px;  }

.service-content {    margin-left: 50px;    width: calc(100% - 50px);  }
  
.marquee ul.flex li {    width: 220px;  }

.marquee {	width:1340px;}

.item-1, .item-2, .item-3, .item-4, .item-5 {height:523px;}

.service-content {padding-top:170px; height:523px;}

.ind-box figure {  height:500px; }

.inside-banner, .overlay {height:550px;}

.inside-banner h1 {padding-top:16%; font-size: 600%;}

.inside-content-area {  padding: 50px 0px 30px 0px;}
	
.service-big-content { padding:7%; height:417px;}

.service-big-content h3 {font-size:32px;}	

.service-big-content p {  font-size: 16px;  line-height: 180%;}

.content-left, .content-right {padding:20px 20px 100px 20px}

.fullsize-video-holder { min-height:630px;}
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
.industry-content { padding-left: 15px; padding-right: 15px; padding-top: 57%; }

.industry-content h3 {    font-size: 22px;  }

.industry-box figure {    height: 400px;  }

body {font-size:14px;}

h2 {    font-size: 42px;  }

.facts .pipe1, .facts .pipe2 {    width: 2px;    height: 230px;    margin-left: 40px;  }

.intro h3 {    padding-right: 0px;  }

.intro span {    font-size: 14px;    line-height: 22px !important;    display: block;  }

.intro h2 {    font-size: 38px;  }

.empty {  display: none;}

.not-empty {  width:100%;}

.fact-box.last strong {padding-left:0px;}

.make-it-group {display:inline-block; border:0px solid red; width:360px;}

.top-navigation {    float: left;    width: 650px;  }

.top-navigation a {    margin-right: 18px;   font-size: 13px;  }

.logo {    margin-right: 40px;  }

header.darker .logo {margin-right:50px;}

.service-content {height:522px;}

.service-content h3 {width:500px;}

.service-content p {width:500px;}

.marquee {	width:1240px;}


.service-content {padding-top:190px; height:520px;}

.vertical-tag {    width: 49.9px;  }
	
.item-1, .item-2, .item-3, .item-4, .item-5 {height:520px;}

.service-content {padding-top:190px; height:520px;}

.vertical-tag {    width: 49.9px;  }
	
.services {  padding: 40px 0px 10px 0px;}	

.industries {  padding: 30px 0px 50px 0px;}

.service-content p {width:500px; height:110px;}

.ind-box figure {  height:450px; }

.inside-banner, .overlay {height:500px;}

.inside-banner h1 {padding-top:16%; font-size: 600%;}

.inside-content-area {  padding: 40px 0px 20px 0px;}

.service-big-content { padding:7%; height:390px;}

.service-big-content h3 {    font-size: 28px;  }

.fullsize-video-holder { min-height:570px;}
	
}







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

footer .col-3-of-7 { border-top:1px solid #666; padding-top:40px; margin-top:40px;}

footer .col-3-of-7 div {padding:0px;}

.call-to-action h2 {    font-size: 60px;  }

.marquee ul.flex li {    width: 180px;  }	

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

.industry-box figure {    height: 660px;  }

.industry-content {    padding-left: 25px;    padding-right: 25px;    padding-top: 90%;  }

.industry-content h3 {    font-size: 30px;  }

.facts .col-1-of-4, .facts .col-1-of-2 {width:48%; margin:1%; border:1px solid #666; padding:30px; height:300px;}

.facts .pipe1, .facts .pipe2 {display:none;}
	
.facts  .clear.hline, .facts .clear {display:none!important;}	

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

.services {  padding: 30px 0px 50px 0px;}

.top-navigation {display:none; position:fixed; left:0px; top:66px; margin:0px; background-color:#000; width:100%; }

.top-navigation a  {display:block; padding:10px; width:100%; margin:0px; border-top:1px solid #333;}

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

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

.banner-text h1 strong {  font-size: 100px; margin-top: -12px;}

.small-heading {  font-size: 12px;}

.banner-text h1 span {  display: block;  padding-left: 28px;  font-size: 30px;}

.banner-text {    padding-top: 8%;  }

.banner-text h1 em {  font-size: 21px;}

.banner-buttons {  width: 537px;}

.banner-buttons a {font-size:11px;}

.banner-button2 img {  margin-top: 9px;  margin-right: 15px;  width: 20px;}

.banner-button1 img {  float: left;  margin-top: 9px;  margin-left: 15px;  width: 20px;}

.banner-text {    height: 435px; padding-left:15px; padding-right:15px;  }

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

.intro  .col-1-of-2 {width:100%; border-top:1px solid #666; border-bottom:1px solid #666; padding:40px 0px; margin:40px 0px;}	

.intro {  padding: 40px 0px;}

.pipe1, .pipe2 {    display:none;  }

.intro h2 strong {    font-size: 140px; display:inline-block; float:left; margin-bottom:0px; margin-right:30px; margin-top:-20px;  }

.intro h2 {    font-size: 38px;    width: 70%;  }
	
.intro span {    font-size: 22px;    line-height: 150% !important;    display: block;    font-weight: 300;       width: 400px;  }	

.intro .quote {  float: right;  position: absolute;  right: 0;}

.intro h3 {margin-top:30px;}

.service-content, .gallery-wrap {  height: 523px;}

.service-content p {    width: 500px;    padding-right: 40px;  }
	
header.darker .logo, .logo  {  margin: 11px 10px;}	

header.darker .lets-talk, .lets-talk  {  margin: 10px 75px 10px 10px; display:none;}

header {background-color:#000;}

.banner-text, .fullsize-video-holder {margin-top:66px;}

.industries {  padding: 30px 0px 50px 0px;}

.clients {  padding: 30px 0px 60px 0px;}

video {  margin-top: -60px;}

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

header.darker, header {border-bottom:1px solid #444;}

video {  opacity: 0.5;}

.marquee {	width:980px;}
	
.item-1, .item-2, .item-3, .item-4, .item-5  {height:520px;}

.service-content {padding-top:190px; height:520px;}

.vertical-tag {    width: 49.9px;  }

.service-content {    padding-top: 150px;   height: 520px;  }

.service-content p {    width: 500px;    height: 140px;  }
	
.industries-page .col-1-of-3 {width:50%;}

.ind-box figure {  height:550px; }	

.inside-banner {margin-top:66px;}

.inside-banner, .overlay {height:400px;}

.inside-banner h1 {padding-top:16%; font-size: 500%;}

.inside-content-area {  padding: 40px 0px 40px 0px;}

.services-page .col-2-of-3, .services-page .col-1-of-3 {width:100%; clear:both;}

.service-big-content {padding:40px; height:auto;}

.service-small-content {background-color:#000; margin-top:0px; padding-top:0px; color:#fff;}

.top-navigation .current-page {border-bottom:0px solid #fff; }
	
.about-page	.col-1-of-2 {width:100%;}

.content-left, .content-right {    padding: 30px 0px;  }

.about-pic {  display: block;  width: 100%;}

.about-page .clear br {display:none;}

#mission {border-bottom:1px solid #666; padding-bottom:30px; margin-bottom:20px;}

#vision {padding-bottom:30px;}

.mission-and-vision {  float: left;  width: 150px; margin-right: 30px;  margin-top: 10px;}

.float-right {float:none!important; clear:both;}
	
.contact-page .col-1-of-3 {width:100%; margin-bottom:30px;}	

.contact-page h2 {margin:0px 0px 30px 0px;}

.top-navigation {border-bottom:1px solid #333;}

.service-content p {    width: 450px;  }	

.fullsize-video-holder { min-height:490px;}

}




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

.grid-1280 { width:720px;}	

.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%;}	

.industry-box figure {    height: 500px;  }

.industry-content {    padding-top: 70%;  }

.fact-box strong {    font-size: 60px;  }

.fact-box h3 {    font-size: 17px;  }

.facts .col-1-of-4, .facts .col-1-of-2 {    height: 260px;}

.banner-text {    height: 314px;  }

.intro h2 {    font-size: 38px;   width: 100%;  }

.banner-text {    padding-top: 6%;  }  

.gallery-wrap {display:none;}
	
.make-it-group {width:100%;}

.intro-text {    font-size: 16px;    line-height: 200%;  }	

.accordion-container {display:block;}	

.services h2 {  margin-bottom: 30px;}
	
.marquee {	width:768px;}	
	
.ind-box figure {  height:430px; }		

.ind-box span {  font-size: 24px;  margin-top: -120px;  padding: 30px; margin-bottom:20px; }

.inside-banner, .overlay {height:300px;}

.inside-banner h1 {padding-top:16%; font-size: 400%;}

.inside-content-area {  padding: 30px 0px 40px 0px;}

.textbox-1 {width:100%; border-right:2px solid #666; border-bottom:0px;}

.textbox-2  {border-top:2px solid #666;}

.submit-button {background-position: 97% center;}

.fullsize-video-holder { min-height:370px;}
	
}





/*  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;} 
	
.facts .col-1-of-4, .facts .col-1-of-2 {    width: 98%;}

.call-to-action h2 {    font-size: 48px;  }

.call-to-action a {  padding: 10px 20px;  width: 260px;}

.call-to-action {  padding: 20px 0px 60px 0px;}

.marquee ul.flex li {    width: 160px;  }

h2 {    font-size: 36px;  }

.industry-box figure {    height: 430px;  }

.industry-content h3 {    font-size: 22px;  }

.industry-content {    padding-top: 60%;  }
    
.banner-text h1 strong { font-size: 80px;    margin-top: -12px;  }	

.banner-text h1 em {    font-size: 15px;  }

.banner-text h1 span {    display: block;    padding-left: 28px;    font-size: 18px;    line-height: 200%;  }

.banner-text {    padding-top: 4%;  }

.banner-buttons {    width: 500px;  }

.fact-box.last strong {margin-top:0px;}

.marquee {	width:640px;}	

.ind-box figure {  height:360px; }			

.ind-box {margin-bottom:0px;}

.ind-box span {  font-size: 20px;  margin-top: -100px;  padding: 30px; margin-bottom:0px; }
	
.inside-banner, .overlay {height:200px;}

.inside-banner h1 {padding-top:12%; font-size: 300%;}

.inside-content-area {  padding: 30px 0px 30px 0px;}
	
.inside-banner, .overlay {height:200px;}

.inside-banner h1 {padding-top:16%; font-size: 300%;}

.inside-content-area h2 {font-family: 'PilatWide-Bold'; font-size:30px; margin-bottom:30px; margin-top:10px;}

.fullsize-video-holder { min-height:300px;}	
	
	
}





/*  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%;}
	
.facts .col-1-of-4, .facts .col-1-of-2 {    width: 98%;    margin-bottom: 20px;  }

.socialmedia {float:left}

.copyright {margin-top:10px;}

h2 {  line-height: 110%;}

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

.industry-box figure {    height: 600px;  }

.industry-content {    padding-top: 90%;  }

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

.intro span {    width: 284px;    font-size: 18px;  }

.banner-buttons {    width: 400px;  }

.banner-text h1 strong {    font-size: 60px;    margin-top: -12px;  }

.banner-text h1 em {    font-size: 15px;   letter-spacing: 2px;  }

.banner-text h1 span {    display: block;    padding-left: 16px;    font-size: 18px;    line-height: 200%;    letter-spacing: 18px;  }

video {    margin-top: 0px;  }

.banner-buttons a {    font-size: 12px;    padding-left: 10px !important;    letter-spacing: 1px;    font-family: poppins;    font-weight: 500;  }

.banner-button1 img {    float: left;    margin-top: 9px;    margin-left: 0px;    width: 20px;    margin-right: 10px;  }

.intro h2 strong {    font-size: 100px; margin-right: 20px; }

.intro h2 {    font-size: 25px;    width: 100%;  }

.intro-text {    font-size: 15px;    line-height: 200%;  }

.intro .col-1-of-2 {    padding: 30px 0px 20px 0px;  }

#footer-navigation {  border-bottom: 1px solid #666;  margin-bottom: 30px;  padding-bottom: 30px;}

.marquee {	width:480px;}		
	
.industries-page .col-1-of-3 {    width: 100%;  }	

.ind-box figure {   height: 520px;  }

.ind-box span {    font-size: 30px;    margin-top: -130px;    padding: 30px;    margin-bottom: 20px;  }

.heading {font-size:32px; clear:both;}

#vision {    padding-bottom: 0px;  }

.content-left, .content-right {    padding: 30px 0px 30px 0px;  }

.mission-and-vision {    float: left;    width: 150px;    margin-right: 0px;    margin-top: 10px;    margin-bottom: 20px;  }

.hline {margin-bottom:30px; margin-top:0px;}

#vision {    padding-bottom: 20px;  }

.fullsize-video-holder { min-height:270px;}	
	
}





/*  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%;}	
	
#footer-navigation {  border-bottom: 1px solid #666;  margin-bottom: 30px;  padding-bottom: 30px;}

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

.marquee ul.flex li {    width: 120px;  }

.industry-box figure {    height: 460px;  }

.industry-content {    padding-top: 65%;  }

.facts .col-1-of-4, .facts .col-1-of-2 {    height: 300px;  }

.fact-box.last strong {margin-top:0px;}

.fact-box.last p, .fact-box p {width:100%;}

.accordion-container .accordion-title {  font-family: poppins;  text-transform: capitalize;  letter-spacing: 0px;  font-size: 14px;}

.accordion-container .accordion-title::after, .accordion-container .accordion-title::before {right:15px;}

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

.intro h2 {    font-size: 36px;   width: 100%;    line-height: 110%;  }

.banner-buttons {    width: 260px;  }

#desktop-video {display:none;}

#mobile-video {display:block;}

.banner-text h1 strong {font-family: "Antonio", sans-serif; font-size:100px; font-weight:bold; letter-spacing:-2px;}

.banner-text h1 em {    font-size: 12px;    letter-spacing: 1.5px;    font-family: 'PilatWide-Bold';  }

.banner-text h1 span {    display: block;    padding-left: 13px;    font-size: 18px;    line-height: 200%;   letter-spacing: 12px;    margin-bottom: 10px;  }

.banner-button1 {border:0px; }

.banner-buttons a {width:100%; border:1px solid #fff; margin-bottom:5px; padding: 10px 0px;}

.banner-text {    padding-top: 50%;  }

.banner-buttons {    width: 260px;    border: 0;    margin-bottom: 0;    margin-top: 0px;  }

.accordion-container .accordion-title strong {margin-right:10px;}

.marquee {	width:360px;}	

.ind-box figure {   height: 380px;  }

.ind-box span {    font-size: 20px;    margin-top: -110px;    padding: 30px;    margin-bottom: 25px;  }

.inside-banner, .overlay {height:150px;}

.inside-banner h1 {padding-top:16%; font-size: 250%; }

.inside-content-area h2 {font-family: 'PilatWide-Bold'; font-size:24px; margin-bottom:30px; margin-top:10px;}

.service-big-content h3 {    font-size: 24px;  }

.service-big-content {    padding: 30px;  }

.service-small-content {    padding: 30px; padding-top:0px;  }

.service-small-content h4 {  font-size: 14px;}

.service-big-content h3::after {  width: 50px;  height: 2px;  margin: 20px 0px;}

.heading {    font-size: 24px;   clear: both;  }

#vision {    padding-bottom: 20px;  }

.submit-button {    background-position: 95% center;  }

.fullsize-video-holder { min-height:630px;}	
	
}