$(function () {
  $(".regular_3").slick({
    dots: true,
    infinite: true,
    arrows: true,
    appendArrows: $('.arrow_box'),
    prevArrow: '<img src="../assets/img/fantta-template-f/arrow1.png" class="slide-arrow prev-arrow">',
    nextArrow: '<img src="../assets/img/fantta-template-f/arrow2.png" class="slide-arrow next-arrow">',
    slidesToShow: 3, 
    slidesToScroll: 1,
    centerMode: false, 
    responsive: [
      {
        breakpoint: 767,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
          
        }
      }
    ]
  });
});