[Ultimo и Fortis] Как скрыть/показать элемент HTML в зависимости от ширины экрана посетителя?

Оформительские темы Ultimo и Fortis способны адаптировать свой внешний вид к ширине экрана браузера конкретного посетителя интернет-магазина.
Адаптируемость уже встроена во все стандартные самодельные блоки и модули.
При добавлении новых самодельных блоков и изменении существующих полезно сделать новое содержимое также адаптируемым к ширине экрана посетителя.
Чтобы скрыть/показать элемент HTML в зависимости от ширины экрана посетителя, надо назначить ему класс CSS вида .hide-below-<минимальная ширина экрана>, где <минимальная ширина экрана> — это минимальная ширина экрана в пикселях (натуральное число без дополнительных символов), при которой данный элемент HTML должен отображаться на экране.
Например, при назначении элементу HTML класса .hide-below-768 этот элемент будет виден только при экране шириной не меньше 768 пикселей.
Параметр <минимальная ширина экрана> может принимать одно из следующих значений: 320, 480, 768, 960, 1024, 1280, 1360, 1440, 1680.
Другие значения назначать ему нельзя.