Im trying to make a simple carousel using owl carousel it works fine in desktop but in mobile devices it dose not scroll.

when i try to scroll on next touch owl start over, it works fine with integer items.

https://i.stack.imgur.com/apcw2.gif

this my owl options

$('.color-carousel').owlCarousel({
            margin: 5,
            rtl: true,
            dots: false,
            responsive: {
                300: {
                    items: 4.3,
                    margin: 5,
                    mouseDrag:false,
                    touchDrag:true
                },
                350: {
                    items: 4.3,
                    margin: 7,
                    mouseDrag:false,
                    touchDrag:true


                },
                400: {
                    items: 4.3,
                    mouseDrag:false,
                    touchDrag:true


                },
                450: {
                    items: 4.3,
                    mouseDrag:false,
                    touchDrag:true


                },
                500: {
                    items: 5,
                    mouseDrag:false,
                    touchDrag:true

                },
                600: {
                    items: 6.3,
                },
                700: {
                    items: 7,
                },
                786: {
                    items: 8,
                },
        
                1100: {
                    items: 5,
                },
                1200: {
                    items: 6.5,
                }
            },
        });
    ```


  [1]: https://i.stack.imgur.com/apcw2.gif