/*mobile nav*/
	#mobile-search-form{
		position: relative;
	}
	#mobile-search{
		width: 100%;
		padding: 10px;
		border:1px solid gray;
	}
	#mobile-search-form i{
		color: gray;
		position: absolute;
		right: 10px;top:7px;
		font-size: 1.5em;
	}
	#mobile-search-form input[type="submit"]{
		position: absolute;
		right: 10px;top:7px;
		background-color: transparent;
		z-index: 99;
		border:0px solid white;
	}
	#mobile-btn-wrapper{
		;height: 60px;
		margin: auto;
		position: relative;
		display: none;
	}
	#mobile-nav{
		display: block;
		position: absolute;
		margin: 0px;padding: 20px;
		left: -320px;top:0px;
		width: 320px;
		background-color: #000000;
		z-index: 9999;
		-webkit-transition: all 0.3s ease;                  
		-moz-transition: all 0.3s ease;                 
		-o-transition: all 0.3s ease;   
		-ms-transition: all 0.3s ease;          
		transition: all 0.3s ease;
	}
	#page-index #mobile-nav{
	    height: 1080px;
		overflow: hidden;
	}
	#page-index #mobile-nav.active{
	    height:auto !important;
	}
	#mobile-nav.active{
		left: 0px;
		-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
	}
	#mobile-nav .close-btn{
		color: white;
	font-family: 'Oswald', sans-serif;
		font-size: 17px;
		line-height: 20px;
		margin-bottom: 10px;margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 0px solid white;
	}
	#mobile-nav .close-btn div{
		border-radius: 18px;-moz-border-radius: 18px;-webkit-border-radius: 18px;
		display: inline-block;zoom:1;*display:inline;
		width: 36px;height: 36px;
		text-align: center;
		margin-right: 10px;
		padding: 0px;
		vertical-align: middle;
		line-height: 20px;
		margin-top: -5px;
		background-color: white;
		padding-top: 4px;
	}
	#mobile-nav .close-btn div i{
		font-size: 28px;
		
		color: black;
		vertical-align: middle;
	}
	#mobile-nav li.nostyle{
		border:0px solid white;
	}
	#mobile-nav li .rfq-btn{
		width: 100%;
		margin-top: 20px;
		text-align: center;
		border-left: 2px solid white;
	}
	#mobile-nav li
	,#mobile-nav ul{
		margin: 0px;padding: 0px;
		list-style: none;
	}
	#mobile-nav ul{
		display: none;
	}
	#mobile-nav a{
		color: #e29100;
		font-size: 1.4em;
		text-transform: uppercase;
	    font-family: 'Oswald', sans-serif;
	}
	#mobile-nav > li {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	    border-bottom: 1px solid #333333;
	}
	#mobile-nav > li.parent .ion-chevron-down {
	    float: right;
	    color: #e29100;
	    font-size: 20px;
	    cursor: pointer;
	}
	#mobile-nav > li > a{
		font-weight: bold;
	}
	#mobile-nav > li > a:hover
	,#mobile-nav > li.active > a{
		
		text-decoration: none;
	}
	#mobile-nav > li ul > li > a {
	    font-size: 14px;
	    margin: 5px 0px;
	    color: #fff;
	    padding: 5px 0px;
	    border-top: 1px solid #333333;
	    padding-left: 10px;
	    text-transform: capitalize;
	    display: block;
	}
	#mobile-nav > li ul > li > a:hover{
	
		text-decoration: none;
	}
	#wrap{
		-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
	}
	#wrap.active{
		margin-left: 320px;
		-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
	}
	
@media only screen and (max-width: 1024px){
	.constraint{
		width: 100%;
		padding-left:4% !important;
		padding-right:4% !important;
	}
	#hero-banner .caption > div{
		width:90% !important;
	}
	.constraint-container{
		min-width: 768px;
	}
	
	#primary-nav
	,#global-nav
	,#telephone span{
		display: none;
	}
