@charset "utf-8";
@media screen and (max-width: 1024px) {
 	.resolution{ background: #f60 } /* Cam */
}
@media screen and (max-width: 980px) {
	.resolution{ background: #09f } /* Xanh dương */
	#MobileMenu{ display: block; z-index: 111 }
	#menutop{ position:relative; z-index: 5555; font-size: 120%}
	#menutop ul{ position:absolute; background: #eee; width: 100%; display: none; top:100%;}
	#menutop ul li{ position:relative; float:none; width: 100%}
	#menutop ul ul{ position:relative; background:#fff; padding:0; width:100% !important}
	#menutop ul ul li{ width: 100%; display: none}
	#menutop ul ul a { padding-top:16px !important; padding-bottom:16px !important}
	#menutop ul ul ul li { position: relative; top:100%; left:0; display: none; padding-left: 5%; width: 95% }
	#menutop ul ul li:hover > ul{ display: none }
	#menutop ul ul ul{ position: relative; top:0; left:0;}
	#menutop ul > li > span{ display: inline-block; position: absolute; top:10px; right: 10px; width: 60px; height: 30px; background: url(../images/diagonal-arrow0.png) center center no-repeat; background-size:16px; text-indent: -9999px; cursor: pointer; border-radius: 5px }
	#menutop ul > li:hover > span{ background: url(../images/diagonal-arrow.png) center center no-repeat; background-size:16px}

	.kw_search{ position: absolute; z-index: 9999; top: 0; right: 0 }
	#boxsp li.product{ width: 44%; float: left; margin:2%; padding:0.5% 1%; outline: 1px solid #22a7f0; position: relative; }
	table{ min-width: 300px }
	
	.logothuonghieu li > a{ width: 30.33% !important}

	.footer .info{ width: 100%; float: none; text-align: center; padding:0; }
	.footer .link{ width: 100%; float: none; text-align: center; margin:20px 0;padding:0; }
	.footer .social{ width: 100%; float: none; text-align: center; padding:0;}
	
	.cgallery{ width: 96% !important ; margin:0 auto; }
    .cinfo{ width: 96% !important ; margin:0 auto; }
	.popup .frame{ width: 90% !important; height: auto; }
	input.full{ padding:2% !important; }
	table{ width: 100% !important; margin: 0 !important }
	img{ max-width: 100%; height: auto; }
	iframe{ max-width: 100% !important }
	
	.leftcol{ display: none }
	.content{ width: 100%; float: none }

	.kw_header a.logo{ width: 40%; text-align: left; float: left; }
	.kw_header .hotline{ width: 58%; float: left; }
	.kw_header .hotline span{ display: none}
    .topadv{padding:20px 0;}
	.mailletter input#btnSubmit{ right:0}
	
	ul.slider li .info{ width: 70% }
	ul.slider li .info p{ display: none }
	ul.slider li .info span.button{ display: none }
	ul.slider li .info h3{ font-size: 18px !important }

	.rowfilter{ width: 48% }
	.row_banchay{ display: none }
	.lastestnews{ width: 100%; margin:0; padding:0 }
	.lastestnews li{ width: 100%; margin:0; padding:0; margin-bottom: 20px }
}
@media screen and (max-width: 768px) {
    .resolution{ background: #f0c } /* Hồng */
    .middleadv{ display: none }
    .infocart{ width: 100% }
    .thanhtoan{ width: 100% }
    ul.thongtin{ width: 100% }
    ul.nganhang{ width: 100% }
    .rtop .left{width:100%; text-align:center; background:none;}
    .rtop .right{ width:100%; text-align:center}
    .rtop .right img{float:none;}
    .header{position:relative;}
    .header .logotop{width:25%;}
    .header .timkiem{width:10%;     position: absolute; top:0; right:10px; z-index:10000; margin-top:5px;}
    .header .menu{width:100%;}
    .leftadv .left{width:60%; float:left;}
    .leftadv .fb1like{width:35%; float:right;}
    .spbanchay li > a{width:48%;}
    .spbanchay li > a .hinh{height:220px;}
    .spbanchay li > a img{max-height:220px;}
    .spbanchay li > a .ten{height:30px;}
    .texttop li{width:29.33%; margin:0 2%;}
    .texttop li .info h3{font-size:12px;}
    .texttop li .hinh{width:100%; text-align:center; margin-bottom:5px;}
    .texttop li .info{width:100%;}
    #menutop ul a{font-size:14px; font-weight:500;color: #0C9DFF !important;}
    #menutop ul a:hover{color:#fff!important;}
    .box1 li.product{width:47%;}
    .leftin{width:62%;}
    .righttin{width:33%;}
    .box li.news{width: 48%;}
    ul.megamenu li{width: 46%; margin: 2%}
    .box li.product{ width: 46% }
    .textbottom li .hinh{width:100%;}
    .textbottom li .info{width:100%;}
    .tinmoi .left{width:100%; margin-bottom: 20px;}
    .listnews li{width:48%;}
    .footer ul.chinhanh li{height:115px;}
    .tinmoi .right{width:100%;}
    .tinmoi .left .xemthem{ width:40%;}
    ul.boxsearch li div.btnSearch{background: #F89406}
    .footer ul.contact li{width: 100%; float: left; margin: 0; background: #fff; padding: 2% 0; margin-bottom: 2%}
    .footer ul.chinhanh li{width: 46%; float: left; margin: 1%; padding: 1%; background: #fff; outline: 0.5px solid #ccc; border-bottom: 5px solid #F89406}
    ul.listcart > li ul li.soluong{ width: 18% }
    .leftct{width:100%;}
    .rightct{width:100%;}
    .boxlq li.product{width:46%; margin: 2%; box-sizing:border-box; float:left;}
    .box{width:100%; margin:0;}
    .footer .info{margin-bottom:10px;}
    .footer .tags{width:40%; float:left; text-align:center;}
    .footer .fan{width:45%; float:right;}
}
@media screen and (max-width: 640px) {
	.resolution{ background: #f0c } /* Hồng */
    .rtop .left{ };
    .rtop .right{ float:none; width:100%; margin-bottom:10px;}
    .header .logo{ width:100%; text-align:center; margin:0;}
    .header .menu{ width:100%; text-align:left; padding:0;}
    .spbanchay li > a .hinh{height:190px;}
    .spbanchay li > a img{max-height:190px;}    
    #menutop ul{ text-align:left;}
    #menutop ul a:hover{border-bottom:0}
    .row_slider .left{ width:100%;}
    .row_slider .right{ display:none;}
    ul.boxsearch li div.btnSearch{ background: #0C9DFF}
    .formtragop input{ width:150px !important; }
    .box li.product .hinh{width:100%; height:160px;}
    .box li.product .hinh img{max-height:160px;}
    .box li.product .info{width:100%;}
    span.price{ display:block; text-align:center; float:none; width:100%; background:#eee;}
    .box li.product a.img{ height: 160px}
    .box li.product a.img img{ max-height: 160px}
    .province{ font-size:11px;}
    .cgallery{ width:100% !important;}
    .cinfo{ width:100% !important;}
    .detail{ font-size:150%; line-height:150%;}
    ul.tienich li{width:28.33%; padding-left:5%;}
    .box li.news{ width:100%; margin:0; margin-bottom:5px;}
    ul.tinnoibat li .info{ width:60%;}
    ul.tinnoibat li .hinh{width:40%;}
    .textbottom li:last-child{ border-bottom: 0px #eee solid }
    ul.listcart > li ul li.hinhanh{ display: none }
    ul.listcart > li ul li.total{ font-size: 14px; margin: 0 }
    ul.listcart > li ul li.soluong{ width: 15% }
    ul.boxsearch li{ width: 48%; float: left; margin: 0 1%; position: relative; margin-bottom: 2% }
    ul.boxsearch li:last-child{width: 98%; margin-top: 2%}
    .listaddress{ display: none !important }
    ul.hotproduct li{ width: 48% }
    .footer ul.chinhanh li{ width: 96%; height: auto }
    ul.listcart > li ul li.ten{width: 33%}
    ul.listcart > li ul li.giacty{ display: none }
    ul.listcart > li ul li.giaban{ width: 20% }
    ul.listcart > li ul li.soluong{ width: 15% }
    ul.listcart > li ul li.thanhtien{ width: 15% }
    ul.listcart > li ul li.congcu{ width: 5%; margin-left: 1% }
    a.before{ display: none !important }
    .box li.product{ border-bottom:1px solid#0C9DFF}
    .texttop li .info h3{height:45px;}
}
@media screen and (max-width: 480px) {
	.resolution{ background: #0005cb } /* Dương dậm */
	.detail{ overflow: hidden }
	.topadv a{width:100%; margin:1% 0 auto;}
	.texttop li{width:100%; margin:1% 0 auto;}
	.texttop li .hinh{width:25%;}
	.texttop li .info{width:72%;}
	ul.tinnoibat li .info{width:100%;}
	ul.tinnoibat li .hinh{width:100%;}
	.box li.product{width:100%; margin:2% 0; padding:10px;box-sizing:border-box;}
	.texttop li .info h3{height:25px;}
	.spbanchay li > a .hinh{height:115px;}
	.spbanchay li > a img{max-height:115px;}
	.spbanchay li > a .mota{height:120px;}
	.topadv{margin-top:0;}
	h2.tieubieu .cha{width:100%;}
	h2.tieubieu .con{display:none;}
	.box li.product .hinh{height:auto;}
	.box li.product .hinh img{max-height:none;}
	.footer .tags{width:100%;margin:0;}
	.footer .fan{width:100%;}
	.box li.news{margin:2% 0;}
	.box li.news .info .mota{height:50px;}
	.leftadv{text-align:center;}
	.leftadv .left{ width:100%;}
	.leftadv .fb1like{width:100%;}
	.listnews li{width:100%; margin:2% 0;}
	.box1 li.product{width:100%; margin: 2% 0;}
	.box1 li.product a.img{height:180px;}
	.box1 li.product a.img img{max-height:180px;}
	.box1 li.product h3{height:23px;}
	.lcontact{width:100%;}
	.rcontact{width:100%;}
	.leftin{width:100%;}
	.righttin{width:100%;}
    .lastcart{ width: 100% }
	.boxlq li.product{width:100%; margin: 0;}
    .infocart{ background: none }
    .nganhang li{ width: 100%; margin: 0 }.spbanchay li > a .ten{height:45px;}
    .spbanchay li > a .mota{line-height:22px;}
   .footer .info{ border-bottom:1px solid#0CA4DD;}
   .footer{padding:0;}
}
@media screen and (max-width: 415px) {
    .resolution{ background: #834100 } /* Nâu */
    ul.listcart > li ul li.soluong{width: 8%}
    ul.listcart > li ul li.thanhtien{width: 20%}
    .total{ display: none }
    ul.listcart > li ul li.soluong input{text-align: center; font-weight: bold; margin-left: 5px}
    .textbottom li{ width: 97% }
    .addtocart span.current{background: #BDC3C7; padding-left: 10px}
}
@media screen and (max-width: 320px){
	.resolution{ background: #ccc } /* Xám */
	.rtop .right a.hotline{ height: 45px; font-size: 18px; line-height: 45px }
	ul.boxsearch li{ width: 98% }
	ul.hotproduct li{width: 98%; margin-bottom: 1%}
	.box li.product{ width: 96% }
	.footer ul.contact li .img{ display: none }
	.footer ul.contact li .info{ width: 100% }
	ul.megamenu li{ width: 96% }
}