Ciao a tutti, ho un problema, uno script jquery applica un determinato effetto a partire da un numero di pixel che andiamo ad indicare, fino ad una altro numero (es. da 0px fino a 500px), questi valori vengono forniti con i data attributes.
Il mio problema è che utilizzando il responsive ho bisogno di variare i valori a seconda della risoluzione

In sintesi con i css e/o il responsive posso variare i dati che trovate in questa stringa:

codice HTML:
<div data-0="opacity:1" data-500="opacity:0" class="gallery">
Nello specifico dovrei variare il numero dopo data per esempio in questo modo:

per gli smartphone: data-0 data-500
per i tablet: data-200 data-800
per i pc: data-500 data-1000

Grazie