Hide based on layout.

I'm working with zoo, not that it matters. But in the template I want to change the layout when it gets more scrunched. So for instance when it's in xtable,tablet and mobile mode I want it different than when it's in wide and normal

I thought I could wrap a div around what I want to change and put

data-wide="hidden" data-normal="hidden"

and vice versa but for some reason it doesn't do it. I would be putting these in php pages. is there something I'm missing?