Slick slider responsive jQuery isn’t working [closed]

So my Slick Slider is working perfectly. But when I add responsive settings it doesn’t work:

$(document).ready(function(){
    $('.locations-slider').slick({
        dots: true,
        infinite: true,
        autoplay: false,
        arrows: true,
        slidesToShow: 3,
        slidesToScroll: 3
        responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 3,
            infinite: true,
            dots: true
          }
        },
        {
          breakpoint: 600,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 2
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1
          }
        }
      ]
    });
   });

Anyone know why this might be?