.lightGallery-captions h4,p {
  text-shadow: 1.9px 1px 2px #000
}
.lightGallery-captions h4 {
  font-size: 18px;
}
.lightGallery-captions p {
  font-size: 16px;
}
@media (max-width: 575px) {
  .lightGallery-captions h4 {
    font-size: 14px;
  }
  .lightGallery-captions p {
    font-size: 12px;
  }
}
.lg-next {
  right: 2%!important;
}
.lg-prev {
  left: 2%!important;
}
.lg-next, .lg-prev {
  background-color: #0b0b0b05!important;
  color: #cfcfcf;
  font-size: 22px;
  transition: font-size 0.5s ease;
}
.lg-next:hover, .lg-prev:hover {
  color: #fff;
  font-size: 25px;
  transition: font-size 0.5s ease;
}
.lg-backdrop, .lg-outer {
  top: 57px!important
}
.lg-outer {
  height: 94%!important
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .lg-outer {
    height: 91%!important
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lg-outer {
    height: 93%!important
  }
}
@media (max-width: 1199px) {
  .lg-sub-html {
    padding: 20px 0px!important;
  }
  .lg-backdrop, .lg-outer {
    top: 68px!important
  }
  .lg-outer {
    height: 91.4%!important
  }
}
@media (max-width: 767px) {
  .lg-outer {
    height: 90%!important
  }
}
@media (max-height: 500px) {
  .lg-backdrop, .lg-outer {
    top: 54px!important
  }
  .lg-outer {
    height: 87.5%!important
  }
  .lg-content {
    top: 47px!important
  }
  .lg-sub-html {
    padding: 5px 0px!important;
  }
}
.bootstrap-image-gallery {
  width: auto;
  height: auto;
}

.bootstrap-image-gallery {
  padding-bottom: 90%;
  height: 0;
}

@media (min-width: 576px) {
  .bootstrap-image-gallery {
      padding-bottom: 65%;
  }
}