@charset "utf-8";
@media screen and (max-width: 1100px) { 
	.phone,.left{ display: none }
	.boxcall{ display: inline-block }
	.kw_header ul.texttop{ float: none; padding: 0; width: 100%; display: block; margin-top: 0; margin-bottom: 0; text-align: center }
	.kw_header ul.texttop li{ width: auto; float: none; margin: 0px 5%; line-height: 20px; font-size: 14px; text-align: center; display: inline-block }
	.kw_search{ position: absolute; width: 40%; margin: 0 auto; right: 0; top: 26px }
	.block-banner-deal, .rightadv, .left, .right{ width: 100%; margin: 0; padding: 0 }
	.set_loc select{ border: 1px #666 solid; border-radius: 2px; width: 31.33%; margin-bottom: 0; float: left; margin: 1%; padding: 1% }
	.set_loc::after{ content: " "; display: block; clear: both }
	.set_loc{ padding-bottom: 5px }

	.kw_spnoibat li{ width: 32.33% }
	.leftmenu{ display: none; }
	.slide{ width: 100%; margin: 0}
	.rightmn{ width: 100%; margin-top: 10px }
	.co_sp{padding: 1px !important}
	.search_loc{ width: 94%; padding: 2%; margin: 1%; margin-top: 0 }
	.category{ margin-bottom: 12px }
	
 }
@media screen and (max-width: 980px) {
	.kw_menu .logo{ width: 30% }
	#menutop ul ul{ width: 100% }
	#menutop ul ul ul{ display: none; }
	.texttop li img{ float: none; margin: 0; margin-bottom: 10px }
	.texttop li div{ display: block; float: none; }
	ul.texttop li{ text-align: center; }
	.kw_menu .menuleft{ width: 100%; margin: 0 }
	#MobileMenu{ display: block; z-index: 111; margin-top: 15px }
	#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%; padding: 0; text-align: left; }
	#menutop ul ul{ position: relative !important; background:#fff; top: inherit; left: inherit; border: 0px }
	#menutop ul a{color: #333; padding: 12px 15px !important; border-left: 0px; display: block;}
	#menutop ul ul li{ width: 100%; display: none }
	#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: 6px; right: 0px; width: 60px; height: 30px; background: url(../images/down-arrow.png) center center no-repeat; text-indent: -9999px; cursor: pointer; border-radius: 5px; background-size: 24px }
	#MobileMenu{background: #EE2B2D url(../images/threeline.png) left 20px center no-repeat; border-bottom: 1px #eee solid}
	#boxsp li.product{ width: 48%; margin: 1%}
	#boxsp li.news{ width: 47%;}
	#menutop ul a{ padding-left: 20px }
	#menutop > ul > li > a:hover{ color: #fff }
	#menutop > ul > li{border-top: 0px #ccc solid}
	#menutop ul ul li a{ background: #666 !important; color: #eee; font-weight: normal; font-size: 14px; letter-spacing: 1px; padding-left: 40px !important; border-top: 1px #999 solid }
	#menutop > ul > li > a{ border-top: 1px #dc851f solid; background: #EE2B2D !important; color: #fff; font-weight: normal; text-transform: capitalize; letter-spacing: 1px; font-size: 14px }
	#menutop > ul > li > a:hover, #menutop ul ul li a:hover{background: #0050a3 !important}
	.menumobile{ display: block }
	.kw_header .kw_menu, .header_bottom{ display: none }
	.kw_spnoibat li h3{ padding-top: 0px !important }
	.sotudong, .tratruoc{ width: 96%; border: 0px; padding: 2% }
	.sotudong::before { content: " "; position: absolute; right: 0; top: 0; height: 100%; border-right: 0px #eee solid; width: 100%; border-bottom: 1px #ccc dotted }
	.kw_tinmoi li{ width: 48%; margin: 1%;  }
	.kw_tinmoi li h3 { margin: 5px 0; height: 35px }
	.kw_tinmoi li a .hinhtintuc img{ width: 100% }
	.shop .bct img{max-width:200px;}
	.footer .shop > img{ max-width: 333px }
	.footer .info{ margin-bottom: 10px}
	.boxcall{ left: 10px; left: inherit }
	.textbottom li{ width: 46%; margin: 1%; padding: 1% }

}
@media screen and (max-width: 768px) { 
.logothuonghieu li > a{ width: 31.33% }
.footer .info{ width: 100%; margin: 0; margin-bottom: 10px }
.footer .tag{ width: 100%; margin: 0; margin-bottom: 10px }
.footer .menubottom{ width: 100%; margin: 0; margin-bottom: 10px }
.footer .footer_cuoi{ width: 100%; margin: 0; margin-bottom: 10px }

}

@media screen and (max-width: 480px) { 


}