.grid {margin: 0;padding: 0;list-style: none;position: relative;width: 100%;}
.grid li {position: relative; float: left; overflow: hidden; padding:0; width: 33.3333334%;}
.grid li a, .grid li a img {display: block;	width: 100%;cursor: pointer;}
.grid li a img {max-width: 100%;}

.grid li a:hover div {opacity: 1;}

@media screen and (max-width: 1190px) {
	.grid li {width: 33.3333334%;}
}

@media screen and (max-width: 945px) {
	.grid li {width: 33.3333334%;}
}

@media screen and (max-width: 660px) {
	.grid li {width: 50%;}
}

@media screen and (max-width: 660px) {
	.grid li {width:50%;}
}

@media screen and (max-width: 400px) {
	.grid li {width: 100%;}
}

@media screen and (max-width: 300px) {
	.grid li {width: 100%;	}
}