@charset "utf-8";
/* CSS Document
bootstrap 8K  big grid
 */
@media(min-width:1280px) and (max-width:1366px){
	.logo img{ width:350px;}
	.header{ padding:18px; padding-bottom:0px; padding-top:15px;}
	.main_nav, .categories{ padding-top:5px;}
	.categories h4{ margin-top:-5px;}
	
	.banner big{top: 155px;
    width: 63%;
    z-index: 1000;}
	
	.inside_banner big{ width:auto !important; top: 135px;}
	
	} 
@media(min-width:1280px) and (max-width:1679px) {
.container {
	width: 100%
}
.banner big strong{ font-size:2.5em;}
.search_form{ left:90px;}
.yellow_bg h3{ font-size:1em;}
.footer .line{ margin-right:0px;}
}
@media(min-width:1367px) and (max-width:1800px){
		.inside_banner big{ width:auto !important; top: 165px;}
	}

@media(min-width:1680px) and (max-width:8000px) {
.container {
	width: 1570px
}
}
@media(min-width:1280px) and (max-width:8000px){
	.page_numbers{ float:left}
	.bs-docs-example .pagination_top{ float:right}
.bs-docs-example .pagination_bottom{  float:right}	
	}

@media(min-width:0px) and (max-width:480px){
	.banner img{ height:300px; width:100% !important;}
	.inside_banner img{ height:250px !important;}
	.banner big{ top:40%;}
	.banner big strong{ font-size:1.5em;}
	
	.owl-carousel01 .owl-prev{ font-size:1em; padding:2px 10px}
	.owl-carousel01 .owl-next{ font-size:1em; padding:2px 10px}
	.yellow_bg h3{ font-size:1em;}
	.yellow_bg div img{ padding:0px; padding-right:10px;}
	.two_banners{ height:auto; padding:0px;}
	.one_banners{ padding:0px; margin-bottom:15px;}
	.two_banners div:first-child{ padding-bottom:15px;}
	.product_holder div{ margin-bottom:15px;}
	.listing > div > div{ border:none;  border-bottom:1px #cccccc solid; padding-bottom:20px;}
	.bran_slider{ margin-left:-15px;}
	.footer > div:first-child{ margin:-20px -20px 15px;}
	.footer .line{ border:none !important}
	.footer{ text-align:center; padding-bottom:100px;}
	.one_banners div span, .two_banners div span{ bottom:20px;}
	.footer div{ padding:0px;}
	.two_banners img{ width:100% !important; height:auto !important}

}
@media(min-width:0px) and (max-width:600px){
.upload img{ width:100%}
	}

@media(min-width:601px) and (max-width:1024px){
.upload { float:left; width:48%; margin-top:0px; margin-right:15px;}
.upload img{ width:100%}
.rfq_cat span{ display:block !important; overflow-y:auto;}
.rfq_cat{ position:relative}
.rfq_cat .no_click{ position:absolute; z-index:1000; display:block; height:58px !important; width:100%; top:0px !important;}
	}	
@media(min-width:1025px) and (max-width:8000px){.upload img{ width:100%}}

@media(min-width:481px) and (max-width:1024px){

	.banner img{ height:490px; width:100% !important;}
	.inside_banner img{ height:270px !important;}
	.banner big{ top:40%;}
	.banner big strong{ font-size:2.3em;}
	
	.owl-carousel01 .owl-prev{ font-size:1em; padding:2px 10px}
	.owl-carousel01 .owl-next{ font-size:1em; padding:2px 10px}
	
	
		.yellow_bg h3{ font-size:1em;}
	.yellow_bg div img{ padding:0px; padding-right:10px;}
	.two_banners{ height:auto; padding:0px;}
	.one_banners{ padding:0px; margin-bottom:15px;}
	.two_banners div:first-child{ padding-bottom:15px;}
	.product_holder div{ margin-bottom:15px;}
	.listing > div > div{ border:none;  border-bottom:1px #cccccc solid; padding-bottom:20px;}
	.bran_slider{ margin-left:-15px;}
	.footer > div:first-child{ margin:-20px -20px 15px;}
	.footer .line{ border:none !important}
	.footer{ text-align:center; padding-bottom:100px;}
	.one_banners div span, .two_banners div span{ bottom:20px;}
	.one_banners img{ width:100%;}
	
	.two_banners div{ display:inline-block; width:50%; float:left;}
	.two_banners img{ width:100% !important; height:auto !important}
	
	}	
@media(min-width:0px) and (max-width:1024px){
	.pagination_holder span{ width:100%; padding:2px 5px; text-align:center}
	.categories span{ width:100% !important; display:none}
	.left_form form{ width:100% !important; display:none}
	.one_banners img{ width:100% !important; height:auto !important}
	.categories{ background-color:#f5f5f5; margin-bottom:20px;}
	
.mover{ display:block; padding-top:20px;}

.fixed02{ position:fixed; top:66px; padding:10px !important; width:100%; background-color:#ffffff !important; display:block; left:0px !important; right:0px !important; z-index:1000; border-bottom:1px #cccccc solid;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}
.btt{ display:none;}
	}

	
	
@media(min-width:0px) and (max-width:1279px){
	.banner .search_form form { background-color:#ffffff;}
.banner .search_form h2 { background-color:#000000;)}
	.container {width: 100%}
	.header{ padding:15px; background-color:#0D2D6A;}
	.cta{ display:none;}
	.logo img{ width:200px;}
	.menu_bars{ display:block; position:absolute; right:10px; top:8px; z-index:1000; padding:10px; font-size:1.5em; color:#ffffff !important; height:42px; width:42px;}
	.menu_search{ display:block; position:absolute; right:50px; top:8px; z-index:1000; padding:10px; font-size:1.5em; color:#ffffff !important;  height:42px; width:42px;}
	.main_nav{ position:fixed; top:0px; bottom:0px; height:100%; background-color:#000000; width:280px; right:0px; padding-top:78px; padding-bottom:78px; margin-right:-280px; 	/*Main nav Animation*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;/*Main nav Animation close*/}
	.main_nav ul{ position:absolute; top:78px; bottom:78px; height:70%; z-index:1000; overflow-y:auto; left:0px; right:0px; text-align:left;}
	.main_nav li{ display:block; width:100%; clear:both;}
	.main_nav li a{ display:block; padding:12px !important; width:100%; border:none !important;  border-bottom:1px #333333 solid !important;}
	.main_nav li a:hover, .main_nav li .act{ background-color:#fcbf67; color:#333333;}
	
	.slideme{ margin-right:0px;}
	.search_form{ display:none;}
	.show_search{ display:block; width:92% !important; position:fixed; top:80px; margin:0 auto;  left:0px; right:0px; z-index:100000; }
	.search_form h2{ width:100%; text-align:center}
	.search_form form{ padding:15px !important;}
	
	
	.yellow_bg div div{ overflow:hidden; border:none; border-bottom:1px #c49044 solid;}
	
	
	/*************************{ cta}**************************/
.mobcta {
	display: block;
	position: fixed;
	bottom: 0px;
	padding: 18px;
	background-color:rgba(0,0,0,0.8);
	color: #ffffff;
	width: 100%;
	z-index: 1000;
	text-align: left;
	min-width: 270px;
}
.mobcta a {
	display: inline block !important;
	padding: 10px 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:#5568AC;
}
.mobcta a:hover {
	background-color:#7696F5;
	color: #ffffff;
}

.gaq {
    background-color: #2aa9e0;
    bottom: 9px;
    color: #000000;
    font-weight: bold;
    padding: 9px 12px;
    position: fixed;
    right: 64px;
    text-decoration: none !important;
    z-index: 1000;
}

.left_form{ display:none !important;}
	
.light_box{ position:fixed; background-color:rgba(0,0,0,0.8); left:0px; top:0px; bottom:0px; right:0px; z-index:1001; display:none}	
.shoing{ display:block;}
}
.stop_scrol{ overflow:hidden !important;}