.range-box{margin:0 0 40px 0;}
.range-box ul{margin:0 -15px; padding:0; list-style:none;}
.range-box ul:after{display:block; content:''; clear:both;}
.range-box ul>li{width:33.3333%; margin:0; float:left; padding:15px; list-style:none;}
.range-box ul>li>a{display:block; border:1px solid #e1e1e1; overflow:hidden;}
.range-box ul>li>a>img{display:block; width:100%; transition:.3s; -moz-transition:.3s;
-ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.range-box ul>li>a: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);
transition:.6s; -moz-transition:.6s;
-ms-transition:.6s; -o-transition:.6s; -webkit-transition:.6s;}
.range-box ul>li>p{margin:20px 0; text-align:center;}
.range-box ul>li>p>a{font-size:18px;}
@media(max-width:1200px){
.range-box ul{margin:0 -7px;} 
.range-box ul>li{padding:8px;}
}
@media(max-width:992px){
.range-box ul>li{width:50%;}
}
@media(max-width:767px){
.range-box{margin:0 0 20px 0;}
.range-box ul>li>p{margin:10px 0;}
.range-box ul>li>p>a{font-size:16px;}
}
@media(max-width:480px){
.range-box ul{margin:0;}  
.range-box ul>li{width:100%; padding:5px 0;}
}