/* ===========
   Gallery
 =============*/

.image_lb {
	background-size:cover;
	background-color: #ffffff;
	width:100%;
	max-width:280px;
	height:280px;
	background-position:50%;
	margin: 17px;
	border-radius: 5px;
	box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.4);
	border: 10px solid #fff;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	display: inline-block;
} 
	.images_gallerie {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.btn {
  margin-bottom: 10px;
}
.image_lb .gallery-img:hover img {
    transform: scale(1.1);
}

.image_lb .gallery-img .gallery-overlay {
    position: absolute;
    width: 280px;
  	height: 280px;
    background-size: cover;
  background-repeat: no-repeat;
  background-position: 100%;
  position: relative;
	margin:17px;
	display:inline-block;
}

.image_lb .gallery-img .search-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
    opacity: 0;
    z-index: 2;
    
}

.image_lb .gallery-img:hover .gallery-overlay,
.image_lb .gallery-img:hover .search-icon {
    opacity: 1;
}

@media (max-width: 400px) {
  .banner-content {
    position: relative;
    width: 100%;
    padding: 50px 15px;
    bottom: 0px;
  }
}

@media (max-width: 575px) {
  .banner-content {
    position: relative;
    width: 100%;
    padding: 50px 15px;
    bottom: 0px;
  }
}

@media (max-width: 767px) {
  .banner-content {
    position: relative;
    width: 100%;
    padding: 50px 15px;
    bottom: 0px;
  }
}