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%;
}  
}