Почему slick slider прокручивается вперед, потом назад?

Почему slick.js, при нажатии на стрелки, прокручивается вперед 2 раза, потом один раз назад, потом опять вперед.
Слайдер состоит из 16 слайдов.
В браузере сразу отображаются только 8.
Если задать для прокрутки slidesToScroll < 8 слайдов, то есть 2,4,5,6,7 то он ведет себя так как я описал выше.
Если задать для прокрутки 8 слайдов, то все нормально прокручивается.

Вот код js для слайдера

$('#js-my-projects-slider').slick({
		dots: false,
		slidesToShow: 8,
		slidesToScroll: 2,
		arrows: true,
		responsive: [{
				breakpoint: 1600,
				settings: {
					slidesToShow: 7
				}
			},
			{
				breakpoint: 1400,
				settings: {
					slidesToShow: 6
				}
			},
			{
				breakpoint: 1200,
				settings: {
					slidesToShow: 5
				}
			},
			{
				breakpoint: 1000,
				settings: {
					slidesToShow: 4
				}
			},
			{
				breakpoint: 700,
				settings: {
					slidesToShow: 3
				}
			},
			{
				breakpoint: 500,
				settings: {
					slidesToShow: 3,
					arrows: false
				}
			}
		]
	});

Вот сам слайдер


И html

<div class="my-projects-slider" id="js-my-projects-slider">
    <div class="my-projects-slider__item"><img src="assets/i/projects/2.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/3.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/4.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/5.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/6.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/7.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/8.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/9.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/2.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/3.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/4.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/5.jpg" alt=""></div>
    <div class="my-projects-slider__item"><img src="assets/i/projects/6.jpg" alt=""></div>
</div>

А вот страница сайта portfolio.webforworld.info
Слайдер выше заголовка Работаем по всей России

До меня не доходит, почему такое поведение?

Заранее благодарен за подсказку.