Как правильно настроить slick слайдер?

Всем привет!
Что-то разобраться не могу как сделать, чтобы 3 слайда сразу показывало, а то у меня по одному лишь. Но и чтобы были стрелочки, чтобы можно было их прокручивать бесконечно.

Вот результат залитый на хостинг(блок МДИС - ЭТО) - http://silencer.website/mdis/index.html,
а вот codepen - http://codepen.io/SilencerWeb/pen/BWxjBz?editors=1010

Настройки слайдера:

  $(document).ready(function () {
    $('.about__content').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      initialSlide: 1,
      centerMode: true,
      variableWidth: true,
      focusOnSelect: true,
      infinite: true,
      autoplay: true,
      autoplaySpeed: 6000,
      arrows: true,
      appendArrows: ".about__controllers",
      prevArrow: ".about__prev",
      nextArrow: ".about__next"
    });
  }); 

Но вот в чем подвох, результаты различаются. В кодпене показывает сразу 3 слайда, а на хостинге лишь один, что делать не знаю, идей нет. Может это потому-что я у себя в продакшне чуток поправил стили slick слайдера(файл slick.scss)? Но я там лишь убрал флоаты у элементов, т.к. они мешали, потому-что я использую флексы. Бьюсь с этой задачей уже несколько дней, надеюсь кто-нибудь из вас мне поможет =) Заранее благодарю!)

P.S: Вот такой слайдер примерно должен получиться: