swiper javascript

Как сделать что бы при изменении экрана < 768 слайдер менял с

if ($(".about-reasons__slider3").length) {
   var aboutReasonsSlider1 = new Swiper(".about-reasons__slider3", {
        slidesPerView: 4,
        spaceBetween: 20,
        allowTouchMove: true,
        speed: 800,
        pagination: {
          el: ".about-reasons__pagination",
          type: "bullets",
          clickable: true,
          bulletActiveClass: "isActive"
        },
        navigation: {
          nextEl: ".about-reasons__nav3 .-prev",
          prevEl: ".about-reasons__nav3 .-next",
        }
      });
    }

на эти изменения

 if ($(".about-reasons__slider3").length) {
    var aboutReasonsSlider1 = new Swiper(".about-reasons__slider3", {
    slidesPerView: 2,
    slidesPerColumn: 1,
    spaceBetween: 20,
    allowTouchMove: true,
    speed: 800,
    pagination: {
      el: ".about-reasons__pagination",
      type: "bullets",
      clickable: true,
      bulletActiveClass: "isActive"
    },
    navigation: {
      nextEl: ".about-reasons__nav3 .-prev",
      prevEl: ".about-reasons__nav3 .-next",
    }
  });
}