Centrar 4 divs. Nunca 3 en linea.

[pzin]

Realmente te sobran varias elementos, ya que con una estructura así puedes hacerlo perfectamente:

Código HTML:

<div><img></div>
<div><img></div>
<div><img></div>
<div><img></div>
 

Y luego lo que te decía, pones el ancho de esos elementos al 50 o al 20%, según necesites:

Código CSS:

div {
    float: left;
    width: 100%;
    text-align: center;
}
div img {
    max-width: 500px;
}
@media screen and (min-width: 1000px) {
    div {
        width: 50%
    }
}
@media screen and (min-width: 2000px) {
    div {
        width: 25%
    }
}
 

Y siempre se mostrarán o bien filas de una, dos o cuatro imágenes.