@charset "utf-8";
@media screen and (max-width: 1280px) { 
.mobilemenu{display:none !important} .footer-col li{border:0 !important} 
.boxproduct .grid h3{height:50px} #contact_form{float:right !important} #contact_info{float:left !important}
.boxnewskhac{width:50%} 
}
@media screen and (max-width: 1024px) {
.listinfo input.buynow,.listinfo input.intocart{width:160px}
.formsearch{width:85%} .menu ul li > a{padding:10px 15px !important}


}
@media screen and (max-width: 960px) {
.boxdichvu{display:none} .mobilemenu{display:block !important} .menutop{display:none}
.formsearch{width:90%} .header-bot .search{margin-left:5%; width:50%; margin-top:0} .header-bot .hotline{margin-top:0px}
.divsales{width:100%} .divhotnews{display:none}
/* Box product */
.boxproduct{width:25%} .boxproduct .grid h3{overflow:hidden}
.boxnews .grid .images{height:180px} .boxnews .grid .images img{max-height:170px}
.boxnewskhac .grid .images{height:220px} .boxnewskhac .grid .images img{max-height:210px}
.boxnews .grid{height:340px} .boxnewskhac .grid{height:380px}
/* Trang chi tiết */
.picture{width:50%; margin-right:0} .listinfo{float:right; width:48%} .support{float: none; clear: both; width: 100%; margin: 20px auto;}
.support .pricedetail{float:left; padding-right:10px; margin-right:10px; border-right:1px solid #dfdfdf} .support hr.chitiet{display:none}
.support .textquantity,.support input.soluong{margin-top:15px} .support input.buynow{float:left; margin-left:20px; margin-top:10px}
.listinfo input.buynow,.listinfo input.intocart{width:150px}
.boxnews-l, .boxnews-r{width:100%} 
/* Footer */
.footer-col{width:99%; float:none; margin-bottom:5px} .footer-reward{display:none} .footer .company{text-align:center}
/* Catrt */
.borderchitiet{margin-top:0; overflow:hidden}
}
@media screen and (max-width: 768px) {

/* Search & Sales */

/* Box product */
.boxproduct{width:33%} 
.boxsptin{width:31%; float:left; margin:0 1%} .bordertin{overflow:hidden}
.boxtin{width:100%}
/* Trang chi tiết */
 
/* Trang đơn hàng */
.order-info{width:100% !important; float:right !important} .order-cart{width:100% !important; float:left !important}
.cart-row .cart-label{width:15% !important} .cart-row .cart-input{width:78% !important}
/* Footer */
.listkey ul li, .timkiemnhieu p{font-size:12px}
.footer-l{width:33%} .footer-m{width:60%; float:right} .footer-r{float:none; clear:both; width:90%}

/* Webtemplate */
.mau-content{width: 96%; margin:0 auto;}
}

@media screen and (max-width: 640px) {
/* Header */
.header-bot .logo{width:100%; float:none; text-align:left} .header-bot{height:auto}
.header-bot .search{width:98%; float:none; margin-top:10px; text-align:center; margin-left:0}
.header-bot .hotline{position:absolute; top:10px; right:10px}
.formsearch{margin:0 auto} #cd-menu-trigger{width:200px} #cd-menu-trigger .cd-menu-text{padding-left:45px !important}
/* Box product */
.boxnews,.boxproduct{width:50%} 
/* Search & Sales */
.divsales{width:100%}
/* Trang chi tiết */
.picture{width:100%; margin-bottom:10px} .listinfo{ width:100%;  margin-bottom:10px; margin-left:0} .support{float: none; clear: both; width: 100%; margin: 20px auto;}
.listinfo input.buynow,.listinfo input.intocart{width:150px}
.boxnews-l{width:100%; margin-bottom:0px; float:none} .boxnews-r{width:100%; float:none; clear:both}
/* Trang đơn hàng */
.order-info{width:100% !important; float:right !important} .order-cart{width:100% !important; float:left !important}
.cart-row .cart-label{width:15% !important} .cart-row .cart-input{width:78% !important}
/* Footer */
.footer-col ul li {width:44%; margin-left:3%}
#contact_form,#contact_info{width:100% !important; padding:0 20px; }
.newsdiv .title h2{padding:10px 15px} .newsticker{margin-left:5px}

/* Webtemplate */
.mauformdk{padding-top:10px;} .mau-content #register, #login{padding:20px 10px 20px 10px } .mau-content h3{font-size: 16px}
.mau-content input:not([type="checkbox"]){width: 87%} .mau-content textarea{width: 95% !important}
.mau-content textarea, .mau-content .ghichuweb{display:none}
}
@media screen and (max-width: 480px) {
/* Header */
.header-top h1{display:none}  .header-bot .hotline{position:absolute; top:-23px; right:10px; width:96%; text-align:right} .header-bot .logo{text-align:center}
.formsearch{margin:0 auto; width:99%}  .header-bot .hotline .lang{float:left}
.newsdiv .title h2{padding:0 5px; font-size:10px} .newsdiv:after{height:auto} .newsdiv b{border:15px solid transparent; border-left-color: #595959;} .newsticker li a{font-size:10px; } .newsticker,.newsdiv{line-height:30px; height:30px !important} .newsticker li{height:30px}
/* Box product */
.boxproduct{width:50%} .boxproduct .grid{padding:0}  .rowsp{margin-left:0; margin-right:0}
.boxproduct .grid .images{height:200px} 
.boxproduct .grid h3{overflow:hidden}
.boxnews{width:100%} .boxnews .grid{height:auto} .boxnews .grid .images{height:250px} .boxnews .grid .images img{max-height:240px}
.boxsptin{width:48%}
/* Search & Sales */
.divsales{width:100%}
/* Trang sản phẩm */
.breadcrumb li:first-child a{padding-left:4px}
.row_submenu a{padding:8px 4px} .fastsearch span{padding:8px 4px}
span#timnhanh{display:block; font-size:13px} .hideboloc{display:none}
/* Trang chi tiết */
.picture{width:100%; margin-bottom:10px} .listinfo{ width:100%;  margin-bottom:10px; margin-left:0} .support{float: none; clear: both; width: 100%; margin: 20px auto;}
.listinfo input.buynow,.listinfo input.intocart{width:150px}
.support .textquantity,.support input.soluong{margin-top:0px} .support input.buynow{float:left; margin-left:0px; margin-top:10px}
.boxnews-l{width:100%; margin-bottom:20px; float:none} .boxnews-r{width:100%; float:none; clear:both} 
/* Trang đơn hàng */
.order-info{width:100% !important; float:right !important} .order-cart{width:100% !important; float:left !important; padding:5px !important} 
.list-cart .c6{display:none}
.cart-row .cart-label{width:97% !important; text-align:left !important; display:none} .cart-row .cart-input{width:100% !important}
.cart-row{margin-bottom:4px !important}
.nutdathang{margin-left:0px !important} .list-cart .rhead{display:none}
.order-info{padding:10px 5px !important}
.list-cart .c1{width:23% !important} .list-cart .c1 img{max-height:100px !important}
.list-cart .c2{width:75% !important; text-align:left; height:43px}
.list-cart .c4{width:45% !important}
#tongthanhtien span.textprice{float:left !important; clear:both; color:#2582be}
/* Footer */
.footer{padding:0 5px}
.footer-l{width:98%; float:none; margin:0 auto} .footer-m{width:100%; float:none; } .footer-r{float:none; clear:both; width:90%; margin:0 auto} 
.footer h4{font-size:13px} div.linemenu{text-align:center} div.linemenu .fl, div.linemenu .fr{float:none} 
#contact_form,#contact_info{width:100% !important;  padding:0 10px !important;}

/* Title */
.breadcrumb li a, .breadcrumb h2{font-size:12px} 
}
@media screen and (max-width: 414px) {
/* Webtemplate */
.mauformdk{padding-top: 60px; position: fixed;} .mau-content #register, #login{padding:20px 10px 20px 10px } .mau-content h3{font-size: 16px}
.mau-content input:not([type="checkbox"]){width: 87%} .mau-content textarea{width: 95% !important}
.mau-content textarea, .mau-content .ghichuweb{display:block}
}

@media screen and (max-width: 360px) {
.newsdiv .title{display:none}
.boxnews .grid{height:auto} .boxnews .grid .images{height:auto; margin-bottom:10px} .boxnews .grid .images img{max-height:240px}
.boxsptin{width:98%} .boxproduct{width:100%}
.boxtin .grid .images{display:none} .boxtin .grid .infonews{width:100%} .boxtin{border-bottom:1px solid #dfdfdf; padding-bottom:10px}
}

@media only screen and (max-width : 320px){
/* Header */
.header-top h1{display:none}
.header-bot .logo{width:100%; float:none; text-align:center}
.header-bot .search{width:100%; float:none; margin-top:10px; text-align:center}
.formsearch{margin:0 auto; width:99%} 
/* Box product */
.boxproduct{width:100%; padding:0 2px 5px 2px}
.boxproduct .grid .images{height:200px}
/* Search & Sales */
.divsales{width:100%}

/* Trang sản phẩm */
.breadcrumb li:first-child a{padding-left:4px}
.row_submenu a{padding:8px 4px} .fastsearch span{padding:8px 4px}
/* Trang chi tiết */
.picture{width:100%; margin-bottom:10px} .listinfo{ width:100%;  margin-bottom:10px; margin-left:0} .support{float: none; clear: both; width: 100%; margin: 20px auto;}
.listinfo input.buynow,.listinfo input.intocart{width:120px; font-size:13px}
.boxnews-l{width:100%; margin-bottom:20px; float:none} .boxnews-r{width:100%; float:none; clear:both} 
.boxnews .grid p.mota{display:none} .boxnews .grid h3{font-size:12px} #hotviews li div{font-size:12px}
#additional-menu img{width:50px; height:30px}
/* Trang đơn hàng */
.order-info{width:100% !important; float:right !important} .order-cart{width:100% !important; float:left !important}
.cart-row .cart-label{width:97% !important; text-align:left !important; display:none} .cart-row .cart-input{width:100% !important}
.cart-row{margin-bottom:4px !important}
.nutdathang{margin-left:0px !important} .list-cart .rhead{display:none}

.list-cart .c1{width:23% !important} .list-cart .c1 img{max-height:100px !important}
.list-cart .c2{width:75% !important; text-align:left; font-size:10px; height:43px}
.list-cart .c4{width:45% !important}
#tongthanhtien span.textprice{float:left !important; clear:both}
/* Footer */
.footer{padding:0 5px}
.footer-col ul li{width:97%}
#contact_form,#contact_info{width:100% !important; padding:0 5px !important}

/* Title */
.breadcrumb li{display:none}  .breadcrumb li:first-child,.breadcrumb li:last-child{display:block}
}

@media only screen and (max-width : 768px){
.container{width:98%}
table{width:100% !important}
.slide-item{display:none !important}
}