@charset "iso-8859-1";

/*	BLOG SHOWCASE ITEMS*/
#harsanik-blog-showcase { }
#harsanik-blog-showcase .clear-fix { clear: both; display: block; height: 40px; width: 100%; }

#harsanik-blog-showcase .showcase-item { clear: both; }
#harsanik-blog-showcase .showcase-item .title-strip { margin-bottom: 10px; }
#harsanik-blog-showcase .showcase-item .title-strip .title-text { text-transform: uppercase; } 
#harsanik-blog-showcase .showcase-item .blog-items { float: left; width: 90%; }
#harsanik-blog-showcase .showcase-item .blog-items .item { float: left; width: 33%; }
#harsanik-blog-showcase .showcase-item .blog-items .item .item-image { background-position: center; background-repeat: no-repeat; background-size: 100%; display: block; margin-left: 5%; width: 90%; }
#harsanik-blog-showcase .showcase-item .blog-items .item .item-title { color: #000; margin-left: 5%; margin-top: 10px; text-align: left; width: 90%; }
#harsanik-blog-showcase .showcase-item .more { float: right; text-align: center; width: 10%; }
/*#harsanik-blog-showcase .showcase-item .more a { color: #000; }*/

@media (min-width: 1280px)
{
	#harsanik-blog-showcase .showcase-item .blog-items .item .item-image { height: 120px; }
	#harsanik-blog-showcase .showcase-item .more {
		clear: both;
		margin: 25px 0 0;
		display: block;
		float: left;
		width: 87%;
		text-align: right;
		color: #92cbca;
	}
}

@media (min-width: 768px) and (max-width: 1279px)
{
	#harsanik-blog-showcase .showcase-item .blog-items .item .item-image { height: 80px; }
	#harsanik-blog-showcase .showcase-item .blog-items .item .item-title { font-size: 11px; }
	#harsanik-blog-showcase .showcase-item .more { margin-top: 90px; }
	#harsanik-blog-showcase .showcase-item .more label { font-size: 11px; }
}

@media (min-width: 480px) and (max-width: 767px)
{
	#harsanik-blog-showcase { clear: both; float: left; }
	#harsanik-blog-showcase .showcase-item .blog-items .item .item-image { height: 100px; }
	#harsanik-blog-showcase .showcase-item .more { margin-top: 110px; }
}

@media (max-width: 479px)
{
	#harsanik-blog-showcase { clear: both; float: left; width: 100%; }
	#harsanik-blog-showcase .showcase-item .title-strip .title-text h1 { font-size: 14px; }
	#harsanik-blog-showcase .showcase-item .blog-items { width: 100%; }
	#harsanik-blog-showcase .showcase-item .blog-items .item { clear: both; width: 100%; }
	#harsanik-blog-showcase .showcase-item .blog-items .item .item-image { height: 150px; }
	#harsanik-blog-showcase .showcase-item .more { margin-top: 30px; width: 100%; }
}