$(document).ready(function () {
  $('.slider').slick({
    dots: false,
    infinite: true,
    speed: 500,
    autoplay: true,
    autoplaySpeed: 2000,
    slidesToShow: 4,
    arrows: false,
    centerPadding: 0,
    asNavFor: '.slide-dots',
    responsive: [{
        breakpoint: 1801,
        settings: {
          slidesToShow: 3,
        }
      },
      {
        breakpoint: 1101,
        settings: {
          slidesToShow: 2,
        }
      },
      {
        breakpoint: 782,
        settings: {
          slidesToShow: 1,
        }
      }
    ]
  });
});

$('.slide-dots').slick({
  slidesToShow: 5,
  slidesToScroll: 1,
  dots: false,
  arrows: false,
  speed: 500,
  centerMode: true,
  focusOnSelect: true,
  variableWidth: true,
  draggable: false,
  asNavFor: '.slider',
  responsive: [{
      breakpoint: 782,
      settings: {
        slidesToShow: 5,
      }
    }
  ]
});