body {padding:0px; margin:0px auto; font-family:arial,verdana; font-size:12px; color: #B54C12;}
img{border:0px} h1{font-family:Arial,Verdana;font-size:16px;  font-weight:bold; color: #900; }
a {color:#930;} .text{font-family:Arial,Verdana;font-size:14px;color: #B54C12; line-height:21px;}
.fl{float:left} .rt{float:right}
.wrap{ width:100%; float:left; background:url(images/bg.png) repeat-y top center;}
.top-nav{ width:100%; float:left}
.header{  width:100%; float:left; overflow:hidden; background:url(images/header.jpg) no-repeat}
.img-rgt{ padding-right:20px;} .pd-lt{ padding-left:-30px;}
.top-str{ width:100%; float:left; background:#bb2200;  color:#fff; padding:10px 10px 10px 10px;}  .top-str a{ color:#fff; text-decoration:none}
.top-str .fl{ font-weight:bold}
.left-area{width:19.2%; float:left; text-align:justify;  background:url(images/nav-bg.jpg) repeat-y;}
.right-area{ width:77%;  float:left; margin-left:1.4%;}
.box-1{ width:100%; float:left; margin-top:15px;}  .box-1-img{ width:14%; float:left;} .box-1-cont{ width:50%; float:left;}  
.anylinkcss {position: absolute; visibility: hidden; padding-left:65px; margin-top:0px;}
.left-nav{width:100%; float:left}  .left-nav ul{width:100%; float:left; margin:0px; padding:0px;} 
.left-nav .head{width:100%; color:#000; background:url(images/nav-head-bg.png) no-repeat; padding:2px 0 4px 22px; font-size:12px; font-weight:bold;}
.left-nav .head a{ color:#000; text-decoration:none}
.left-nav li{font-family:Arial,Verdana,Arial; font-size:13px; color:#FFFFFF;  padding:3px 0 3px 10px; line-height:19px; list-style:none; 
 background:url(images/nav-bg1.png) no-repeat; }
.left-nav li ul{ margin:0px; padding:0px;}
.left-nav11{ width:95%; float:left; background:url(images/bg-links2.gif) no-repeat;}
.left-nav li ul li{padding-left:-1px !important; list-style:disc; margin-left:20px; border-top:none; font-size:12px; line-height:15px;} 
.left-nav li ul li a{ padding-left:0px; background:none; margin:0px;}
.left-nav li a{color:#fff !important; text-decoration:none;  padding-left:15px;}
.navbar-static-top {margin-bottom:1px;}
.hide{ display:none;}  .show{ display:block;}
.panel-group{ display:none;}
.img-respon { width:100%;}
.img-respon img{ width:100%;}
.yellow-txt{ width:100%; float:left; background:#ffedc4;} .top-rt{ width:10%; float:right;} .top-lt{ width:60%; float:left;}
.top-nav{ width:100%; float:left}
.banner{ width:100%; float:left;}


 @media screen and (max-width:1200px) {
	 .products{}
	 }

@media screen and (max-width:800px) {
	.left-area {width:100%;}
	.panel-group { display: block !important;}
	.hide{ display :block; width:100%; float:left}  .show{ display:none !important;}
}



@media screen and (max-width:480px) { 
.blue img{ width:auto !important;}
.box-1-lt { width:100% !important; margin:10px 0 10px 0px;}  .box-1-rt{ width:100%; margin:0 0 10px 0px;} 
.header { overflow:hidden;}
.text-align img{ width:98% !important; padding:9px 0 9px 0px;}
.left-area{ width:100%;}
}

@media screen and (max-width: 728px) {
	.box-1-lt img{ width:80%;}
	
	}

@media screen and (max-width:600px) {}


	
@media screen and (max-width:768px) {}