$('.slick-thumbs').not('.slick-initialized').slick({
        asNavFor: '.slick-thumbs-pager',
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        responsive: [{
                breakpoint: 1024,
                dots: true
            }]
    });

    $('.slick-thumbs-pager').not('.slick-initialized').slick({
        asNavFor: '.slick-thumbs',
        slidesToShow: 4,
        slidesToScroll: 1,
        centerMode: false,
        focusOnSelect: true
    });