.productlist{overflow:hidden; background:; }
.productlist .list-box{text-align:center;}
.productlist .list-box ul:after{display:block; content:''; clear:both;}
.productlist .list-box ul li{float:left;}
.productlist .list-box ul li a{display:block; transition:.6s;}
.productlist .list-box ul li a span{display:block; overflow:hidden;}
.productlist .list-box ul li a span img{display:block; width:100%; height:230px; transition:.6s;}
.productlist .list-box ul li a:hover span img{transform:scale(1.1);} 
.productlist .list-box ul li a h4{display:block; height:45px;line-height:30px;background: #f5f4f1;transition: 0.6s;margin-top:5px;color: #676152;border: 1px solid #e1e0db;padding-bottom:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:inherit;}
.productlist .list-box ul li a:hover h4{color: #fff;transition:0.6s;background:rgb(250,194,25);border: 1px solid rgb(250,194,25);}
.productlist .list-box ul li a b.price{color:red;}
@media(min-width:992px){
.productlist{padding-top:22px; padding-bottom:28px;margin-left: 260px;}
.productlist .list-box{margin-bottom:18px;}
.productlist .list-box ul li{width:31%;margin-right:1%;margin-left:1%;}
}
@media(max-width:991px){
.productlist{padding-top:18px; padding-bottom:18px;margin-left: 0;}
.productlist .list-box{margin-bottom:8px;}
.productlist .list-box ul li{width:50%;}
}
@media(min-width:768px){
.productlist .list-box ul{margin:0 -8px;}
.productlist .list-box ul li{padding:8px;}
.productlist .list-box ul li a h4{padding:8px;}
}
@media(max-width:767px){
.productlist .list-box ul{margin:0 -4px;}
.productlist .list-box ul li{padding:4px;}
.productlist .list-box ul li a h4{padding:4px;}
}