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


/* Portfolio Masonry Items
-----------------------------------------------------------------*/

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

	.folioMasonry-3 .gallery-item,
	.portfolioFull .folioMasonry-3 .gallery-item {
		width: 50%;
	}
}

@media only screen and (min-width: 960px) {
	
	.folioMasonry-2 .gallery-item { width: 50%; }

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

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

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

}

/* Blog Masonry Items
-----------------------------------------------------------------*/

@media only screen and (min-width: 760px) {
	
	.blogMasonry.blogMasonry-3 .blogItem { width: 50%; }

}

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

	.blogMasonry.blogMasonry-2 .blogItem { width: 50%; }
	
	.blogMasonry.blogMasonry-3 .blogItem { width: 33.333%; }

	.blogMasonry.blogMasonry-4 .blogItem { width: 50%; }

}

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

	.blogMasonry.blogMasonry-4 .blogItem { width: 25%; }
}


/* Retina CSS
-----------------------------------------------------------------*/
	
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	#logo a.sd-logo { display: none; }
	#logo a.hd-logo { display: inline-block; }
}