/* ==============================================================
						RESPONSIVE CSS
================================================================= */


/* Portfolio Images
-----------------------------------------------------------------*/

@media only screen and (min-width: 441px) {

	.folioGrid .gallery-item img {
		height: 296px;
	}
}

@media only screen and (min-width: 481px) {

	.folioGrid .gallery-item img {
		height: 320px;
	}
}

@media only screen and (min-width: 521px) {

	.folioGrid .gallery-item img {
		height: 360px;
	}
}

@media only screen and (min-width: 641px) {

	.folioGrid .gallery-item img {
		height: 192px;
	}
}

@media only screen and (min-width: 681px) {

	.folioGrid .gallery-item img {
		height: 204px;
	}

	.folioMasonry-3 .gallery-item {
		width: 48.7%;
	}

	.folioMasonry-mixed .gallery-item.wide {
		width: 100%;
	}

	.folioMasonry-mixed .gallery-item {
		width: 50%;
	}
}

@media only screen and (min-width: 741px) {

	.folioGrid .gallery-item img {
		height: 223px;
	}
}

@media only screen and (min-width: 821px) {

	.folioGrid .gallery-item img {
		height: 248px;
	}
}

@media only screen and (min-width: 861px) {

	.folioGrid .gallery-item img {
		height: 261px;
	}
}

@media only screen and (min-width: 961px) {

	.folioGrid .gallery-item img {
		height: 293px;
	}
}

@media only screen and (min-width: 1011px) {

	.folioGrid .gallery-item img {
		height: 310px;
	}

	.folioMasonry-3 .gallery-item {
		width: 32.2%;
	}

	.folioMasonry-mixed .gallery-item.wide {
		width: 50%;
	}

	.folioMasonry-mixed .gallery-item {
		width: 25%;
	}
}

@media only screen and (min-width: 1026px) {

	.folioGrid .gallery-item img {
		height: 260px;
	}
}