title: Responsive breakpoints not working for slick slider
body: <p>I have implemented slick slider which works fine without resizing the browser. But when I resize the browser to 1024 then the responsive breakpoint settings doesn't work.</p>
  <p>jQuery:</p>
  <pre><code>$('.slider').slick({
    centerMode: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    dots: true,
    infinite: true,
    cssEase: 'linear',
    variableWidth: true,
    variableHeight: true,
    mobileFirst: true,
    responsive: [{
      breakpoint: 1024,
      settings: {
        slidesToShow: 4,
        slidesToScroll: 1,
        centerMode: false
      }
    }]
  });
  </code></pre>
  <p>Demo -- <a href="https://jsfiddle.net/squidraj/hn7xsa4y/4/" rel="nofollow noreferrer">https://jsfiddle.net/squidraj/hn7xsa4y/4/</a></p>