
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-item a img {
	width:  100%
}

.gallery-caption {
	display: block;
}

figure {
	margin: 0px;
}

.gallery-caption {
	  display: block;
    font-size: 16px;
    font-style: normal;
    position: absolute;
    bottom: 0;
    z-index: 9999;
    color: #fff;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    width: 100%;
	opacity: 0;
	transition: all 0.3s;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}






.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}











.gallery-columns-2 .gallery-item {
	padding: 5px;
	float: left;
}
.gallery-columns-3 .gallery-item {
	padding: 5px;
	float: left;
}
.gallery-columns-4 .gallery-item {
	padding: 0px;
	float: left;
	border: 1px solid #fff;
	position: relative;
	overflow: hidden
}


.gallery-columns-5 .gallery-item {
	max-width: 20%;
	padding: 5px;
	float: left;
}
.gallery-columns-6 .gallery-item {
	max-width: 16%;
	padding: 5px;
	float: left;
}



  .gallery-columns-2 .gallery-item
	{ width: 50% }



	.gallery-columns-3 .gallery-item
	{ width: 33.33% }


	.gallery-columns-4 .gallery-item
	{ width: 25% }


	.gallery-columns-5 .gallery-item
	{ width: 20% }

.gallery-columns-6 .gallery-item
	{ width: 16.66% }


@media (max-width: 1200px) { 
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item
	{ width: 20% }
}


@media (max-width: 1024px) {  
	.gallery-columns-4 .gallery-item, 
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item
	{ width: 33.333% }
}


@media (max-width: 768px) { 	
	.gallery-columns-3 .gallery-item, 
	.gallery-columns-4 .gallery-item, 
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item
	{ width: 50% }
}

@media (max-width: 576px) { 
	.gallery-columns-2 .gallery-item, 
	.gallery-columns-3 .gallery-item, 
	.gallery-columns-4 .gallery-item, 
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item
	{ width: 100% }	
}








