title: slick has empty slides at the end of slider
body: <p>I have a slick slider and at the end of a slider there are empty slides.</p>
  
  <p>I have more than 10 images at the end of the slides I am getting empty slides.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="responsive slider"&gt;
      &lt;div class=""&gt;&lt;img src="brands/1.png"/&gt;&lt;/div&gt;
      &lt;div class=""&gt;&lt;img src="brands/2.png"&gt;&lt;/div&gt;
      &lt;div class=""&gt;&lt;img src="brands/3.png"/&gt;&lt;/div&gt;
      &lt;div class=""&gt;&lt;img src="brands/4.png"&gt;&lt;/div&gt;
      &lt;div class=""&gt;&lt;img src="brands/5.png"/&gt;&lt;/div&gt;
      &lt;div class=""&gt;&lt;img src="brands/6.png"&gt;&lt;/div&gt;
      &lt;div class=""&gt;&lt;img src="brands/7.png"/&gt;&lt;/div&gt;
      &lt;div class=""&gt;&lt;img src="brands/8.png"&gt;&lt;/div&gt;
      &lt;div class=""&gt;&lt;img src="brands/9.png"/&gt;&lt;/div&gt;
      &lt;div class=""&gt;&lt;img src="brands/10.png"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function(){
    $('.responsive').slick({
      dots: true,
      infinite: false,
      speed: 300,
      slidesToShow: 4,
      slidesToScroll: 4,
    });
  });
  </code></pre>
  
  <p>I am using <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">slick slider plugin</a>.</p>