Responsiveness not working for sliders

Question

I have tried making the sliders responsive but it is not working for me.

Out of the 3 sliders, the main slider has been made responsive. But the other two sliders is not able to make responsive.

This link will give you a clear picture of my problem:

You can scroll through iPhone 3+4 portrait · width: 320px to see my exact problem.

Answer 1

Try adding

.spotlightslider {
   width: 100%;
}

inside

@media only screen and (max-width: 470px) and (min-width: 310px)