Как правильно оформить media запрос на js?

Question

[CrystalClear]

$('.slider-nav').slick({
    slidesToShow: 4,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: false,
    focusOnSelect: true,
    vertical: true,
    verticalSwiping: true
});


if(window.matchMedia('(max-width: 768px)').matches)
{
    $('.slider-nav').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        asNavFor: '.slider-for',
        dots: false,
        focusOnSelect: true,
        vertical: false,
        verticalSwiping: true
    });
}

Здравствуйте. Почему то этот код не отрабатывает. Подскажите пожалуйста как его правильно оформить.

Answer 1

[420873535]

$('.Slider').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 8,
    slidesToScroll: 7,
    responsive: [
        {
            breakpoint: 2560,
            settings: {
                slidesToShow: 7,
                slidesToScroll: 6
            }
        },
        {
            breakpoint: 1920,
            settings: {
                slidesToShow: 6,
                slidesToScroll: 5
            }
        }
    ]
});