@charset "utf-8";
/* CSS Document */

*:focus{ outline:none;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
    background: #eee;
  }
}

@media (min-width:0px) and (max-width:479px){
	.pager .owl-wrapper-outer{ width:67% !important;}
	body{ overflow-x:hidden;}
	.search_holder{ width:320px;}
	
.rfq_form{ display:none !important;}
	}

	
@media (min-width:0px) and (max-width:480px){

.message{ width:100%;}	

	.table-style td {
    clear: both;
    display: inline-block;
    padding: 0 !important;
    width: 100%;
	border:none !important;
	border-bottom:1px #dddddd solid !important;
}
.table-style tr:nth-child(even) td:nth-child(odd){ background-color:#f4f4f4 !important;}
.table-style tr:nth-child(odd) td:nth-child(odd){ background-color:#ffffff !important;}


.inside_section h3{ font-size:1.8em !important;}


.icon_holder{ text-align:center; float:none; width:auto}
	.inside_section h3{ font-size:1.8em !important}
	
	
.certifications .certif li{ display:inline-block; width:45%; text-align:center; margin-bottom:30px;}	
	}

@media (min-width:0px) and (max-width:640px){
	.certif img{ width:100%;}
	.floating_text02 big{ font-size:1.3em;}
#owl-demo02 img{ height:280px !important;}
	
.product_list tr:nth-child(odd) td:nth-child(odd){ background-color:#f4f4f4 !important;}
.product_list tr:nth-child(even) td:nth-child(odd){ background-color:#ffffff !important;}



.product_list th{ display:none !important;}
.product_list th:first-child{ display:table-cell !important;  padding:8px !important; width:50%;}
.product_list th:last-child{ display:table-cell !important;  padding:8px !important; width:50%;}

.product_list td{ display:none !important;}
.product_list td:first-child{ display:table-cell!important; padding:8px !important;}
.product_list td:last-child{ display:table-cell !important;  padding:8px !important;}

.search_holder{ text-align:center}
.search_holder input{
	width: 80%;
	margin-bottom: 15px;
}
.search_holder button{ margin-bottom:15px;}

.footer_top .box01 ul li{ width:auto; padding:0px;}
.footer_top .box02 { padding-bottom:20px;}
	}
	
	
@media (min-width:480px) and (max-width:767px){
	.pager .owl-wrapper-outer{ width:80% !important;}
		.certifications .certif li{ display:inline-block; width:32%; text-align:center; margin-bottom:30px;}
	
	}	
@media (min-width:768px) and (max-width:979px){
	.pager .owl-wrapper-outer{ width:88% !important;}
	
	.certifications .certif li{ display:inline-block; width:32%; text-align:center; margin-bottom:30px;}	
	
	#owl-demo02 img{ height:350px !important;}
	.floating_text02 big{ font-size:1.6em;}
	.search_holder input{
	width: 43%;
	margin-bottom: 15px;
}
.search_holder button{ margin-bottom:15px;}
.footer_top .box01 ul li{ width:auto;}
	}		


@media (min-width:980px) and (max-width:1279px){
	.pager .owl-wrapper-outer{ width:90.4% !important;}
	.search_holder{ padding:23px 15px 7px 15px !important;}
		.certifications .certif li{ display:inline-block; width:24%; text-align:center; margin-bottom:30px;}
			#owl-demo02 img{ height:390px !important;}
				.floating_text02 big{ font-size:1.9em;}
	}

@media (min-width:1025px) and (max-width:1280px){
	.pager .owl-wrapper-outer{ width:90.4% !important;}
	.inside_section h3{ font-size:1.8em !important}
	}	
@media (min-width:768px) and (max-width:1279px){
	.new-arv > div{ width:32.8%; display:inline-block}
	}
	
@media (min-width:1280px) and (max-width:1366px) {
.container {
	width: 100%;
	padding: 0px !important;
}

.icon_holder{ text-align:center; float:none; width:auto}
	.inside_section h3{ font-size:1.8em !important}
}
 @media (min-width:1367px) and (max-width:1512px) {
.container {
	width: 95%;
	padding: 0px !important;
}
}
 @media (min-width:1513px) and (max-width:15360px) {
.container {
	width: 1512px;
	padding: 0px !important;
}
}
 @media (min-width:0px) and (max-width:979px) {
.footer_top{ background-repeat:repeat; background-size:auto !important;}
.search_holder {
	text-align:center;
	padding-bottom: 0px;
}
.search_holder strong {
	padding: 0px 0px 10px 0px;

}
}
 @media (min-width:0px) and (max-width:1279px) {

.header{ position:fixed; z-index:10000; height:69px !important; background-color:#ffffff; overflow:visible;}

section {
    margin-bottom: 30px;
    margin-top: 78px;
}

.breadcrumb{ padding:10px 3px; border-radius:0px;}


 
	 .header .container div:nth-child(2){ display:none !important;}
	 .fixform{ letter-spacing:0px; font-weight:normal;}
	 .form_left{ display:none;}
	 .owl-pagination{ display:none;}
	 .mro_image{ float:none;}
	 .product_list{ position:relative;}

.product_list tr{ position:relative}
.product_list th{ position:relative; overflow:hidden; border-left:1px #f4f4f4 solid !important;}
.product_list th div{ display:block; position:fixed; background-color:#848B93; padding:8px; color:#ffffff; display:block; width:100%; margin-left:-9px; border-left:1px #f4f4f4 solid !important; top:0px;}	 
.product_list th:first-child div{ padding-left:25px !important; margin-left:-25px !important;}
 
body {
	/*Main nav Animation*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;/*Main nav Animation close*/
}
.container {
	padding: 0px;
	width: auto !important;
}
.top_bar {
	padding: 0px;
	height: 4px;
	width: 0px;
}
.top_bar .col-lg-5 {
	display: none;
}
.logo img {
    padding: 1px 0;
    width: 193px;
}

.search_holder{ display:none; width:100% !important; position:fixed; z-index:10000; top:69px; background-color:#f4f4f4; border-bottom:2px #cccccc solid; padding:15px 0px 15px 0px!important; text-align:center}
.slidemenu {
		text-decoration:none !important;
	display: block;
	padding: 15px;
	position: fixed;
	z-index: 1000;
	top: 11px;
	right: 0px;
	background-color: #1F252B;
	background-position: left;
	color: #ffffff !important;
	font-size: 1.5em;
	/*Main nav Animation*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;/*Main nav Animation close*/
	border: none !important;
	outline: none !important;
	height:50px;
}

.search_menu{ display: block;
	height:50px;
	text-decoration:none !important;
	padding: 15px;
	position: fixed;
	z-index: 1000;
	top: 11px;
	right:53px;
	background-color: #1F252B;
	background-position: left;
	color: #ffffff !important;
	font-size: 1.5em;
	/*Main nav Animation*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;/*Main nav Animation close*/
	border: none !important;
	outline: none !important;}

.search_menu i {
		line-height:20px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	display: block; /*Main nav Animation*/
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;/*Main nav Animation close*/
}

.cat_holder ul li{ padding:0px;}
.cat_holder ul li a{ display:block; padding:10px; border-bottom:1px #cccccc dashed; text-decoration:none;}

.upload{ margin-top:0px;}

.slidemenu i {
	line-height:20px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	display: block; /*Main nav Animation*/
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;/*Main nav Animation close*/
}
.top_nav {
	position: fixed;
	z-index: 100000000;
	height: 100%;
	top: 0px;
	padding-top: 11px;
	right: 0px;
	bottom: 0px;
	margin-right: -260px;
	width: 260px;
	background-color: #1F252B;
	background-image: url("/images/bg-nav.png") !important;
	background-repeat: repeat-y !important;
	/*Main nav Animation*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;/*Main nav Animation close*/
}

.logo_hold {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    margin: 0 -15px !important;
    padding: 11px 12px;
    position: fixed;
	z-index:1000;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 100;
}

.slideme {
	margin-right: 0px;
}
.slideme_menu {
	margin-right: 260px;
}
.slideme_body {
	margin-left: -260px;
	margin-right: 260px;
}
.top_nav li {
	display: block;
	margin: 0px;
	padding: 0px;
}
.top_nav li a {
	padding: 15px 20px;
	clear: both;
	display: block;
	border-bottom: 1px #444444 solid;
	text-decoration: none;
	border-right:none;
}
.top_nav li .acto{ background-color:#00C8E0 !important; }
.top_nav li a:hover {
	background-color: #848b93;
}

.header .logo {

}
.cat_head{ margin-bottom:18px !important;}
.cat_holder{ display:none; width:100% !important; padding:20px !important; margin-top:0px; margin-bottom:18px;}

#owl-demo02 img{ height:200px; width:100%;}

#owl-demo02 .owl-buttons .owl-prev{ top:60%; display:block; visibility:visible;}
#owl-demo02 .owl-buttons .owl-next{ top:60%;  display:block; visibility:visible;}
#owl-demo02 .owl-buttons div {
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 100% !important;
    font-size: 1.2em !important;
    font-weight: bold;
    height: 30px;
    margin: 5px;
    padding: 0 10px !important;
    text-align: center !important;
    width: 30px;}
#owl-demo02 .owl-buttons i{ color:#ffffff; opacity:1; z-index:10000000; position:relative;}
.new_inside .floating_text strong{ font-size:1.5em !important;}
.floating_text02{ width:100%; padding:10px;}
.banner_slider li{ background-color:#000000;}

#owl-demo02 .owl-pagination{ left:10px; bottom:10px;}
.banner_main{ margin-top:15px;}

.new-arv div{ padding:0px; padding-right:0px; margin-bottom:20px; font-size:1em;}
.new-arv .floating_text{ font-size:0.62em;}

.content_holder{ margin-top:0px;}
.listing li{ border:none !important;}
.two_section h2, .two_section h3{ font-size:2em;}

.footer div{ text-align:center; padding:10px;}
.footer_sections > div{ overflow:hidden; height:auto; border:none; border-top:1px solid #5e646b; margin:0px; padding:20px 0px;}
.footer{ padding-bottom:65px;}

/*************************{ cta}**************************/
.mobcta {
	display: block;
	position: fixed;
	bottom: 0px;
	padding: 15px;
	background-color:#2B3037; /*#9D3330;*/
	color: #ffffff;
	width: 100%;
	z-index: 10000;
	text-align: left;
	min-width: 270px;
}
.mobcta a {
	display: inline block !important;
	padding: 8px 15px;
	margin-left: 5px;
	margin-right: 5px;
	float: none !important;
	margin-top: 0px;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	background-color: #00c8e0;
}
.mobcta a:hover {
	background-color: #fcf864;
	color:#333333;
}
.myaccount {
	margin: 0px;
	padding: 0px;
	margin-top: 120px;
}
.fixform{ bottom:9px; right:55px; padding:6px 13px;}
#topcontrol{ right:5px !important; opacity:1 !important; bottom:3px !important;}
#topcontrol{ display:block !important; right:5px !important;}	

.rhs h1{ font-size:1.8em;}
.rfq_main .input_box, .rfq_main textarea, .rfq_main select{ width:93%;}
}