.searchWrap {
    right: 32%;
}
#telephone {
    z-index: 99;
    bottom: -60px;
    font-weight: bold;
    font-size: 1.8em;
    right: 4%;
}
#telephone strong a{
    color: #696969;	
}
	#mobile-btn-wrapper{
		display: block;
	}
	#hero-banner{
		height: auto;
	}
	#hero-banner .flexslider{
		margin-bottom: 0px;
		
	}
	#hero-banner .flexslider .caption > div{
		width: 768px;
		margin-top: 40px;
	}
	#hero-banner .flexslider .caption > div h3{
		font-size: 3.5em;
	}
	#hero-banner .flexslider .caption > div a{
		width: 50%;
		left: 25%;
	}
	.slick-slide img{
		width: 100%;
	}
	.home-content .col p{
		text-align: center;
	}
	.home-bucket h4{
		width: 100%;
		left: 0%;top:30%;
		border-left: 0px solid white;
		border-right: 0px solid white;
	}
	
	footer .divider{
		width: 22%;
		top:65px;
	}
	#footer-content ul.col-1{
		padding-left: 0%;
	}
	#footer-content address .tele a{
	pointer-events: auto;
}
	
	/*2col*/
	.tpl-3 #content,
	.tpl-8 #content,
	#sidebar-right,
	#blog-right{
		width: 100%;
	}	
	.standard-bucket{
		width: 47.5%;
		margin-right: 5%;
	}
	.standard-bucket:nth-child(2n){
		margin-right: 0%;
	}
	
	/*col3*/
	#sidebar-left{
		width: 100%;margin-bottom: 20px;
	}
	#secondary-nav h2{
		margin:20px 10px 0;
		padding: 10px;
		border-radius: 4px;
		border:1px solid #ececec;
		position: relative;
	}
	#secondary-nav > ul{
		margin: 0 10px;
		display: none;
	}
	#secondary-nav > ul.active{
		display: block;
	}
	#secondary-nav h2.active{
		background-color: #ececec;
	}
	.tpl-4 #content{
		width: 100%;
		padding-top: 0px;padding-bottom: 0px;
	}
	
	#secondary-nav-link-btn{
		display: block;
		position: absolute;
		right: 20px;top:12px;
		cursor: pointer;
	}
	#secondary-nav-link-btn:hover{
		color: #F7921E;
	}
	
	#mobile-nav-btn{
		display: inline;
		font-size: 3.5em;
		position: absolute;
		left: 4%;
		top:5px;
	}
	#mobile-btn-wrapper span{
	font-family: 'Oswald', sans-serif;
		left: 9%;top:16px;
		text-transform: uppercase;
		position: absolute;
		font-size: 1.5em;
	}
}
@media all and (max-width: 980px) {
#career-form {
    width: 100%;
    margin: 0 auto;
}
}
@media only screen and (max-width: 767px){
.tpl-3 #content-bg-wrap, .tpl-4 #content-bg-wrap{
	background:none;
}
	.tinysite{
    display:block;
}
	.constraint{
		width: 100%;
		margin:0 auto;
	}
	#content-wrap.constraint{
		padding:0 !important;
	}
	#content-wrap #content {
	    margin: 0 auto;
	    display: block;
	    float: none;
	    padding-left: 4%;
	    padding-right: 4%;
	}
	.constraint-container{
		min-width: 320px;
	}

	#logo img{
		width: 100%;
		height: auto;
	}
	.searchWrap
	,#mobile-btn-wrapper span
	,#product-cycle
	,#footer-top
	,#footer-content ul,
	#hero-banner .caption{
		display: none;
	}
	#hero-banner .flex-control-nav{
		bottom:10px;
		z-index:9;
	}
	#telephone strong{
		color: black;
		font-weight: bold;
	}
	#telephone{
		right: 55px;
		bottom:-62px;
		background-image: url("../images/nav_divider.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	}
	
	#mobile-nav-btn{
		background-image: url("../images/nav_divider.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	}

	#hero-banner, #hero-banner .slides li{
		height: 250px;
	}
	#hero-banner .flexslider{
		height: 250px;
		width: 200%;
		margin-left: -50%;
	}
	#hero-banner .flexslider .caption > div{
		width: 100%;
		height: 250px;
		padding: 10px;
		margin: 0px;
		border:0px solid white;
	}
	#hero-banner .flexslider .caption > div h3{
		font-size: 3em;
		width: 300px;
		margin-top: 10px;
	}
	#hero-banner .flexslider .caption > div p{
		display: none;
	}
	#hero-banner .flexslider .caption > div a{
		position: relative;
		left: auto;top: auto;
	}
	
	h1{
		font-size: 2.2em;
	}
	h2{
		font-size: 1.4em;
	}
	
	#home-buckets{
		padding: 0px;border:0px solid black;
	}
	#home-buckets > .constraint{
		width: 100%;
		padding-left:0 !important;
	padding-right:0 !important;
	}
	.home-bucket{
		width: 100%;
		height: auto;
		margin: 0px;padding: 0px;
		border:0px solid white;
		border-bottom: 10px solid #f7921e;
	}
	.home-bucket:hover{
		text-decoration: none;
	}
	.home-bucket:first-child{
		border-top: 10px solid #f7921e;
	}
	.home-bucket h4{
		padding-left: 40px;
		position: relative;
		text-align: left;
		top:0px;
		border:0px solid white;
		margin: auto;
		position: relative;
	}
	.home-content .col{
		width: 100%;
		margin: 0%;
		padding: 10px 0px;
	}
	.home-bucket h4:after{
		content:"\f125";
	font-family:"Ionicons";
	float:right;
	}
	
	#page-index #content{
		padding: 0px;
	}
	#footer-logo{
		width: 100%;
	}
	#footer-content address{
		width: 100%;
		float: none;
		margin: 0px;
		padding-left: 0;
		text-align: center;
	}
	#footer-link{
		width:100%;
		margin-bottom:20px;
	}
	#footer-link-2{
		width: 100%;
		text-align: center;
	}
	#footer-link-2 li,
	#footer-link-2 li i{
		margin:0 10px;
	}
	#content-bg{
		top:145px;
	}
	#breadcrumb-wrapper .rfq-btn{
		display: none;
	}
	#breadcrumb-wrapper h1{
		font-size: 1.8em;
	}
	
	.standard-bucket{
		width: 100%;
		margin-right: 0%;
	}
	.tpl-4 .standard-bucket{
		width: 100%;
		margin-right: 0%;
	}
	
	#footer-link .seperator.last{
		display: none;
	}
	#footer-link li{
		margin: 5px 25px;
		display: block;
		text-align: center;
	}
	#footer-link li.seperator{
		display:none;
	}
