$(document).ready(function(){
            
    var swiper = new Swiper(".main_product", {
        slidesPerView: 4,
        spaceBetween: 10,
        loop: true,
        pagination: {
          clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
          },
        breakpoints: {
            768: {
                slidesPerView: 4,
                spaceBetween: 20,
              },
            420: {
              slidesPerView: 2,
              spaceBetween: 20,
            },
            320: {
                slidesPerView: 2,
                spaceBetween: 20,
              },
        },
      });
});