Почему при адаптивности перестает работать слайдер (swiper slider)?

Question

[Роман]

Вот сайт new.spectrumdigital.ru. Если зайти на него с телефона, то перестает работать слайдер. А так же если просто в браузере войти в режим просмотра версии для телефонов (Toggle device toolbar- Ctrl+Shift+M) слайдер также перестает работать, но если в ручную растянуть область, то он снова начинает работать. Подскажите в чем проблема? Уже второй день сижу над этой проблемой.

Вот функция слайдера:

function SliderProduct() {
	$('.product__image .swiper-container').each(function(index, item){
          var mainContainer = $(this).parent();
          var swiper = new Swiper(this, {
               grabCursor: true,
               speed: 700,
               keyboardControl: true,
               slidesPerView: 1,
               prevButton: $(this).parent().find('.navigation .navigation__arrows .arrow.left'),
               nextButton: $(this).parent().find('.navigation .navigation__arrows .arrow.right'),
               buttonDisabledClass: 'disabled',
               pagination: mainContainer.find('.navigation .navigation__boxs'),
               paginationBulletRender: function (swiper, index, className) {
                    return '<div class="'+className+' anim_30-eio"><i></i></div>';
               },
               paginationClickable: true,
               bulletClass: 'boxs__item',
               bulletActiveClass: 'active',
          });
     });
}

Answer 1

[キム ファイブプラス]

js/main.js
if($(window).width() >= 901){}