/************************************** Responsive Styles **************************************************/
@media (max-width: 999px) {
}

@media(max-width: 979px) {
	.Wrapper{margin:0 10px;width:auto;}
	#MainBanners{height:auto;}
	#MainContent .products li{width:22.9%;}
	#MainContent .products li .proImg{height:auto; width:auto;}
}

@media(max-width: 799px) {
	
	#MainContent .products li{width:22.8888%;}
}

@media(max-width: 767px) {
	#Header{background:#000; border-top:5px solid #000; height:auto; text-align:center;}
	#MainContent .products li{width:22.4444%;}
}

@media (max-width: 639px)  {
	#Header .logo{float:none; margin:20px 0; width:auto;}
	#Header .cont{float:none; display:block; margin:0 auto 20px; width:222px;}
	#MainContent .products li{width:49%; margin:0 0 20px;}
	#MainContent .products li:nth-child(2n){float:right;}	
	
	#MainContent .big_img{float:none; margin:0 0 30px; text-align:center; width:100%;}
	#MainContent .P_Detail{float:none; margin:0 0 30px; text-align:center; width:100%; clear:both;}	
	#MainContent #cont_form,#MainContent .address{float:none; margin:0 0 15px; width:100%;}
	#MainContent .address{margin-left:10px;}
}

@media (max-width: 479px)  {
    
}

@media (max-width: 439px) {
    
}

@media (max-width: 399px)  {
    
}

@media (max-width: 383px) {
    
}

@media (max-width: 319px) {
    
}


/************************************** Smart Menus **************************************************/

@media(max-width: 767px) {
    .navbar-header {display:block;}
    #MainNav {display:none;height:auto;background:none;margin-top:0px;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
	ul.sm ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;box-shadow:none;border:none;padding:0px;}
	ul.sm>li{display:block;background:url(../images/nav_bg.jpg) repeat-x;padding:0px;text-align:left;float:none;width:100%;}
	ul.sm li{margin:0px;}
	ul.sm>li>a,ul.sm ul.sm-nowrap>li>a{white-space:normal; margin-right:0px;}
	ul.sm>li>a{white-space:normal;padding:0px 15px;}
     ul.sm ul.sm-nowrap>li>a{background-color:#8F8F8F;color:#fff}
    ul.sm ul.sm-nowrap>li>a:hover{background-color:#000;}
	ul.sm iframe{display:none;}
    ul.sm ul.sm-nowrap>li>ul>li>a{background-color:#ddd;}
    ul.sm ul.sm-nowrap>li>ul>li>a:hover{background-color:#aaa;color:#fff;}
    .sm a:hover, .sm a:focus, .sm a:active,.sm a.Active,.sm a.highlighted {color:#fff;background-color:#004F91;}
    .sm li:last-child {background:url(../images/nav_bg.jpg) repeat-x;margin-bottom:0px;}

    .sm li:first-child{border-top:none;}
    .sm > li > ul:before, .sm > li > ul:after {display:none;}
    .sm a span.sub-arrow,.sm ul a span.sub-arrow {top:50%;margin-top:-9px;right:auto;left:6px;margin-left:0;width:17px;height:17px;font:normal 16px/16px monospace!important;text-align:center;border:0;text-shadow:none;background:rgba(250,250,250,0.7);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;display:block;position:absolute;color:#004F91;}
    .sm a.highlighted span.sub-arrow {}
    .sm a.has-submenu {padding-left:30px;padding-right:0px;}
}