/* colours */

.image-gallery-container {
	background-color:#222;
	color:#fff;
	border-radius:4px;
}

.image-gallery-details-overlay {
	background-color:#222;
	opacity:0.9;
}

.item-active img {
	border:4px solid #00A0C4;
}

/* style */

.image-gallery-container {
	position:relative;
	overflow:hidden;
}

.image-gallery {
	position:relative;
	overflow:hidden;
	padding:20px 0 10px 0;
}

.image-gallery-thumbs-outer {
	position:relative;
	margin:auto;
}

.image-gallery-thumb {
	padding:20px;
	margin-bottom:20px;
	border:1px solid #ccc;
	border-radius:4px;
}

.image-gallery-thumb img {
	border:1px solid #ccc;
	cursor:pointer;
	margin:auto;
}

.image-gallery img {
	margin:auto;
}

.image-gallery .image-gallery-move {
	position:absolute;
	cursor:pointer;
	z-index:102;
}

.image-gallery .image-gallery-prev {
	left:0;
}

.image-gallery .image-gallery-next {
	right:3px;
}

.image-gallery .glyphicon {
	font-size: 40px;
}

.image-gallery-details-overlay {
	position:absolute;
	z-index:100;
	bottom:0;
	left:0;
	right:0;
}

.image-gallery-details-text {
	padding:20px 40px 20px 40px;
	overflow:auto;
	text-align:center;
}

.image-gallery-details-toggle {
	text-align:center;
	cursor:pointer;
	padding-bottom:10px;
}

.image-gallery-details-toggle .glyphicon {
	font-size: 1.2em;
}

.image-xs img {
	margin:auto;
}

/* Extra Small */
@media(max-width:767px) {
   
	.image-gallery {
		padding-bottom:20px;
	}	
	.image-gallery img {
		height:150px;
	}
	.image-gallery-move {
		top:75px;
	}
	.image-gallery-move .glyphicon {
		font-size:2em;
	}
	.image-gallery-details-toggle {
		display:none;
	}
	.image-gallery-thumb {
		height:120px;
	}
	.image-gallery-thumb img {
		max-height:80px;
	}
}

/* Small */
@media(min-width:768px) and (max-width:991px) {
	
	.image-gallery img {
		height:250px;
	}
	.image-gallery-move {
		top:125px;
	}
	.image-gallery-details-text,
	.image-gallery-details-text .glyphicon	{
		font-size:0.8em;
	}
	.image-gallery-details-text h4	{
		font-size:1.2em;
	}
	.image-gallery-thumb {
		height:160px;
	}
	.image-gallery-thumb img {
		max-height:120px;
	}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px) {
	
	.image-gallery img {
		height:350px;
	}
	.image-gallery-move {
		top:175px;
	}
	.image-gallery-details-text,
	.image-gallery-details-text .glyphicon	{
		font-size:1em;
	}
	.image-gallery-details-text h4	{
		font-size:1.2em;
	}
	.image-gallery-thumb {
		height:200px;
	}
	.image-gallery-thumb img {
		max-height:160px;
	}
}

/* Large */
@media(min-width:1200px) {
	
	.image-gallery img {
		height:400px;
	}
	.image-gallery-move {
		top:200px;
	}
	.image-gallery-details-text .glyphicon	{
		font-size:1em;
	}
	.image-gallery-thumb {
		height:240px;
	}
	.image-gallery-thumb img {
		max-height:200px;
	}
}