como ordenas imagenes responsive

[-thor-]

Hola, tengo un div y un codigo css que ordena imagenes hacia el lado derecho (imagen 1 imagen 2 imagen 3 imagen 4), pero como puedo lograr que sea un codigo responsive y que al cambio de resolucion de pantalla se ordene hacia abajo

imagen 1
imagen 2
imagen 3
imagen 4

HTML

Código PHP:

  <div class='box2' >
    <IMG SRC="c:/imgResponsive/img.png">
 </div>
<div class='box2' >
    <IMG SRC="c:/imgResponsive/img.png">
 </div>
<div class='box2' >
    <IMG SRC="c:/imgResponsive/img.png">
 </div> 
   

css

Código PHP:

  img {
height: auto;
max-width: 100%;
}
 
.box2 {
  display: inline-block;
  width: 200px;
  height: 100px;
  margin: 1em;
} 
   

[AngelKrak]

con las media queries puedes hacerlo amigo ;)

Ejemplo:

Código CSS:

@media all and (max-width: 480px) {
.box2 { 
  display: block; 
  width: 100%;
}  
}