/*full with media image methods*/
img.media-full {
	width: 100%;
	margin: 20px 0px;
}

/*********************************************
 * image gallery methods
 *********************************************/
.thumbnail-gallery {
	overflow: auto;
	margin: 15px 0px;
}

#main .thumbnail-gallery .gallery-item {
	margin: 0.83%;
	float: left;
	cursor: pointer;
	width: 15%;
}
#main .thumbnail-gallery .gallery-item img {
	max-width: 150px;
	width: 100%;
}

.has-sidebar #main .thumbnail-gallery .gallery-item {
	margin: 1%;
	width: 23%;
}

/*********************************************
 * Thumbnail link group
 *********************************************/
.thumbnail-link-group {
	overflow: auto;
	margin: 15px 0px;
}
.thumbnail-link-group a.thumb-link {
	display: inline;
}
#main .thumbnail-link-group img {
	margin: 0.83%;
	float: left;
	width: 15%;
	height: 15%;
}

.has-sidebar #main .thumbnail-link-group img {
	margin: 1%;
	width: 23%;
	height: 23%;
}

/*********************************************
 * Responsive
 *********************************************/

@media only screen and (max-width: 768px) {
	#main .thumbnail-gallery .gallery-item, .has-sidebar #main .thumbnail-gallery .gallery-item {
		margin: 1%;
		width: 23%;
	}

	#main .thumbnail-link-group img, .has-sidebar #main .thumbnail-link-group img {
		margin: 1%;
		width: 23%;
	}

}

@media only screen and (max-width: 480px) {
	#main .thumbnail-gallery .gallery-item, .has-sidebar #main .thumbnail-gallery .gallery-item {
		margin: 1.2%;
		width: 30%;
	}

	#main .thumbnail-link-group img, .has-sidebar #main .thumbnail-link-group img {
		margin: 1.2%;
		width: 30%;
	}

}