title: How to make Slick sync slider responsive?
body: <p>I have added two sliders using slick sync. I have no idea how to make them responsive. I have knowledge on how to make sliders responsive using responsive [], but I am not able to proceed with sync sliders. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> $('.slider-for').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.slider-nav'
  });
  $('.slider-nav').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: true,
    centerMode: true,
    focusOnSelect: true
  });</code></pre>
  </div>
  </div>
  </p>