@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) {
.table-responsive-block table,.table-responsive-block thead,.table-responsive-block tbody,.table-responsive-block th,.table-responsive-block td,.table-responsive-block tr{display:block}
.table-responsive-block thead tr{position:absolute;top:-9999px;left:-9999px}
.table-responsive-block tr{background:#fff;line-height:20px;margin-bottom:30px;width:100%;float:left}
.table-responsive-block td{border:none;position:relative;padding-left:90px!important;text-align:right;font-weight:700}
.table-responsive-block td.last{padding:0;line-height:50px}
.table-responsive-block td.last a{color:#00b18a}
.table-responsive-block td:before{position:absolute;top:9px;left:10px;width:80px;padding-right:10px;text-align:left;white-space:nowrap;font-weight:400}
.table-responsive-block .table-order td:nth-of-type(1):before{content:"Đơn hàng"}
.table-responsive-block .table-order td:nth-of-type(2):before{content:"Ngày"}
.table-responsive-block .table-order td:nth-of-type(3):before{content:"Chuyển đến"}
.table-responsive-block .table-order td:nth-of-type(4):before{content:"Giá trị"}
.table-responsive-block .table-order td:nth-of-type(5):before{content:"Trạng thái"}
.table-responsive-block .table-order td:nth-of-type(6):before{content:"Đơn hàng"}
.table-responsive-block #order_details td:nth-of-type(1):before{content:"Sản phẩm"}
.table-responsive-block #order_details td:nth-of-type(2):before{content:"Mã sản phẩm"}
.table-responsive-block #order_details td:nth-of-type(3):before{content:"Giá"}
.table-responsive-block #order_details td:nth-of-type(4):before{content:"Số lượng"}
.table-responsive-block #order_details td:nth-of-type(5):before{content:"Tổng"}
.table-responsive-block #order_details td:nth-of-type(6):before{content:"Tình trạng"}
.table-responsive-block .totalorders td:nth-of-type(1):before{content:"Tạm tính"}
.table-responsive-block .totalorders td:nth-of-type(2):before{content:"Phí vận chuyển"}
.table-responsive-block .totalorders td:nth-of-type(3):before{content:"Tổng tiền"}
.table-responsive-block .totalorders td:nth-of-type(4):before{content:"Số lượng"}
.table-responsive-block .totalorders td:nth-of-type(5):before{content:"Tổng"}
.table-responsive-block .totalorders td:nth-of-type(6):before{content:"Tình trạng"}
}
@media (max-width: 1199px) {
header nav .mega-content .level1.item{text-align:left}
}
@media (max-width: 991px) and (min-width: 768px) {
.search.f-right{margin-right:50px}
}
@media (max-width: 991px) {
header>.container{position:relative}
.menu-bar.hidden-md.hidden-lg{position:absolute;top:40px;right:15px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);z-index:1000}
header nav .nav-item{display:block;width:100%;text-align:left;margin:0}
header nav .nav-item .dropdown-menu{display:none!important;position:static;border:none}
header nav .nav-item.open a{background:none!important}
header nav .nav-item.open>.dropdown-menu{display:block!important;margin:0;padding:0}
header nav li.menu-line{display:none;border:none}
header nav .nav-item>a{line-height:20px;padding:5px 15px 3px}
header nav #nav-mobile .nav-item>.dropdown-menu{padding:0 0 0 15px;position:static;width:100%;float:none;border:none;padding-right:7px}
header nav .nav-item:hover>.dropdown-menu li.open>.dropdown-menu{display:block!important}
.header-main{padding:10px 0}
#nav{display:none;padding-right:0;padding:10px 0;border:1px solid #ebebeb;margin-bottom:15px}
#nav.open{display:block}
#nav .nav-link>.fa{float:right;line-height:22px;margin-right:-15px;width:40px;text-align:center;transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px)}
}
@media (max-width: 543px) {
.topbar .a-left{display:none}
.topbar ul.list-inline.f-right{float:left!important}
.logo{display:block;font-size:20px}
.search.f-right{float:none;width:100%}
}
@media (max-width: 420px) {
.col-xs-6.footer-header{width:100%}
}
@media (max-width: 543px) {
.product-box .product-thumbnail>a{max-height:1000px;height:auto}
.product-box .product-thumbnail>a img{max-width:100%!important;height:auto!important}
}
@media (max-width: 430px) {
.collection p.title-head-info{position:static}
.collection h1.title-head{margin-bottom:5px}
}
@media (max-width: 375px) {
.sodiachi .btn.btn-50{width:100%;margin-bottom:10px}
}
@media (max-width: 768px) {
.quick-view{display:none!important}
}