Slider OWL Carousel Simple

    
if($('.js-home-slider').length >0) {
    $('.js-home-slider').owlCarousel({
        loop: true,
        // autoplay: true,
        // autoplayTimeout: 4000,
        //autoplaySpeed: 2000,
        // nestedItemSelector: 'item-gall',
        lazyLoad: true,
        margin: 0,
        responsiveClass:true,
        items: 3,
        dots: true,
        // navText : ["",""],
        rewindNav : true,
        nav: true,
        responsive : {
            // breakpoint from 0 up
            0: {
                items: 1,
            },
            576: {
                items: 1,
            },
            768: {
                items: 2,
            },
            992: {
                items: 2,
            },
            1200: {
                items: 3,
            }
        }
    })
}
    

<div class="home-slider js-home-slider owl-carousel">
    <div class="item">
    </div>
</div>