Problema con media queries y Masonry

Estoy trabajando mi portfolio y tengo un problema. He estado leyendo sobre media queries y mobile first para entender como funciona y he aplicado a los .box del Masonry un width de 50% como estilo base, lo que hace que haya una doble columna de miniaturas, eso es lo que quiero para tamaño móviles. Si le aplico un 25% a ese estilo base me lo pasa a 4 columnas que es lo que quiero para tamaños mayores. Ahora podéis ver que está aplicado en las media queries para que se activen las 4 columnas cuando salte el primer breakpoint a los 768px y no lo hace. Lo he probado en los otros breakpoints siguientes y tampoco. Sólo funciona cuando lo cambio en el estilo base.

Sin embargo a esos mismos .box les he aplicado una opacidad diferente en cada breakpoint y sí que lo hace. Me tiene todo loco.

Mi portfolio: http://bit.ly/1BqsQvr

¿Porque no me funciona el cambio de width en las media queries?

Muchas gracias

Haz una prueba. en ves de poner medidas relativas (que son en %) intenta ponerlas en EM.

Solo es una prueba y nos dices que tal te va.