Posicionamento de Div's

Olá

Preciso de uma ajudinha para resolver uma questão de posicionamento de divs. Fiz umas imagens para ajudar a explicar.

Nesta primeira aparecem as divs em seus locais padrões com a janela do navegador totalmente maximizada:

Minha intenção agora é que a Div4 fique entre a div2 e div3 quando a tela for reduzida (um tablet, por exemplo), ficando assim:

Será que alguém pode me ajudar a montar o css para isso? Ficarei grato por qualquer dica.