Pushing/pulling columns like Bootstrap, only on mobile?

[mmc]

I'm working on converting a website to responsive. One of the wireframes i'm working from shows columns that stack in the opposite direction (eg left & right images on desktop view would have right image on top in mobile view). I used the o-layout--row-reverse class which works in all cases. I can't figure out how to have that apply only to mobile view. Help!

[Bruce - PhosphorMedia]

I think you'd need to make your own conditional (using media queries) version of the o-layout--row-reverse class, unless you are using client dimensions in which you could use an SMT condition to change the markup.

[mmc]

Thanks Bruce