Cambiar de posición elemento en versión responsive

Tengo un contenido B que en la versión de escritorio está debajo debajo del contenido A, y quiero que en la versión mobil quede al contrario, esto es, A debajo de B ¿Cómo podría hacerlo?

De momento loo tengo solucionado duplicando el contenido y colocando un display: none, pero se me ocurre que es una forma chapusera y debe poderse hacer de una forma más elegante.

Gracias.

Con los media queries puedes cambiarlo, pones el media querie para la resolución que lo necesitas y lo cambias

franamaterasu dijo:

Con los media queries puedes cambiarlo, pones el media querie para la resolución que lo necesitas y lo cambias

Click para expandir ...

Entiendo, ¿pero cómo sería? ¿utilizando la propiedad position?

Gracias.

Con la prpiedad del z-index

Aqui te dejo un ejemplo:

Edit fiddle - JSFiddle