.mainproductwapper{display: flex;
flex-wrap: wrap;
column-gap: 10px;}


.product-row{  display:flex; flex-wrap:wrap;}
.productwapper{ float:left; border:1px solid #E7E7E7;  padding:10px;  border-radius:4px; margin-bottom:25px;flex: 0 0 calc(25% - 10px);}
.productwapperimg{width:100%; max-height:200px; float:left; text-align:center; margin-bottom:15px;}
.productwapperimg img{max-width:100%; width:auto; max-height:100%; }
.productwapper-detail{width:100%; height:60px; float:left;}
.productwapper-detail h2{font-size:18px; margin-bottom:15px;}
.productwapper-detail p a{font-size:14px; color:#30A5FF;}
.productwapper-detail p {font-size:14px;margin-bottom:0px;}
.productwapper-cartbut{width:100%; float:left; text-align:center; margin-bottom:10px;}
.productwapper-cartbut a{background:#30A5FF; padding:10px 30px; color:#FFF; display:inline-block;  transition: all 0.5s ease 0s; border-radius:4px;}
.productwapper-cartbut a:hover{background:#242424; text-decoration:none;}


.swiper-panel {background: linear-gradient(#FFF,#f9f9f9); border: 1px solid #DBDBDB; padding: 20px; margin-bottom: 30px; border-radius: 4px; width:100%; float:left;}
.swiper-slide{display:flex; justify-content: center; align-items:center; flex:0 0 200px; }
.swiper-slide div {text-align:center;}
.swiper-slide div+div{ padding-left:15px;  text-align:center; }
.swiper-slide h4 {font-size: 30px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.swiper-slide h3{font-size:12px; text-align:center; margin-top:8px;}
.swiper-slide img{ max-width:100%; height:auto; flex: 0 0 100%;} 
.swiper-button-next, .swiper-button-prev{ top:25%!important; z-index:1000!important;}

.swiper-wrapper {
    justify-content:space-between!important;
}