@media screen and (min-width:1550px){
body{width:1366px!important;margin:0 auto}
#smb-order-cart{font-family: arial;font-weight: bolder;}
}
@media screen and (max-width: 1366px){.hidden-lg{display:none}}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 1100px){.hidden-md{display:none}}
@media screen and (max-width: 1024px){
#menu_mobi {display: block;top: 2px;left: 2px;}	
#boxcart a i{padding: 7px;width: 31px;}
#time{display:none}
.hidden-md,.hidden-lg{display:initial}
header{position:relative;z-index:999;top: 0;box-shadow:none;background:#fff;padding:0px;}
header .up{top: 0px;padding:5px 2%;}
header .logo{margin-right:3%}
header .hotline{margin-top: 5px;}
#hotline{margin:0px 15px 0px 0px}
header .down .logo{width:100%;padding:0px;margin:10px 0px 5px 0px;}
header .down .logo h2 a{display: inherit;width:auto;}
header .down .logo h2 img{height:60px;}
.banner ul .hidden-xs i {font-size:30px;margin-top:8px;}
.banner ul .hidden-xs.wrap-shoping-cart{font-size:35px;margin-top:0px;}
.nav-wr{border:none;display: initial;}
.banner .nav {position:absolute;width:100%;margin: 0 auto;top: 0;right:0; margin:0 auto; z-index: 99999;}
.nav-list { display: none; width:100%;top: -35px;right: -20px;position: absolute;}
.nav-item { width: 100%; float: none; padding: 0; margin: 0;}
.nav-item a{margin: 0; padding: 0;}
.nav-item > a { padding: 10px;text-align: left;background: rgb(92 86 53 / 85%);color: #fff;border-bottom: 1px solid rgba(0,0,0,0.2);}
.nav-click { display: block; }
.nav-item:hover .nav-submenu { display:block; }
.nav-submenu-item:hover .nav-submenu2 { display: none }
.nav-item a.last { width: auto }
.nav-submenu { position: static; width: 100%; }
.nav-submenu2 { position: static; width: 100%; left: 0; top: 0 }
.nav-item > a:hover, .nav-item a.active {  text-decoration:none;background:rgba(0, 0, 0, 0.65); }
.nav-item:hover a{color: #fff; }
.search-form{width:100%;position:relative;margin-top:0;background: rgb(92 86 53 / 85%)}
.wrap-shoping-cart a span.hidden-md-down,.hidden-sm-down{display:none;padding:0}
#fix-right-side-order{bottom: -5%;left: 15%;}
.product .list-pro .item .group-price .price{font-size:18px}
.ud div div{width: 24%;padding: 0;display: inline-flex;}
#title-shopping .strong{font-size:15px}
}
@media screen and (max-width: 980px){
.main-head {padding: 10px 0% 0px 0%;}
.main-head .banner {margin: 10px 0 0;}
.banner ul .hidden-xs span {zoom:0.9;font-size:12px}
.banner ul .hidden-xs .vietgap{zoom:0.75}
.product .list-pro .item .item-button {width: 100%;text-align: center;margin: 0px 0px 0px 0px;}
.product .list-pro .item .item-button a.rating{width:100%;padding: 0px 0px 4px 0px}
#shopping-item-qty .quatity button{width:auto}
}
@media screen and (max-width: 800px){
header .logo{width: 100%; margin: 0 auto; text-align:center; display:block;}
header .hotline{width: 100%; text-align: center; display: block;}
header .hotline span{text-align:center;}
}
@media screen and (max-width: 768px){
#menu_mobi {top:5%;left: 1%;}
.main-head {padding: 0;}
.main-head .banner ul li.hidden-xs{display:none}
.main-head .banner ul li.hidden-xs.wrap-shoping-cart{display:block}
.product .container {max-width:100%;padding-left:0;padding-right:0}
.cart-count {left: 12px;top: -3px;}
.briefcompany h1 {font: bold 22px "times new roman";text-align: center;margin: 0;}
.briefcompany h2 {font-size: 18px;
padding: 0px 0px 20px 0px;
text-align: center;
font-family:"times new roman";
background: #fff url(../images/element.png) bottom center no-repeat;
background-size: 15%;
background-position: bottom center;}
.masonry {column-count: 3;column-gap: 0.5em;}
.boxheaderresponsive {display: initial;}
.boxheaderresponsive #mobisearch {left: 0;margin: 1%;width: 98%;position: absolute;top: 0;}
.briefcompany {padding: 0px 0px 0px;}
.col-xs-6 {flex: 0 0 50%;max-width: 50%;padding: 5px;}
header .up {padding:5px 2%;display:none}
header .up span#login{margin:0}
header .down .logo {background-size: 25%;background-position: center center;padding: 10px 0px;margin: 0;box-shadow: 0px 3px 3px rgb(0 0 0 / 10%);}
header .down .logo h2 img {height:90px;}
.banner ul .hidden-xs.wrap-shoping-cart a {float: right;position: relative;}
nav.nav {position: absolute;}
.nav-list {margin: -12px 0px 0px 0px!important;position: initial;}
.main-head .banner {margin:0;padding:0}
.main-head .banner ul li.wrap-shoping-cart {zoom: 1!important;position: absolute;top:-80px;right:10px;float: left!important;}
.banner ul .hidden-xs {width: 32.5%;}
.banner ul .hidden-xs i{margin-top:3px}
.main-head .banner ul li.wrap-shoping-cart i{font-size:40px!important;}
.banner ul .hidden-xs small{margin-top:0}
.client-box .order-box{margin:30px 0px!important}
.client-box .heading-client-box{display:none}
.client-box .order-box .card{border:1px solid #ddd!important}
#fix-right-side-order{bottom:-3%;left:2%;}
#relative_group_cart_button{display:none;border:none}
#smb-order-cart{position: fixed;bottom: 0;margin: 0!important;width: 100%;left: 0;z-index: 999;font-family: arial;font-weight: bolder;}
#smb-order-cart button{border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;border: 3px solid rgb(255 255 255 / 95%);opacity: .95;}
#share-social{margin-top:-125px!important;zoom:0.8}
.product .list-pro .item .item-info-group .name,.product .list-pro .item .item-button a{font-size:14px}
.product .list-pro .item .group-price .price {font-size: 16px;}
.share-social{zoom:0.8}
}
@media screen and (max-width:700px)
{
#shopping-item-qty .quatity button{width: 100%; display: block;height: 35px}
footer{margin-top:20px}
.top-foo{margin:0px 0px 20px 0px}
.top-foo h2, .bottom-foo h2{line-height: 35px;font-size: 18px;padding: 10px 0px;margin: 0px 0px 20px 0px;}
.bottom-foo h2 strong{border-bottom:none;}
}
@media screen and (max-width: 600px)
{
.product .list-pro .item .thumblist img { min-height:50px;}
.title{text-align:center}
.title .viewall{display:none}
.welcome-grid {margin: 5px 0px;}
.overly-top{padding:2% 4%}
.overly-top .discript span{font-size:18px;}
.overly-bottom .discript span {font-size: 15px;}
.overly-top p {font-size: 15px;line-height: 22px;}
.content h1.headline{font-size:17px}
.product .list-pro .item .item-info-group .name{font: normal 14px/23px arial;padding-bottom:5px}
.product .list-pro .item .group-price .price{font-size:15px}
.copyright{margin: 0px 0px 10px 0px;}
.copyright p{text-align:center}
.footer .online ul {width: 49.4%;display: inline-block;text-align: center;vertical-align: top;}
.footer .online ul li{float:none}
.footer ul li span{display:none}
.footer .online ul li:before {content: '\2022';font-size: 20px;line-height: 0px;color: #ffffff;float: left; padding: 8px 5px 10px 0px;}
.footer .footer-intro,.footer .footer-policy,.footer .footer-category{width:50%!important;flex: 50%;}
.footer .footer-category{display:none}
}
@media screen and (max-width: 500px){
#fix_group_cart_button a.btn{width: 49%;display: inline-grid;text-align: center;}
#fix_group_cart_button a.btn i{font-size:15px}
.welcome-grid{margin: 10px 0px;background: rgba(255,255,255,0.02);}
.why-choose-us h2{font-size:18px;line-height: 30px!important;}
.title{border:none;text-align: left;}
.title h2{text-transform:none;width:100%}
.title h2 a{display:inline-block;border:none}
.title h4{font-size: 14px;}
header .down .logo {background-size:35%}
.banner ul .hidden-xs{zoom:0.9}
.content.detail .nav-tabs>li>a{padding: 5px 10px;font-size: 13px;}
.content h1.headline small.rating {background: #fff;padding: 0px 5px 0px 0px;}
.product .list-pro .item .thumblist img { min-height: 35px;}
@media screen and (max-width: 460px){
.product .list-pro .item .item-button a.item-view{position: absolute;z-index: 999;top: 0;left: 0;zoom: 0.8;}
.banner ul .hidden-xs {zoom: 0.8;}
.banner ul .hidden-xs i {font-size: 30px;margin-top: 2px;}
.footer .footer-intro,.footer .footer-policy,.footer .footer-category{zoom:0.95}
}
@media screen and (max-width: 400px){
.overly-bottom{zoom:0.85}
.overly-bottom .discript span { font-size: 13px;padding: 0px 0px 5px 0px;}
.product .list-pro .item .group-price .price{font-size:14px}
.product #bestbuy .item .item-info-group .name{font-size:16px}
.banner ul .hidden-xs i{margin-right:5px}
.banner ul .hidden-xs span{font-size: 12px};
#fix_group_cart_button a{font-size: 14px;border-radius: 2px;padding: 7px 7px;}
#listimages .owl-thumbs img{max-height:40px}
.footer .footer-intro,.footer .footer-policy,.footer .footer-category{padding:5px}
#bct{width: 50%;float: left;}
}
@media screen and (max-width: 400px){.banner ul .hidden-xs {zoom: 0.7;}}
@media screen and (max-width: 360px)
{
.banner ul .hidden-xs {zoom: 0.65;}
.title h2 a {font-size: 14px;}
.product .list-pro .item .item-button{zoom:0.8}
.briefcompany p { font-size: 15px;}
}