jQuery(function($) {
    $('.slider-content-tl').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: true,
        adaptiveHeight: true,
        asNavFor: '.slider-dates'
    });
    $('.slider-dates').slick({
        slidesToShow: 5,
        slidesToScroll: 1,
        asNavFor: '.slider-content-tl',
        dots: false,
        centerMode: true,
        focusOnSelect: true,
        infinite: true,
        arrows: true,
        prevArrow: $('.tl-prev'),
        nextArrow: $('.tl-next'),
        centerPadding: '0px',
        responsive: [
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 3
                }
            }
        ]
    });
});