/* Bootstrap like classes */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* Regular classes */
.w3b_gallery__wrapper {
	margin: 0 -5px;
}

.w3b_gallery__list {
	padding: 0 5px;
	width: 100%;
}

.w3b_gallery__item-wrapper {
	border: 1px solid #c0c0c0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
}

.w3b_gallery__item {
	background: #FCFCFC;
	margin: 5px 0;
	overflow: hidden;
	position: relative;
}

.w3b_gallery__item img {
	border-color: #CCC;
	width: 100%;
	height: auto;
}

.w3b_gallery__overlay {
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	   		transition: all 300ms ease-in-out;
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	   		transform: translateY(100%);
}

.w3b_gallery__overlay h4 {
	color: #fff;
	margin: 0 !important;
	padding: 10px 15px;
}

.w3b_gallery__item:hover .simple_gallery__overlay {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	   		transform: translateY(0);
}

@media only screen and (min-width: 768px) {
	.w3b_gallery__list {
		float: left;
		width: 33.3333%;
	}
}

@media only screen and (min-width: 992px) {
	.w3b_gallery__list {
		width: 25%;
	}
}