.main-menu ul li .submenu li {float: none; margin: 0 0 10px; padding: 5px;}


@media screen and (min-width:0) and (max-width:1220px){.wrap{width:auto;margin:0 15px}.top-menu{width: 68%;}.logo{float: left;width: 29%;padding-bottom: 16px;}.right-side{float: right;width: 68%;}.product-list li{width: 240px;}
}
@media screen and (min-width:0) and (max-width:1140px){.right-side{float: right;width: 64%;}.product-list li{width: 47%;margin-bottom:20px}
}
@media screen and (min-width:0) and (max-width:1024px){.right-side{float: right;width: 63%;}.top-menu{float: right;width: 62%;}.search-bx{float: right;margin-bottom: 10px;}input.btn-ser{padding: 5px 12px;margin-right: 0;}.main-menu{padding-block-end: 10px;}.header-right-bx{margin-bottom: 17px;}.left-side{width: 31%;float: left;margin-right: 30px;}.product-list li{width: 46%;margin-bottom: 20px;}.product-list li .product0img img{width:100%}
}
@media screen and (min-width:0) and (max-width:767px){.mobmenu{background: transparent url("../images/icon_menu.jpg") no-repeat scroll 0px 0px / 100% auto;border-radius: 3px;cursor: pointer;display: inline-block;font-size: 0px;height: 32px;right: 13px;position: absolute;text-indent: -9999px;width: 42px;z-index: 999999;top: 101px;}.main-menu ul{	background: #FFF none repeat scroll 0px 0px;float: left;left: 0px;position: absolute;width: 100%;z-index: 9999999;display: none;border-top: 1px solid #DDD;top: 144px;}.main-menu ul li{float: none;font-size: 14px;margin: 14px 0;padding-left: 10px;text-transform: uppercase;}.logo img{width:100%}.logo{  padding-bottom: 45px;  width: 210px;}
.login-bx {
  margin-top: 20px;
  padding: 0;
}
.login-right {
  background: #f9f9f9 none repeat scroll 0 0;
  border-radius: 2px;
  margin: auto;
  padding: 20px 15px 20px;
  width: auto;
}
.login-right li {
  float: left;
  margin-right: 9px;
  width: 100%;
}
.main-menu ul li .submenu li {font-size: 12px;}
.main-menu ul li .submenu  {
  border: medium none;
  display: block!important;
  left: 13px;
  position: absolute;
  top: 35px;
}
.main-menu ul li .submenu li:hover {
  float: none;
  margin: 0 0 10px;
  padding: 5px;
}
.main-menu ul li:hover {

  padding: 10px;
}
.main-menu ul li {margin: 5px 0;}

}
@media screen and (min-width:0) and (max-width:676px){.left-side{float: left;margin-right: 50px;text-align: center;width: 100%;margin-bottom: 35px;}.accord-mainNav ul li a{margin-right:0 !important}.right-side{clear: both;float: none;width: 100%;}.product-list li{border: 1px solid #ddd;float: none;margin: auto auto 23px;width: 50%;}.product-list li:nth-child(3), .product-list li:nth-child(6){margin-right: auto;}.contant.home{text-align: center;}.bottm-menu li{	float: none;font-size: 15px;margin-right: 20px;padding: 8px 0px;}.bottm-menu{  float: none;  text-align: center;}.copy-right{	float: none;padding: 20px 0px;text-align: center;}
}
@media screen and (min-width:0px) and (max-width:640px){.submenu-toog-1 {left: 0;position: absolute;top: 39px;width: 100%;z-index: 99;}}
@media screen and (min-width:567px) and (max-width:700px){.login-bk ul li{	float: left;margin-right: 4px;text-transform: uppercase;margin-top: 5px;}.logo{	padding-bottom: 45px;}
}
@media screen and (min-width:0px) and (max-width:566px){.login-bk ul li{	margin-right: 0px;width: 134px;}.logo{	float: none;width: 60%;padding-bottom: 16px;text-align: center;margin: auto;}.top-menu{	float: right;width: 100%;}.mobmenu{  top: 166px;}.header-right-bx{  margin-bottom: 29px;}
}
@media screen and (min-width:0px) and (max-width:480px){.main-menu ul{top:255px}.logo{  float: none;  width: 197px;}.product-list li{border: 1px solid #ddd;float: none;margin: auto auto 23px;width: 100%;}
}
@media screen and (min-width:0px) and (max-width:360px){.mobmenu{top: 189px;}
}