Manage WP Layer slider appearance laptop mobile

Dear Team,

I want to display one out of 2 two layers slider depending on the device. I tried the following code, but still both sliders are appearing on both devices. How to correct the code?

Thanks a lot and best regards,
Tilman

/* 1. Laptop/Desktop: Slider 1 zeigen, Slider 2 ausblenden */
@media only screen and (min-width: 768px) {
#layerslider_1 { display: block !important; }
#layerslider_25 { display: none !important; }
}

/* 2. Mobile (Handys/Tablets): Slider 2 zeigen, Slider 1 ausblenden */
@media only screen and (max-width: 767px) {
#layerslider_25 { display: none !important; }
#layerslider_1 { display: block !important; }
}