Problems with handle on Iphone 6s

[mumus]

Plugin works very weird, sometimes it won't drag handle on iphone safari

[mumus]

I found a problem. I set:

.beer-range{
        opacity: 1 !important;
}

And saw On a mobile device, you have to hit the slider with your finger, not the .beer-handle, because slider thumb is much smaller than .beer-handle.

To resolve that problem i found a solution:

[type=range]::-webkit-slider-thumb{
        -webkit-appearance: none !important;
        height: 48px;
        width: 80px;
        border-radius: 2px;
        display: block;
}

Width and height should be about the same size of handle: