This is very helpful for limiting custom CSS to certain breakpoints. Usage examples are Scrollbar, Offset Slides and Offset Carousel Posts. Modify the breakpoints (the ones in px) to your needs.
@media only screen
and (min-device-width: 767px)
{
}
@media only screen
and (max-device-width: 767px)
{
}
@media only screen
and (max-device-width: 767px)
{
selector div.slick-list
{ overflow: visible }
}
No offset (overflow) is seen on desktop, only on mobile.