hidden some module in small screen

hi all, I read some guides but I couldn't hide some modules on small screens, like smartphones.

I use joomla5 and Cassiopeia template.

Basically I would like to create 2 different versions for some modules, one for normal large screens and one for small screens. The modules I would like to set at the moment are Brand listing and Category listing in 1 level.

I tried different module class suffixes, but without results. the last that i've tried is: .d-none .d-sm-block
but with no result.

Can anyone give me suggestions?