.gr_SwiperBtn { background: none !important; } .gr_SwiperBtn:after{ font-size:20px; color:#ccc; } .swiper-button-prev{ left:0 !important; } .swiper-button-next{ left:auto !important; right:0 !important; } .gr_cateSwiper{ overflow:hidden; } .gr_cateSwiper .gr_SwiperBtn { display: none !important; width: auto; height: auto; display: flex; align-items: center; justify-content: center; margin: 0; transform: translateY(-50%); } .gr_cateSwiper .swiper-pagination { display: none; } .gr_cateSwiper .swiper-slide{ text-align:center; } .gr_cateSwiper .btn-primary{ width:100% !important; } .gr_cateSwiper .btn-primary { width: 100% !important; padding: 10px; border-radius: 30px; } .e_button-4 { padding: 18px 0px !important; font-size: 16px !important; color: #333; } .gr_active.e_button-4{ background:var(--main-color) !important; color:#fff !important; } @media only screen and (max-width: 768px) { .gr_cateSwiper { margin: 0 20px; overflow: hidden; } .gr_cateSwiper .gr_SwiperBtn{ display:flex !important; } .gr_cateSwiper .btn-primary{ font-size:14px !important; } }