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

.grid-1280 { width:1280px;}

.banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {background-size:auto 100%; height:400px; background-position:center center;}	

.slider .slide{  height:550px; }

.orange-box {margin-top:100px;}

nav {  margin: 25px 0px 0px 32px;}

#basicSlider .MS-content .item {  width: 50%}
	
.banner-title {line-height:300px;}	

.inside-banner {  height: 300px;}

	
}




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

.about-pic1, .about-pic2 {  width: 48%;}	

.banner-arrow-holder, .banner-text {  max-width: 1170px;}

.leader-box {  width: 46%;}

h2 {  font-size: 36px;}

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

.orange-box h2 {font-size:42px;}

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

	
}




/*  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;}
	
.banner-arrow-holder, .banner-text {  max-width: 900px;}

.orange-box {  width: 490px;}

.clients img {  width: 100%;}

footer .col-1-of-4 {width:50%; height:300px; padding-right:40px;}

footer .col-1-of-4.last {  padding-left: 10px;}

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

header.darker .logo, .logo {  margin: 10px 0px; width: 120px;}

header.darker .contact-button, .contact-button {  margin-top: 9px;  transition: all 0.5s ease-in 0s;}

.contact-button {padding:7px 20px;}

.header-gap {height:110px;}

header.darker .contact-button, .contact-button {    margin-right: 34px;  }

#basicSlider .MS-content .item { width:60%;}
	
.menu {margin-top:60px; background-color:#0a1644; border-top:1px solid #fff!important;}	

nav a {  color: #fff;}

nav ul li {float:none;}

.toggle {    color: #fff;  }

nav ul ul {    float: none;    position: static;    color: #ffffff;   width: 100%;    border-left: 0px;    border-right: 0px;  }
	
.toggle {	padding: 15px;  color: #fff;  text-decoration: none;  font-family: 'PilatWide-Book';  text-transform: uppercase;  letter-spacing: 1px; border-bottom:1px solid #fff!important;}

.toggle:hover, nav a:hover {background-color:#03091e;}
	
.plus {  float: right;  font-size: 20px;}	

nav ul ul li a:hover {background-color:#111;}

nav ul ul li {border-top:0px; border-bottom:1px solid #fff;}

nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a {    padding: 10px 15px;    color: #FFF;  }

.certification, .leadership, .clients, .quality, .pipe-manufacturing, .aboutus {  padding: 40px 0px 40px 0px;}

#sliderh3 {  margin-bottom: 80px;}

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

.quality .col-1-of-5  {width:33.33%; }

.quality-box {border:1px solid #666; background-image:none; margin-bottom:20px; padding-bottom:30px;}

.inside-banner {height:200px;}

.banner-title {    line-height: 200px;  }

.banner-title {  font-size: 30px;}

.profile-box img {  width: 32%;}

.table-holder {display:block; width:900px; overflow-x:scroll; padding-bottom:20px;}

.image-corner {  margin-right: 10px;}
	
}




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

.grid-1280 { width:700px;}	

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

.banner-arrow-holder, .banner-text {  max-width: 700px;}	

.clients .client-holder {  width: 23%;}

header.darker .contact-button, .contact-button {    margin-right: 47px;  }

#top-email-and-phone {  text-align: right;  width: 77%; padding-right:0px;}

.clients img {    width: 100px;  }

#top-socialmedia {  width: auto;}

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

.leadership .col-3-of-7, .leadership .col-4-of-7 {width:100%;}

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

.orange-box {    width: 350px;  padding:30px;}

.banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {    background-size: auto 100%;    height: 450px;    background-position: center center;  }

.banner-arrow-holder {  margin-top: -70px;}

.orange-box {    margin-top: 90px;  }

.aboutus h2, .aboutus p {  padding-right: 0%;}

.orange-fact-box.first {  margin-top: 0px;}
	
#basicSlider .MS-content .item { width:70%;}
 
.call-to-action .col-1-of-2   {width:100%; }
 
.call-to-action    { height:800px; background-position:center 400px; background-size:100% auto;}

.leadership .small-heading {  margin-top: 0%;}

.leader-box.second {  margin-top: 0px;}

.leader-box { margin-left: 0;  margin-right: 20px;  }

.leadership .col-3-of-7 {margin-bottom:30px;}

.profile-box img {    width: 40%;  }

.contact-form-field {width:100%;}

.contact-box-holder {width:50%;}

.contact-box {height:400px;}

h3 {  font-size: 28px;}
	
.table-holder {display:block; width:700px; overflow-x:scroll; padding-bottom:20px;}	

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

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

.hline {  padding-top: 20px;  margin-bottom: 40px;}

.details-box {margin-bottom:30px; margin-top:-30px;}

.quarter-box {   margin:2%;  width:96%; float:none; padding:0px; height:305px;} 

.tab {  margin: 20px 0px 0px 0px;}

.tab button {margin:5px 5px;}


	
}





/*  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;} 
	
.banner-arrow-holder, .banner-text {  max-width: 600px;}	

#top-email-and-phone {    width: 73%;  }

.quality .col-1-of-5 {    width: 50%;  }

.quality-box {    margin-bottom: 10px;  }

h2 {    font-size: 28px;  }

.call-to-action {    background-position: center 370px;  }

footer .col-1-of-4 {    width: 50%;    height: 350px;    padding-right: 40px;  }

.banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-6 {    height: 350px;   }

.orange-box {    margin-top: 250px;    width: 90%; margin-left:auto; margin-right:auto;  }

.banner-arrow-holder {    margin-top: 20px; }

.slider .slider_left {  left: 32px;}

.slider .slider_right {left:140px!important;}

.aboutus {padding-top:0px;}

.banner-title {    font-size: 24px;  }

.banner-title {    line-height: 150px;  }

.inside-banner {height:150px;}

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

h3 {  font-size: 24px;}
	
.table-holder {display:block; width:590px; overflow-x:scroll; padding-bottom:20px;}		

.image-corner {    margin-right: 5px;  }


	
}





/*  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%;}
	
	
footer .col-1-of-4 {    width: 100%;    height: auto;    padding-right: 0px;    margin-bottom: 30px;    border-bottom: 1px solid #555;    padding-bottom: 20px;  }

#footer-socialmedia {  display: block;  height: 50px;}

footer .col-1-of-4.last { border-bottom:0px; margin-bottom:0px; padding-bottom:0px;}

.copyright {  padding: 15px 100px; line-height:150%;}

.leader-box span {  padding: 20px 30px;}

.leader-box {    margin-left: 0;    margin-right: 15px;  }

.leader-box span strong {  font-size: 14px;}

.clients .client-holder {    width: 32%;  }	

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

.quality .col-1-of-5.last {    width: 100%;}

.certification .col-1-of-4 {float:left;}

.award-box span {  font-size: 13px;}

.certification, .leadership, .clients, .quality, .pipe-manufacturing, .aboutus {    padding: 30px 0px 30px 0px;  }

.award-box {  margin: 5px auto;}

.item span {  padding: 30px;  font-size: 20px;}

.products {  padding: 30px 0px 0px 0px;}
	
#top-email-and-phone {font-size:0px;}	

#top-email-and-phone a {float:right;}

#top-email-and-phone a {  margin-left: 0px;}

#top-email-and-phone, #top-socialmedia {    width: 50%; display:table; float:left;  }

.responsive-menu-icon {    display: block;    top: -1px;  }
	
.slider .slide{  height:650px;}	
	
.leadership h2, .leadership p {  padding-right: 0%;}	

#sliderh3 {    margin-bottom: 50px;  }

.profile-box img {    width: 100%;    display: block;    float: none; margin-bottom:20px;  }

.profile-box   {padding: 30px;}

.team-data td h3 {  font-size: 16px;}

.team-data th {font-size:13px};

.team-data td {font-size:13px};

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

.contact-box {height:auto;}

.accordion {font-size:14px; margin-top:8px;}

h3 {  font-size: 20px;}
	
.table-holder {display:block; width:430px; overflow-x:scroll; padding-bottom:20px;}		

.tab button {  padding: 8px 10px;  font-size: 12px;}	
	
}




/*  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%;}	
	
.copyright {    padding: 15px 20px;    line-height: 150%;  }

header.darker .logo, .logo {  width: 120px;}	

.contact-button {    padding: 7px 0px 7px 0px;  }

nav {    margin: 0;  }

.clients .client-holder {    width: 48%;    float: left;    margin: 1%;  }

.award-box img {  width: 80%; margin-top:0px;}

.award-box span {    font-size: 11px;    padding: 0px 20px;    height: 80px;  }

.award-box {padding-bottom:0px; padding-top:0px;}

.call-to-action {    background-position: center 300px; height:600px;  }

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

.leader-box {    width: 100%;  }

.leader-box.second{  margin-top: 30px;}

.leader-box span {    padding: 40px 30px;  }

.quality-box span {  font-size: 11px;}

.quality-box img {  display: block;  margin: 10px auto; width:100px;}

h2 {    font-size: 22px;  }

.about-pic1, .about-pic2 {    width: 47%; margin-bottom:20px;  }

.about-pic2 {  margin-top: 0px;  float: left;}

.contact-button {    padding: 5px 15px 5px 10px;    font-size: 11px;  }

header.darker .contact-button, .contact-button {    margin-top: 11px;   transition: all 0.5s ease-in 0s;  }

.slider .slide{  height:720px;}

#sliderh3 {    margin-bottom: 50px;  }

.orange-fact-box, .blue-fact-box {font-size:9px; font-family: 'PilatWide-Bold';}

#basicSlider .MS-content .item { width:100%;}
 
.orange-box h2 {    font-size: 24px;  } 

.team-data th {display:none;}

.team-data tr:nth-child(2) {display:none;}

.team-data tr:nth-child(1) {padding:0px;}

.team-data tr {display:block; border:1px solid #ccc; margin-top:5px; padding:10px 0px;}

.team-data td {display:block; border:0px; padding:0px 10px; }

.team-data td h3 {    font-size: 12px;  }

.banner-title {    font-size: 15px;  }

.banner-title {    line-height: 100px;  }

.inside-banner {    height: 100px;  }

h3 {  font-size: 18px;}

.table-holder {display:block; width:310px; overflow-x:scroll; padding-bottom:20px;}			

.details-box {    margin-bottom: 30px;    padding: 25px;  }

.image-corner {  width: 60px;  margin-top: -54px;  }

.team-data td:nth-child(1) {    font-weight: 500;  }

.team-data td {    font-size: 14px;  }

 .tab button {    margin: 2px 0px;  }
 
 .quarter-box a {padding:10px; font-size:13px;}


}