Initialize slick on media

media-slick.js

if (window.matchMedia("(max-width: 576px)").matches) {
        $(".teams").slick({
            infinite: true,
            slidesToScroll: 1,
            arrows: false,
            dots: true,
            slidesToShow: 1,
            centerMode: true,
            customPaging: function (slider, i) {
                return '<div class="slick_custom_dot"></div>';
            },
        });
    }