.tablet-search #search-onclick-btn {
    position: absolute;
    bottom: -59px;
    cursor: pointer;
    width: 59px;
    height: 59px;
    z-index: 100;
    right: 0;
}
.tablet-search #search-onclick-btn i {
    color: #000;
    position: absolute;
    font-size: 30px;
    left: 18px;
    top: 11px;
}
table p{
	font-size:13px !important;
	line-height:1.3;
}
.searchWrap {
    right: 32%;
    z-index: 10;
    width: 100%;
    top: 147px;
    right: 0;
    bottom: auto;
}
#content{
	padding:30px 0;
}
.standard-bucket{
	min-height:110px;
}
#main-content img{
	width:100% !important;
	margin:5px auto !important;
	float:none !important;
	height:auto !important;
}
#main-content #image-carousel img{
    width: auto !important;
    height: 200px !important;
}
#rfq,
.contact-top-block p,
#contact,
.map{
	width: 100%;
	float:none;
}
.contact-top-block .company_name{
	text-align: center !important;
	font-style: normal;
}
.map{
	margin-top: 10px;
}
#telephone strong a{
	pointer-events: auto;
	color:#000;
}
.standard-bucket h3 {
    margin: 15px auto;
    font-size: 18px;
}
.content-cta a{
	display: block;
}
.content-cta p{
	font-size:14px;
}
#main-content .career-banner-row img {
    height: 374px !important;
    float: left !important;
}
}
@media all and (max-width: 479px) {
    .current-openings-section, .core-values {
        display: block;
        width: 100%;
    }
    .core-values {
        padding-top: 10px;
    }
    .core-values h3 {
        text-align: center;
    }
}