document.addEventListener("DOMContentLoaded", function(event) {
        $(document).ready(function() {
            let carouselId = '#uniqueCarousel';
            let addCaro = false;
            addOrRemoveCarousel(carouselId);
            window.onresize = function() {
                addOrRemoveCarousel(carouselId);
            }

            function addOrRemoveCarousel(eleId) {
                if (window.outerWidth <= 767) {
                    addCarousel(eleId);
                } else {
                    removeCarousel(eleId);
                    addCaro = false;
                }
            }

            function addCarousel(eleId) {
                 if (!addCaro) {
                    $(eleId).slick({
                        mobileFirst: true,
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        arrows: false,
                        infinite: true,
                        dots: true,
                        rows:0
                    });              
                    addCaro = true;   
                 }
            }

            function removeCarousel(eleId) {
                let carousel = $(eleId);

                if (carousel.hasClass('slick-initialized')) {
                    carousel.slick("unslick");
                }            
            }
            
        })
    });