$(document).ready(function(){
$('.responsive-3').slick({
  centermode: true,
  centerPadding: 0px,
  arrows: false,
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 3,
  slidesToScroll: 1,
  touchThreshold: 20,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        centermode: true,
        centerPadding: 0px,
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 900,
      settings: {
        centermode: true,
        centerPadding: 0px,
        slidesToShow: 2,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 480,
      settings: {  
        centermode: true,
        centerPadding: 0px,
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
  ]
});

$('.responsive-4').slick({
  arrows: false,
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 1,
  touchThreshold: 20,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 4,
        slidesToScroll: 1,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 991,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 768,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 486,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
  ]
});

});

@@ -83,27 +83,29 @@
 terPadding: 
+'
 0px
+'
 ,%0A  arrows: 
@@ -324,35 +324,37 @@
  centerPadding: 
+'
 0px
+'
 ,%0A        slides
@@ -537,35 +537,37 @@
  centerPadding: 
+'
 0px
+'
 ,%0A        slides
@@ -716,19 +716,21 @@
 adding: 
+'
 0px
+'
 ,%0A      

Create carousel.js