.about{background:;}
@media(min-width:992px){
.about{padding-top:28px; padding-bottom:28px;}
}
@media(max-width:991px){
.about{padding-top:18px; padding-bottom:18px;}
}


.product{background:; overflow:hidden; }
.product .list-box{text-align:center;}
.product .list-box ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.product .list-box ul:after{display:block; content:''; clear:both;}
.product .list-box ul li{width:25%; float:left;}
.product .list-box ul li a{display:block; transition:.3s;}
.product .list-box ul li a span{display:block; overflow:hidden;}
.product .list-box ul li a span img{display:block; width:100%; transition:.3s;}
.product .list-box ul li a:hover span img{transform:scale(1.05);} 
.product .list-box ul li a h4{display:block; padding-bottom:0 !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:inherit;}
.product .list-box ul li a h3{display:block; text-align:center; color:red;}
@media(min-width:992px){
.product{padding-top:28px; padding-bottom:28px;}
.product .list-box ul li{width:25%;}
}
@media(max-width:991px){
.product{padding-top:18px; padding-bottom:18px;}
.product .list-box ul {display: flex; justify-content: space-between;}
.product .list-box ul li{width:45%;margin: 0 2%;}
}
@media(min-width:768px){ 
.product .list-box ul{margin:0 -8px;}
.product .list-box ul li{padding:8px;}
.product .list-box ul li a h4{padding:8px;}
}
@media(max-width:767px){ 
.product .list-box ul{margin:0 -4px;}
.product .list-box ul li{padding:4px;}
.product .list-box ul li a h4{padding:4px;}
}