h3{
     padding: 20px 20px 50px;
}
.img-container{
    margin-bottom: 70px;
}
/*h3{
     padding: 20px 20px 50px;
}

#lightgallery{
    padding-bottom: 70px;
    margin: 0 auto;
}

#lightgallery a{
    display: inline-block;
    width: 24.5%;  
    height: 200px;
    overflow: hidden;
    border-radius: 3px;
}
#lightgallery a img{
    width: 100%;
    transition: all 1s ease;
    border-radius: 3px;
}

#lightgallery a img:hover{
    opacity: 0.9;
    transform:scale(0.9);
}
.single-gallery-item{
    padding: 5px;
}*/
/*
#lightgallery{
    padding-bottom: 70px;
    margin: 0 auto;
   
}
#lightgallery a {
   set the desired width/height and margin here 
  width: 24.5%;
  height: 210px;
  
  border-radius: 3px;

  position: relative;
  overflow: hidden;
  display: inline-block;
  
}
#lightgallery a img {
  position: absolute;
  left: 50%;
  top: 50%;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
          
  transition: all 1s ease;
  border-radius: 3px;
}
#lightgallery a img:hover{
    opacity: 0.9;
    transform: scale(0.9);
}
#lightgallery a img.portrait {
  width: 100%;
  height: auto;
}*/

.img-container img { 
    width: 100%;
    height: 100%; 
    min-width: 100%;
    object-fit: cover;  
    transition: all .3s;
}
.img-container img:hover { 
    transform: scale(1.2);
}
.img-container .img-block {
    position: relative;
    height: auto; 
    float: left;
    width: calc(25% - 10px);
    box-sizing: border-box;
    margin: 5px;
    overflow: hidden;
    transition: all .05s;
    border-radius: 3px;
}

@media(max-width: 1200px){
   .img-container .img-block{
       
    }
}
@media (min-width: 992px) and (max-width: 1200px){ 
.container {
    width: 100%;
    }
}

@media(max-width: 992px){
    .container{
        width: 100%;
    }
    .img-container .img-block {
      width: calc(33.3% - 10px);
    }  
   
}
@media(max-width: 768px){
    .container{
        width: 100%;
    }
    .img-container .img-block {
      width: calc(50% - 10px);
    } 
}
@media(max-width: 552px){
     .img-container .img-block {
       width: calc(100% - 10px); 
    }
}


/*@media(min-width: 1200px){
    #lightgallery {
        width: 1170px;
    }
}

@media(max-width: 1200px){
    #lightgallery a{

    } 
}
@media(max-width: 992px){

    #lightgallery a{
        width: 33%;  
    }  
    .carousel-top {
        height: 30vh;
        overflow: hidden;
    }
}
@media(max-width: 768px){
    #lightgallery{
        margin-bottom: 10px;
        margin: 0 auto;
    }
    #lightgallery a{
        width: 49.5%;

    }
}
@media(max-width: 552px){
    #lightgallery a{
        width: 99.1%;  
    }
}*/

.gallery-title{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #393939;
    color: #fff;
    border-radius: 3px 3px 0 0;
    padding:1.25rem;
}