Why doesn't responsive work on slick?

Question

Android

A site with a problem

I'm typing for a 1024px screen, but because of the slider it scrolls to the right.

Problem in the "Health Encyclopedia" block (.encyclopedia__slider )

I specified in the slider settings ( src/js/main.js ) the behavior at 1024 (remove arrows, display 1 slide), but 2 slides are displayed and the arrows did not disappear:

$('.encyclopedia__slider').slick({
  dots: false,
  infinite: false,
  speed: 300,
  slidesToShow: 2,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
        arrows: false,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
      }
    }
  ]
});