.imagelist{overflow:hidden; background:; }
.imagelist .list-box{text-align:center;}
.imagelist .list-box ul:after{display:block; content:''; clear:both;}
.imagelist .list-box ul li{width:25%; float:left;}
.imagelist .list-box ul li a{display:block; transition:.6s; position:relative; overflow:hidden;}
.imagelist .list-box ul li a span{display:block; overflow:hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.imagelist .list-box ul li a span img{display:block; width:100%;transition: all 0.9s ease-in-out;}
.imagelist .list-box ul li a:hover span img{transform:scale(1.15);} 
.imagelist .list-box ul li a h3{margin-bottom: 10px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: #f6f6f6;transition:.6s;}
.imagelist .list-box ul li a:hover h3{}
@media(min-width:992px){
.imagelist{padding-top:28px; padding-bottom:28px;}
.imagelist .list-box{margin-bottom:18px;}
.imagelist .list-box ul li{width:25%;}
.imagelist .list-box ul li a h3{font-weight: 600;font-size: 18px;}
}
@media(max-width:991px){
.imagelist{padding-top:18px; padding-bottom:18px;}
.imagelist .list-box{margin-bottom:8px;}
.imagelist .list-box ul li{width:50%;}
.imagelist .list-box ul li a h3{font-weight: normal;font-size: 15px;}
}
@media(min-width:768px){
.imagelist .list-box ul{margin:0 -8px;}
.imagelist .list-box ul li{padding:8px;}
.imagelist .list-box ul li a h3{padding:10px 20px;}
}
@media(max-width:767px){
.imagelist .list-box ul{margin:0 -4px;}
.imagelist .list-box ul li{padding:4px;}
.imagelist .list-box ul li a h3{padding:10px;font-size: 14px;}
}