@media (max-width:925px){
	
	body{ overflow-x:hidden;}
	.col-1-2{ width:100%;}
	.hide{ display:none;}
	.small-only{ display:block;}
	.absolute-height{ position:relative; height:auto;}
	.panel-heading-block{ position:relative;}
	.panel-heading{ padding:30px 0 15px; border:none; height:auto;}
	.panel-content{ padding-top:0;}
	.panel-content p, .full-width p{ text-align:left;}
	.panel-margin-half-left{ margin-left:0;}
	.home-main-overlay{ height:90px; top:36%;}
	.home-main-overlay h1{ font-size:3em;}
	.home .home-main{ height:200px;}
	.home-main .scroll{ display:none;}


	
	header .logo{ width:40%;}
	.menu-bar{ overflow:scroll; top:0; padding:40px 0 0 15px; position:fixed; height:100vh; width:320px; background-color:rgba(102,102,120,0.98); right:0;
	    -webkit-transform:translateX(360px); -moz-transform:translateX(360px); transform:translateX(360px);
	    -webkit-transition:-webkit-transform ease 0.25s; transition:transform ease 0.25s;
	    box-shadow:0 0 10px rgba(0,0,0,0.5);}
	.menu-bar:after{ content:""; display:table; clear:both;}
	.menu-bar.open{ -webkit-transform:translate(0px, 0px); -moz-transform:translate(0px, 0px); transform:translate(0px, 0px);}
	.menu-bar .button, .menu-bar .float-right, nav ul, nav ul li{ float:none; margin-top:15px;}
	.menu-bar .small-only ul{ list-style:none;}
	nav ul li .sub-menu{ display:block; position:relative; margin-left:15px; margin-top:0; background-color:inherit;}
	nav ul li .sub-menu li{ margin-top:0;}

	section{ margin-top:150px;}
	header .menu-button{ -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px);}
	header nav, header .button, header .soc{ -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}

	.scroll-down .menu-button{ -webkit-transform:translateY(35px); -moz-transform:translateY(35px); transform:translateY(35px);}
	header.scroll-down nav, header.scroll-down .button, header.scroll-down .soc{ -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
	.scroll-down .menu-bar.open{ -webkit-transform:translate(0px, 45px); -moz-transform:translate(0px, 45px); transform:translate(0px, 45px);}


	
	.popup{ overflow-y:scroll; position:fixed; box-shadow:none; border-radius:0; top:100vh; left:0; right:0; width:100%; bottom:-100vh;}
	.popup img{ width:calc(100% - 60px); margin:30px 30px 0 30px; float:left;}
	.popup .col-1-2 h4{ margin:15px 30px;}
	.popup .col-1-2 p{ font-size:2em; margin:0 30px 30px 30px;}
	.popup.pop-open{ opacity:1; -webkit-transform:translateY(-100vh); -moz-transform:translateY(-100vh); transform:translateY(-100vh);}
	.popup span{  bottom:15px; top:auto; right:auto; margin-left:calc(50vw - 20px); position:relative; float:left;}
	.popup span:before, .popup span:after{ background-color:#0033A0;}

	
	.page-contact .col-1-2 p{ padding:30px;}
	.page-materials-technologies .col-1-4, .page-materials-technologies .col-1-2{ width:50%;}
	.page-certifications section .panel-content{ margin:0;}
	.page-quote-request iframe{ margin-top:60px;}
	
	.js .home-page:nth-child(even) .col-2-3.in-view .offset{ -webkit-transform:translateX(-40%); -moz-transform:translateX(-40%); transform:translateX(-40%);}
	.js .home-page:nth-child(odd) .col-2-3.in-view .offset{ -webkit-transform:translateX(40%); -moz-transform:translateX(40%); transform:translateX(40%);}
	.home-page .col-2-3.in-view .offset{ transition:all 1s ease-out 0s;}
	.home-page .col-2-3{background-position-x:59%;}

	
	.blog-cat{ padding:0 30px;}
	.blog .panel-heading, .single .panel-heading, .archive .panel-heading{ padding-bottom:0;}

	
	.js .to-top{ right:20%;}
	.to-top i{ top:0; left:12.5px; font-size:4em;}
	.to-top span{ width:44px; height:44px;}
	.to-top span:before{ width:40px; height:40px; top:2px; left:2px;}
	
	.contact-info img{ width:40%;}
	.contact .col-1-4{ width:50%;}
	.rights li, .rights ul{ float:none;}
	.rights{ padding-top:30px; padding-left:15px;}
	.rights a{ font-size:2em; display:block;}

}

@media (max-width:530px){
	
	p{ font-size:2em;}
	.hide-sm, video.hide-sm{ display:none;}
	.show-sm, .home-main video.show-sm{ display:block;}
	.col-1-5, .col-1-4, .col-1-3, .col-2-3, .col-1-2{ width:100%;}
	.js .home-main{ height:200px; overflow:hidden;}
	.home .home-main{ height:auto;}
	.home-main.flex-center{ display:block;}
	.home-main img{ height:100%; width:100%;}
	.home-main video{ width:100%; min-width:0; min-height:0;}
	.home-main video.show-sm{ background-image:url(404.png);}
	
	.home-main-overlay {position: absolute;padding:0;height: auto;top: 27%;}
	.home-main-overlay h1{ font-size:2em;}
	.js .vt{ display:block; position:absolute; width:100%; text-align:center; z-index:9; top:60%; color:rgba(255,255,255,0.5); opacity:1; height:0;
		-webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; transition:opacity 0.5s;}
	.vt p{ height:0;}
	.legacy p{ font-size:2em; padding:30px;}
	.main-overlay h1{ font-size:4em;}
	.panel-heading-block{ top:0;}
	.panel-heading{ padding:15px 0;}
	.panel-content p, .full-width p{ margin:15px 0 15px;}
	
	nav > ul > li{ font-size:1.6rem; line-height:1.5;}
	.menu-button{ right:15px;}
	//.header-background{ height:120px;}
	
	.page-materials-technologies .col-1-4, .page-materials-technologies .col-1-2{ width:100%;}
	.page-quote-request .home-main{ display:none;}
	.page-quote-request .full-width{ padding:0;}
	.page-quote-request iframe{ margin:0;}

	
	.home-page{ height:auto;}
	.home-page .col-2-3::after{ opacity:0.2;}
	.offset{ top:10%; margin:50px 0;}
	.js .home-page:nth-child(odd) .col-2-3.in-view .offset{ -webkit-transform:translateX(-3%); -moz-transform:translateX(-3%); transform:translateX(-3%);}
	.js .home-page:nth-child(even) .col-2-3.in-view .offset{ -webkit-transform:translateX(3%); -moz-transform:translateX(3%); transform:translateX(3%);}
	.home-page:nth-child(odd) .offset p{ float:right;}
	.home-page:nth-child(even) .col-2-3::after{ width:200%;}
	.home-page:nth-child(odd) .col-2-3::after{ width:200%; margin-left:-100%;}

	.core-values{ padding:30px 15px; width:calc(100% - 30px);}
 	.core-values img{ margin-bottom:30px;}
 	.core-values p{ padding-left:15px;}

    
    .loop-slideshow img{ width:210vw;}
    .loop-slideshow{ left:0;}

    .js .arrow{ display:none;}
    
   	.contact{ padding-top:8%;}
	.contact .col-1-4{ width:100%;}

	section{ margin-top:105px;}

	header .menu-button{ -webkit-transform:translateY(25px); -moz-transform:translateY(25px); transform:translateY(25px);}
	header .logo{ -webkit-transform:scale(1.5) translate(10px,25px); -moz-transform:scale(1.5) translate(10px,25px); transform:scale(1.5) translate(10px,25px);}
	header{ -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); transform:translateY(-40px);}

	header.scroll-down .menu-button{ -webkit-transform:translateY(44px); -moz-transform:translateY(44px); transform:translateY(44px);}
	header.scroll-down .menu-bar.open{ -webkit-transform:translate(0px, 65px); -moz-transform:translate(0px, 65px); transform:translate(0px, 65px);}
	.menu-bar.open{ -webkit-transform:translate(0px, 40px); -moz-transform:translate(0px, 40px); transform:translate(0px, 40px);}
	.header-background.scroll-down{ -webkit-transform:translateY(-75px); -moz-transform:translateY(-75px); transform:translateY(-75px);}
	header.scroll-down .logo{ -webkit-transform:scale(1.5) translate(5px,38px); -moz-transform:scale(1.5) translate(5px,38px); transform:scale(1.5) translate(5px,38px);}


}
@media (min-width:1600px){
	.page-industries-served section .panel-content, .page-capabilities section .panel-content, .page-certifications section .panel-content{
		margin:40px 0;}
	.panel-content{ margin:15px 0;}


}