Slick slider for slides with titles

script.js

					jQuery(document).ready(function ($) {


						 $('.slider-for').slick({
						  slidesToShow: 1,
						  slidesToScroll: 1,
						  arrows: false,
						  fade: true,
						  asNavFor: '.slider-nav',
						  autoplay: true
						});

						$('.slider-nav').slick({
						  slidesToShow: 3,
						  slidesToScroll: 1,
						  asNavFor: '.slider-for',
						  arrows: false,
						  dots: false,
						  centerMode: true,
						  focusOnSelect: true,
						  responsive: [
						    {
						      breakpoint: 1280,
						      settings: {
						        slidesToShow: 3,
						        slidesToScroll: 3,
						        infinite: true,
						        dots: false
						      }
						    },
						    {
						      breakpoint: 900,
						      settings: {
						        slidesToShow: 2,
						        slidesToScroll: 1,
						        centerMode: false
						      }
						    },
						    {
						      breakpoint: 480,
						      settings: {
						        slidesToShow: 1,
						        slidesToScroll: 1
						      }
						    }
					    ],
						});
					});