@charset "utf-8";
#listsp{width:100%;float:left;height:auto}
.sanpham{width:287px;float:left;height:auto;margin-right:30px;margin-bottom:30px;}
.sanpham1{float:right;margin-right:0px}
.hinhsanpham{width:100%;float:left;height:auto;margin-bottom:10px;border:1px solid #ddd;position:relative;overflow:hidden}
.hinhsanpham img{width:100%;float:left;height:auto;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.hinhsanpham:hover img{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.tensanpham{width:100%;float:left;height:auto;text-align:center}
.tensanpham h3{margin:0px;padding:0px}
.tensanpham h3 a{font-size:15px;color:#000;text-transform:uppercase;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.tensanpham h3 a:hover{color:#fb402d}
#kctsp{width:100%;float:left;height:auto;margin-bottom:30px}
#trkctsp{width:700px;float:left;height:auto;}
.lslide img{width:100%;float:left;height:auto;}
.lSSlideWrapper{border: 1px solid #ddd;}
#phkctsp{width:510px;float:right;height:auto;}
#csectsp{width:100%;float:left;height:auto;margin-bottom:10px}
#lxctsp{width:100%;float:left;height:auto;margin-bottom:10px;color:#000}
#tdctsp{width:100%;float:left;height:auto;margin-bottom:10px}
#tdctsp a{float:left;padding:10px 20px 10px 20px;background:#fb402d;color:#fff;border-radius:5px;border:1px solid #fb402d;text-transform:uppercase}
#mtactsp{width:100%;float:left;height:auto;margin-bottom:10px;color:#000}
#tdndctsp{width:100%;float:left;height:auto;margin-bottom:20px}
#tdndctsp h2{float:left;text-transform:uppercase;font-weight:bold;font-size:17px;color:#000;position:relative}
#tdndctsp h2:before{content:"";position:absolute;width:50px;height:3px;bottom:-3px;left:0px;background:#fb402d}
#ndndctsp{width:1000px;float:left;height:auto;margin-bottom:20px}
#tdndctsplq{width:100%;float:left;height:auto;margin-bottom:20px}
#tdndctsplq h2{float:left;text-transform:uppercase;font-weight:bold;font-size:17px;color:#000;position:relative}
#tdndctsplq h2:before{content:"";position:absolute;width:50px;height:3px;bottom:-3px;left:0px;background:#fb402d}
#ndndctsplq{width:100%;float:left;height:auto;margin-bottom:20px}
@media only screen and (min-width : 1px) and (max-width : 1200px) {
#trkctsp{width:100%;float:left;margin-bottom:20px}	
#phkctsp{width:100%;float:left}
#ndndctsp{width:100%;float:left}
}
@media only screen and (min-width : 800px) and (max-width : 1200px) {
.sanpham{width:24.2%!important;margin-right:1%!important;float:left!important}	
.sanphamre4{float:right!important;margin-right:0px!important}

}


@media only screen and (min-width : 600px) and (max-width : 799px) {
.sanpham{width:32.6%!important;margin-right:1%!important;float:left!important}	
.sanphamre3{float:right!important;margin-right:0px!important}

}

@media only screen and (min-width : 301px) and (max-width : 599px) {
.sanpham{width:49.5%!important;margin-right:1%!important;float:left!important}
.sanphamre2{float:right!important;margin-right:0px!important}
}

@media only screen and (min-width : 0px) and (max-width : 300px) {
.sanpham{width:100%!important;margin-left:0%!important;margin-right:0%!important;float:left!important}	

}