Как настроить оператор if для разных медиа, чтобы изменить переменную

Это то, что я хочу:
Переменная $ = 3;
Я хочу изменить это число на 1 на мобильном телефоне

Так что я надеялся сделать что-то вроде этого:

if ((@media only screen and (min-width:481px)) or (@media only screen and (min-width:981px)){ $Variable = 3; } else $Variable = 1;

Я постараюсь объяснить;

При изменении размера экрана iPad или рабочего стола я хочу, чтобы значение переменной изменилось с 3 на 1. Именно поэтому я надеялся использовать оператор if.

Это возможно? Или мне нужно использовать CSS каким-то образом?
Любая помощь приветствуется