.gallery {
	width: 100%;
}

.gallery {
	list-style-type: none;
	-moz-column-count: 4;
	-moz-column-gap: 0px;
	-webkit-column-count: 4;
	-webkit-column-gap: 0px;
	column-count: 4;
	column-gap: 0px;
	margin: 0px;
	overflow:visible;
}

.gallery img {
	position: relative;
	float: left;
	clear: left;
	display: block;
	width: 100%;
	-moz-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
}

.gallery a img:hover {
	position: relative;
	z-index: 50;
	overflow: visible;
	width: 100%;
	-webkit-transform: rotate(-3deg) scale(1.2);
-moz-transform: rotate(-3deg) scale(1.2);
-o-transform: rotate(-3deg) scale(1.2);
transform: rotate(-3deg) scale(1.2);
-webkit-transition: all 1.2s ease-in-out;
	}

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
.gallery, .gallery li {
	width: 100%;
	overflow: hidden;
}

.gallery img {
	float: left;
	clear: left;
}

.gallery {
	list-style-type: none;
	-moz-column-count: 2;
	-moz-column-gap: 0px;
	-webkit-column-count: 2;
	-webkit-column-gap: 0px;
	column-count: 2;
	column-gap: 0px;
	width: 100%;
	margin: 0px;
}

.gallery img {
	display: block;
	float: left;
	width: 100%;
}
}
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
.gallery, .gallery li {
	width: 100%;
	overflow: hidden;
}

.gallery img {
	float: left;
	clear: left;
}

.gallery {
	list-style-type: none;
	-moz-column-count: 3;
	-moz-column-gap: 0px;
	-webkit-column-count: 3;
	-webkit-column-gap: 0px;
	column-count: 3;
	column-gap: 0px;
	width: 100%;
	margin: 0px;
}

.gallery img {
	display: block;
	float: left;
	width: 100%;
}
}