.image{background:;}
.image .list{margin:0 -8px;}
.image .list>ul:after{display:block; content:''; clear:both;}
.image .list>ul>li{float:left; padding:8px;}
.image .list>ul>li>a{display:block; background:#fff; overflow:hidden;}
.image .list>ul>li>a:hover{background:#f8f8f8; box-shadow:0 0 8px rgba(0,0,0,.18);}
.image .list>ul>li>a>span{display:block; overflow:hidden; margin:8px;}
.image .list>ul>li>a>span>img{display:block; width:100%; transition:.3s;}
.image .list>ul>li>a>span:hover>img{transform:scale(1.08);}
.image .list>ul>li>a>h3{font-weight:bold; padding:8px 0 16px 0; text-align:center;}
@media(min-width:1200px){
.image{padding:48px 0;}
.image .list{padding-bottom:38px;}
}
@media(max-width:1199px){
.image{padding:38px 0;}
.image .list{padding-bottom:28px;}
}
@media(max-width:767px){
.image{padding:18px 0;}
.image .list{padding-bottom:18px;}
}
@media(min-width:992px){
.image .list>ul>li{width:33.333333333333%;}
}
@media(max-width:991px){
.image .list>ul>li{width:100%;}
}
@media(max-width:767px){ 
.image .list{margin:0 -4px;}
.image .list>ul>li{padding:4px; } 
.image .list>ul>li>a>h3{padding:4px 0 8px 0;}
}