.milesli {list-style-type:none; font-size:0; margin:0; padding:0}
.milesli > li {font-size: 14px; display:inline-block; vertical-align:top; background-color:#fff; text-align:center}

@media screen and (min-width: 300px) {
.owl-banner, .topbannerimg {margin-top:50px}
.milesli {margin-bottom:10px}
.milesli > li {width:46%; margin:10px 2%; padding:10px}
.milesli > li img {width:50%; margin:0 auto; margin-bottom:15px !important}
.milesli > li h3 {font-size: 14px; line-height:24px; margin:0 !important}
.padmiles {padding:0 !important}
.button-right {right: -65px !important;}
}
@media screen and (min-width: 480px) {
.milesli > li img {width:30%;}
.milesli > li {padding:15px}
}
@media screen and (min-width: 768px) {
.owl-banner, .topbannerimg {margin-top:70px}
.milesli {margin-bottom:30px}
.milesli > li {width:29.33%; margin:10px 2%}
.milesli > li img {width:40%;}
.milesli > li h3 {font-size: 15px; line-height:24px; margin:0 !important}
}
}
@media screen and (min-width: 1024px) {
.milesli > li img {width:40%;}
.milesli {margin-bottom:0px}
.button-right {right: -65px !important;}
}
@media screen and (min-width: 1280px) {
.milesli > li img {width:30%;}
}
@media screen and (min-width: 1366px) {
.milesli > li img {width:25%; margin:0 auto}
.milesli > li h3 {font-size: 14px; line-height:24px; margin:0 !important}
}
@media screen and (min-width: 1440px) {
.milesli > li img {width:50%; margin:0 auto}
.milesli > li {width:14.66%; margin:10px 1%; padding:10px}
}
@media screen and (min-width: 1600px) {
.milesli > li {width:14.66%; margin:10px 1%; padding:15px}
.milesli > li img {width:40%; margin:0 auto;}
.milesli > li h3 {font-size: 15px; line-height:24px; margin:0 !important}
}
.bannerimg, .topbannerimg {width:100%;position:relative;}
.bannerimg img {position:relative; width:100%; height:auto}
.owl-bannerimg .owl-controls {margin-top:0 !important}
.owl-bannerimg .owl-controls .owl-prev::before {display:none !important}
.owl-bannerimg .owl-controls .owl-next::before {display:none !important}