#photos li {
   /* Prevent vertical gaps */
   line-height: 0;
   width:25%;
   display:inline-block;
}

#photos li img {
   width:100%;
}

@media (max-width: 700px) {
	#photos li {
	   /* Prevent vertical gaps */
	   line-height: 0;
	   width:33.333%;
	   display:inline-block;
	}
}
@media (max-width: 400px) {
	#photos li {
	   /* Prevent vertical gaps */
	   line-height: 0;
	   width:50%;
	   display:inline-block;
	}
}