Исчезание Swiper при определенной ширине

Нужно чтоб при ширине 768px убирался свайпер. Не могу сообразить как это сделать. На чистом js. Помогите пожалуйста!

let mySwiper = new Swiper('.swiper-container', {
  
  pagination: {
    el: '.swiper-pagination',
  },
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },


  scrollbar: {
    el: '.swiper-scrollbar',
  },
  
})

<main class="slider-main">
        <h1 class="slider-main__heading"></h1>
        <div class="swiper-container">
          <div class=" swiper-wrapper slider-main__brand">
        <section class="slider-main__brand-section swiper-slide"> </section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
        <section class="slider-main__brand-section swiper-slide"></section>
    </div>
    <div class="swiper-pagination "></div>
</div>
    </main>