div[id^=KoodersGallery-]{
  display: block;
  margin-top: 20px;
}

.intro {
  margin: 1.75em 0 .75em;
  margin-bottom: 1.75em;
}

.gallery-img-wrapper {
    background-color: white; 
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.17), 0px 4px 2px -4px rgba(0, 0, 0, 0.18), 0px 4px 10px 0 rgba(0, 0, 0, 0.11);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    margin-bottom: 10px;
}

.gallery-img-wrapper:hover {
    /* cursor: pointer; */
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    box-shadow: 0px 14px 20px -12px rgba(0, 0, 0, 0.58), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
  
.gallery-img-wrapper img {
    height: auto;
    width: 100%;
    padding: 5px;
}

/* Responsive mansory style */

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

.kooders-gallery {
    /* column-gap: 1.5em; */
    transition: all .5s ease-in-out;
}

/* Masonry on large screens */
@media only screen and (min-width: 1024px) {
  .kooders-gallery {
    column-count: 3;
  }
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .kooders-gallery {
    column-count: 3;
  }
}

/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
  .kooders-gallery {
    column-count: 2;
  }
}

.featherlight .featherlight-content {
    padding: 10px;
}

.featherlight .featherlight-close-icon {
    background: rgb(255, 255, 255);
}