$('.banner').slick({
  fade: true,
  dots: false,
  autoplay: true,
  autoplaySpeed: 4000,
});
$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  asNavFor: '.slider-nav',
  autoplay: true,
  autoplaySpeed: 4000,
});
$('.slider-nav').slick({
  dots: false,
  autoplay: true,
  autoplaySpeed: 4000,
  slidesToShow: 3,
  asNavFor: '.slider-for',
  slidesToScroll:1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
      }
    },
    {
      breakpoint:767,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
  ]
});
$('.mode3Ul').slick({
  dots: false,
  autoplay: true,
  autoplaySpeed: 4000,
  slidesToShow: 3,
  slidesToScroll:1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
      }
    },
    {
      breakpoint:767,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
  ]
})
$('.mode4Ul').slick({
  dots: false,
  autoplay: true,
  autoplaySpeed: 4000,
  slidesToShow: 3,
  slidesToScroll:1,
  responsive: [
    {
      breakpoint: 1101,
      settings: {
        slidesToShow:2,
        slidesToScroll: 1,
      }
    },
    {
      breakpoint:767,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 479,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
  ]
})