/*		Mobile Layout: 320px.
*/
.phone{display:none;}
html,body{}
#mobile-menu-box{
	width: 250px;
	position: absolute;
	top:0px;
	left: -250px;
	bottom:0px;
	background-color: #444444;
	z-index: 9;
	min-height: 800px;
}
#phone-menu-btn{
	background-color: #bf1911;
	border:1px solid #555555;
	background-color: black;
	border-radius: 4px;
	width: 34px; height: 34px;
	top:3px;
	position: absolute;
	left: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 9999999;
}
#phone-menu-btn img{
	width: 26px;
	margin-top: 7px;
}
#phone-menu-btn:hover{
	background-color: #bf1911;
}
#mobile-nav{
	margin: 10px;
	padding: 7px;
	width: 216px;
	background-color: #333333;
	border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
	list-style: none;
	padding-top: 50px;
}
#mobile-nav > li {margin: 0px 0px;}
#mobile-nav > li > a{
	background-color: black;
	display: block;
	padding: 10px;
	color: white;
	text-transform: uppercase;
	font-family: 'fjalla_oneregular';
	font-weight: normal;
	font-size: 18px;
	border-radius: 4px;-moz-border-radius:4px;-webkit-border-radius: 4px;
}
#mobile-menu-box .espanol {
	background-color: black;
	display: block;
	padding: 10px;
	color: white;
	text-transform: uppercase;
	font-family: 'fjalla_oneregular';
	font-weight: normal;
	font-size: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: block;
	width: 196px;
	margin: 0 17px 0;
	position: relative;
	top: 15px;
}
#mobile-nav > li > ul{margin: 0px;list-style: none;}
#mobile-nav > li > ul > li > a{
	color: #adadad;
	text-transform: uppercase;
	font-size: 11px;
	padding: 7px 0px;
	display: block;
	border-bottom: 1px solid #555555;
	border-top: 1px solid black;
	padding-left: 10px;
}
#mobile-nav > li > ul > li.active > a
,#mobile-nav > li.active > a{
	background-color: #D6202A;
	color: white;
}
#mobile-nav > li > ul > li.active > a{
	color: #D6202A;
	background-color: #333333;
}
@media only screen and (max-width: 767px) {
	body{background-color: #444444;width: 100%;}
    .phone{display: inherit;}
    .desktop-only{display: none!important;}
    #wrap{margin-left: 0px;}
	#wrap,#header-bg,#internal-bg,footer{
		min-width: 320px;
	}
	#header-bg{border-top-width: 42px;height: 108px;border-bottom-width: 42px;}
	#internal-bg{
		height: 460px;
	}
	header,#content-wrap,#footer-content{
		width: 300px;
		padding: 0px 10px;
	}
	#hero-banner{
		width: auto;
	}
	#logo{
		width: 300px;
		left: 10px;
	}
	#telephone{
		background-color: black;
		font-size: 20px;
		line-height: 20px;
		padding: 7px;padding-left: 40px;
		top:5px;
		bottom:auto;
		right: 10px;
		margin:0px!important;
		background-position: 5px 4px;
		border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
	}
	#telephone-int{display: none;}
	#searchWrap{top:auto;bottom:5px;right: 10px;}
	#search{width: 250px;}
	#google_translate_element{display: none;}
	
	.flex-viewport{height: 110px;
	background-color: white;}
	.flex-control-nav{width: 320px;
		background-image: none;
		background-color: black;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}
	.flex-caption{
		top:10px;
		padding-right: 10px;
	}
	.flex-caption h3{
		font-size: 18px;
	}
	.flex-caption p{
		/* display: none; */
		color:#363636;
		text-shadow: 0px 1px 1px white;
		font-size: 12px;
		line-height: 1;
		font-family: 'ropa_sansregular';
		margin-top: 0px;
		letter-spacing: 0px;
		margin-right: 0px;
		text-align: right;
	}
	.flex-caption a{display: none;}
	.home #main-content{
		width: 300px;
		padding: 10px;
	}
	.rfq-btn{
		padding: 0px 10px;
		padding-top:13px;
		text-align: left;
		background-position: right bottom;
		font-size: 16px;
		height: 36px;
		border-radius: 8px;
		overflow: hidden;
	}
	.rfq-btn:hover{
		height: 33px;
		padding-top: 16px;
		background-position: right top;
		border-radius: 8px;
	}


	.sample-btn{
		padding: 0px 10px;
		padding-top:13px;
		text-align: left;
		background-position: right bottom;
		font-size: 16px;
		height: 36px;
		border-radius: 8px;
		overflow: hidden;
		margin-top:10px!important;
	}
	.sample-btn:hover{
		height: 33px;
		padding-top: 16px;
		background-position: right top;
		border-radius: 8px;
	}

