slick carouselでレスポンシブ対応した後の要素の数を初期化する方法

slick.jsというプラグインを使っており、ブレークポイントを720pxに設けています。
画面サイズ720px以下のときに表示する要素数を1つに、720px以上のときは5つにして3つ目の要素を中央に表示したいのですが、
一度720px以下にした後に720px以上にすると720px以下のときに近い表示のままで、中央に表示されるものが1つ目の要素になってしまいます。
初期化ができていないようなのですが、どのようにすればできるのでしょうか？

$(window).on('resize'...
  $('.hoge').slick('setPosition');

のようにしても初期化できませんでした。

また、transform: translate3d(150px, 0, 0)のような形で、
150pxを0にすると、中央に表示できますが、jsで指定しても画面サイズを少し動かすと、
すぐに元に戻ってしまいます。

よろしくお願い致します。

$('.hoge').slick({
    dots: false,
    infinite: false,
    arrows: false,
    slidesToShow: 5,
    centerMode: true,
    initialSlide: 2,
    responsive: [
      {
        breakpoint: 721,
        settings: {
          initialSlide: 0,
          slidesToShow: 1
        }
      }
    ]
  });