Change the Header Slider depending on screen size

Hi
Is there a way to have the header slider change from a desktop version to a mobile version depending on screen size?

An example is like with is having 2 types set up in Advance Layer Slider
– 1 version for desktop
– and another for smaller screen

And it changes automatically from one version to the other header slider depending on the screen size.

And is there a video to show how to make it work?

Kind regards
Dave