a.testing-services-cta{
  display: block;
  width: 100%;
}
a.testing-services-cta span{ 
	letter-spacing: 0.2px;
  	width: 47%;
  	font-size: 15px;
}
	.home .rfq-btn, .home .sample-btn{
		margin: 0px;
	}
	
	.home-bucket{
		margin: 10px 0px;
		margin-bottom: 30px;
		width: 300px;
		height: 210px;
	}
	.home-bucket .description{
		display: none;
	}
	
	
	
	#primary_nav
	,#global-nav
	,#header-finder-btn
	,#download-box
	{display: none;}
	
	h1{font-size: 30px;line-height: 32px;}
	
	/*footer*/
	#footer-logo{left: -32px;top:-75px;}
	footer{
		height: 390px;
		border-top-width: 53px;
	}
	#footer-bottom-content, footer address{
		width: 300px;
	}
	#footer-bottom-content{
		top:0px;
		border-top-left-radius: 32px;
		border-top-right-radius: 32px;
	}
	#footer-links{width: 300px;text-align: left;}
	#footer-links li{
		display: inline-block;vertical-align: top;zoom: 1;*display:inline;
		margin: 0px 3px;
		padding: 5px 0px;
		border:1px solid #555555;
		width: 138px;
		text-align: center;
		text-transform: capitalize;
		background-color: black;
		border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
	}
	footer address{height: 110px;}
	footer address ul{width: 300px;position: absolute;top:30px;}
	footer address ul li{display: block;}
	footer address .red-icon.home{left: 50px;}
	footer address .red-icon.linkedin{right: 124px;}
	footer address .red-icon.facebook{right: 90px;}
	footer address .red-icon.twitter{right: 56px;}
	footer address .red-icon.youtube{right: 192px;}
	footer address .red-icon.google{right: 158px;}

	#page-banner{margin: 0px;margin-bottom: 10px;}
	#page-banner h1{width: 200px;font-size: 20px;line-height: 24px;}
	#page-banner .rfq-btn, #page-banner .sample#top-column {display: none;}


	#main-content h2{font-size: 18px;line-height: 22px;}
	.row-fluid .span4
	,.row-fluid .span8
	,.row-fluid .span6{width: 100%;margin: 0px;}
	/*landing-page 2col*/
	.two-col-layout #content{margin: 0px;}
	.two-col-layout #content #main-content{padding: 0px;width: 300px;}
	.two-col-layout .home-bucket{margin: 0px;margin-bottom: 20px;}
	
	
	/* 3 col */
	.three-col-layout #content{margin: 0px;}
	.three-col-layout #content #main-content{padding: 0px;width: 300px;}
	.small-bucket{margin: 0px;margin-bottom: 10px;width: 300px;height: auto;}
	.small-bucket h3{font-size: 26px;padding: 15px 10px;background-color: black;
		border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
	}
	.small-bucket .description{display: none;}
	
	/* 1 col */
	.one-col-layout #main-content{
		padding: 5px 0px;
		padding-bottom: 30px;
	}
	/*right column*/
	#sidebar-right{margin: 0px;width: 300px;padding-bottom: 30px;}
	.request-sample{width: 300px;height: 100px;}
	.request-sample .gray-button{display: none;}
	#quickContact{margin-top: 0px;width: 300px;}
	#quickContact input, #quickContact textarea{width: 260px;}
	#newsletterSignup{margin-top: 0px;width: 300px;}
	#newsletterSignup input{width: 260px;}
	#blogSubscription{margin-top: 0px;width: 300px;}
	#blogSubscriptioninput{width: 260px;}	/*left column*/
	#phone-secondary-menu-btn{
		height: 42px;
		width: 42px;
		background-color: #D6202A;
		position: absolute;
		right: 10px;top:10px;
		border-radius: 21px;-moz-border-radius: 21px;-webkit-border-radius: 21px;
		cursor: pointer;
		text-align: center;
		background-image: url("../images/sprite_plus_minus.png");
		background-repeat: no-repeat;
		background-position: 6px 5px;
	}
	#phone-secondary-menu-btn:hover
	,#phone-secondary-menu-btn.active{
		background-color: black;
		background-position: 6px -23px;
	}
	
	#sidebar-left{margin: 0px;width: 300px;}
	#secondary-nav{margin: 0px;padding: 0px;background-color: transparent;width: 300px;
		display: none;
	}
	#secondary-nav h2{display: none;}
	#secondary-nav > ul{margin: 0px;width: 300px;background-color: black;}
	#secondary-nav > ul > li > ul{background-color: transparent;}
	#secondary-nav > ul > li > ul > li > a{color: white;
		border-bottom: 1px solid #555555;
		padding: 7px 10px;
	}
	#secondary-nav > ul > li
	,#secondary-nav > ul > li > a{color:white;background-color: transparent;font-weight: bold;}
	#secondary-nav > ul > li.active > a, #secondary-nav > ul > li > a:hover{background-image: none;}
	#secondary-nav > ul > li.active{display: block;}

	#sidebar-left .request-sample.survey {display: none!important; }
	#sidebar-right .request-sample.survey {display: block!important; }
	
	
	/*crumb*/
	#bread-social{
	 	width: 300px;
	 	
	 	margin: 10px auto;
		float: none;
		z-index: 999;
	}
	ul.B_crumbBox{margin: 0px;float: none;}
	.social-bar-container{display: none;}
	/*blog*/
	.blog-sidebar{display: none;}
	
	/*contact page*/
	.contact-form-block{
		margin: 0px;
		width: 300px;
	}
	.contact-form-block h3{margin: 0px;}
	#contact{width: 300px;margin: 0px;}
	#contact input, #contact textarea{width: 250px;}
	#contact input.gray-button{margin-left: 80px;}
	
	.map-block{margin: 0px;width: 300px;margin-bottom: 40px;}
	.map-block h3{margin: 0px;}
	.map-block iframe{margin: 0px 0px;
		width: 300px;
		height: 150px;
	}
	
	/*career */
	#career-form{
		margin: 0px;width: 300px;
	}
	#career-form input, #career-form textarea,#career-form select{width: 250px;}
	#career-form .half{margin: 0px;width: 300px;}
	#career-form .half label{margin-left: 20px;}
	#career-form .half input{width: 250px;margin: 4px 16px 10px;}
	#career-form input.gray-button{margin-left: 60px;}
	
	/*request sample form */
	#request-sample-form{
		margin: 0px;width: 300px;
	}
	#request-sample-form input, #request-sample-form textarea,#request-sample-form select{width: 250px;}
	#request-sample-form .half{margin: 0px;width: 300px;}
	#request-sample-form .half label{margin-left: 20px;}
	#request-sample-form .half input{width: 250px;margin: 4px 16px 10px;}
	#request-sample-form input.gray-button{margin-left: 60px;}
	
	#paypal-sample-request{padding:10px;width: 280px;}
	
	/*rfq*/
	#rfq{width: 300px;margin: 0px;}
	#rfq input, #rfq textarea{width: 250px;}
	#rfq input.gray-button{margin-left: 80px;}
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%!important; 
	}
	td ul li{
		font-size: 11px!important;
		line-height: 13px!important;
	}
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 0px;
		width: 40%;
		height: 100%; 
		white-space: nowrap;
		color: #D6202A;
		text-transform: uppercase;
		font-weight: bold;
		display: block;
		padding: 0px 10px;
		display: block;
	}
	
	/*
	Label the data
	*/
	.service-table ul{margin: 5px;}
	.service-table td:nth-of-type(1):before { content: "Advantages"; }
	.service-table td:nth-of-type(2):before { content: "Applications"; }
	
	.service-table.size-table ul{margin: 5px;}
	.service-table.size-table td:nth-of-type(1):before { content: "Product"; }
	.service-table.size-table td:nth-of-type(2):before { content: "Density (lbs/ft³)"; }
	.service-table.size-table td:nth-of-type(3):before { content: "Height (inches)"; }
	.service-table.size-table td:nth-of-type(4):before { content: "Width (inches)"; }
	.service-table.size-table td:nth-of-type(5):before { content: "Length (inches)"; }
	
	.service-table.size-table.metric-unit ul{margin: 5px;}
	.service-table.size-table.metric-unit td:nth-of-type(1):before { content: "Product"; }
	.service-table.size-table.metric-unit td:nth-of-type(2):before { content: "Density (kg/m³)"; }
	.service-table.size-table.metric-unit td:nth-of-type(3):before { content: "Height (cm)"; }
	.service-table.size-table.metric-unit td:nth-of-type(4):before { content: "Width (cm)"; }
	.service-table.size-table.metric-unit td:nth-of-type(5):before { content: "Length (cm)"; }
	
	.product-search-table td:nth-of-type(1):before { content: "Product"; }
	.product-search-table td:nth-of-type(2):before { content: "Series"; }
	.product-search-table td:nth-of-type(3):before { content: "Density"; }
	.product-search-table td:nth-of-type(4):before { content: "Service Temp"; }
	.product-search-table td:nth-of-type(5):before { content: "Strength"; }
	.product-search-table td:nth-of-type(6):before { content: "Detail"; }
	
	.market-table td.advantage:before { content: "Advantages"; }
	.market-table td.application:before { content: "Applications"; }
	.market-table td.certification:before { content: "Certifications"; }
	.market-table td.recommended:before { content: "Products"; }
	.market-table td.service:before { content: "Service"; }
	.market-table td.benefit:before { content: "Benefits"; }
	.market-table td.feature:before { content: "Features"; }
	
	/*distributor*/
	.distribitor-box .tool-tip{
		position:relative !important;
		bottom: 0px;
		width: auto;
	}
	
	.distributor-view{color: #D6202A !important;}
	
	.tip-arrow{
	  display: none !important;
	}
	
.toolTipClose{display: block;  margin-top: 10px;}
	
	.distribitor-box{height: auto!important;width: 300px;}
	
	.ulCols .col { min-width: 100%; max-width: 100%; }
	
.newsletter-thirds {
  width: auto;
  float: none;
  margin-bottom:10px;
}

}