owl caruosel responsive не срабатывает на мобильных устройствах

  // Owl Carousel

  var owl = $(".owl-carousel");
  owl.owlCarousel({
    margin: 10,
    loop: true,
    nav: false,
    responsiveClass:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3,
        },
        1000:{
            items:5
        }
    }
  });
});

Вот такая у меня настройка для owl carousel. На десктопе все работает корректно (при изменении разрешения меняется количество отображаемых объектов) однако как только я включаю мобильную версию (даже в режиме разработчика в браузере) то применяется последнее написанное количество items (в моем случае 5) при любом разрешении