Hello,
the classes above won't work on prestashop, these will do the trick:
.hidden-[size]-[behaviour]
Where [size] can be "sm" , "md" , "lg" , "xl"
As you can see is very intuitive and you hide it depending on your needs, being "sm" (small) for mobile, "md" (medium) for tablet, "lg" (large) on desktop and "xl" (extra large) for larger displays.
Where [behaviour] can be "up" or "down", if you want to be shown should be "up" and hidden with "down".
This way you can show things only for mobile, for example :
.hidden-sm-up
I know it's an old post but for everyone who is looking for this info should be helpful