OwlCarousel - Breakpoints

init.js

function CarouselInit() {

   var checkWidth = $(window).width();
   var carousel = $(".js-carousel-catmain");
   if (checkWidth < 980) {
       carousel.addClass('owl-carousel').owlCarousel({
           items: 1,
           margin: 20,
           nav: true,
           navText: [],
           dots: false,
           responsive: {
               0: {
                   items: 1,
                   autoHeight: true
               },
               768: {
                   items: 2
               },
               980: {
                   items: 3
               },
               1240: {
                   items: 3
               }
           }
       });
   } else {
       if (carousel.data('owlCarousel') != 'undefined') {
           carousel.trigger('destroy.owl.carousel').removeClass('owl-carousel');
       }
   }
};
$(document).ready(CarouselInit);
$(window).resize(CarouselInit);