Не работает slick слайдер, в чем я ошибся?

<link rel="stylesheet" href="slick/slick.css"/>
<link rel="stylesheet" href="slick/slick-theme.css"/>
<link rel="stylesheet" href="css/main.css"/>



<div class="center">
    <div><img class="img-fluid" src="img/slider/widgets/image_left.png" alt=""/></div>
    <div><img class="img-fluid" src="img/slider/widgets/image_center.png" alt=""/></div>
    <div><img class="img-fluid" src="img/slider/widgets/image_right.png" alt=""/></div>
</div>

<script src="slick/slick.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>

$('.center').slick({
    centerMode: true,
    centerPadding: '60px',
    slidesToShow: 3,
    responsive: [
      {
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 3
        }
      },
      {
        breakpoint: 480,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 1
        }
      }
    ]
  });