#gallery-container{
  top:120px;  
  position: relative;
  display: block;
  margin-bottom: 120px;
  width: 100%;
}

#gallery-container .col-md-4 {
  margin: 10px 0px;
}

#gallery-container .row {
  display: flex;
  flex-wrap: wrap;
}

#gallery-container .img-fluid {
  width: 100%;
  height: 100%;
}

.ekko-lightbox-container {
  height: auto !important;
}

.ekko-lightbox .modal-dialog {
  width: 100%;
}

.modal-backdrop.fade.show {
  opacity: 0.8;
}

.modal-body {
  padding: 1px;
}
.modal-dialog {
  margin: 0 auto;
}

.arrow {
  cursor: pointer;
  height: 120px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: transform .1s;
  width: 80px;
}

#arrow-left {
  left:7.5%;
}

#arrow-right {
  right:0%;
}

.arrow-top, .arrow-bottom {
    background-color: #5ecbcf;
    height: 4px;
    left: -5px;
    position: absolute;
    top: 50%;
    width: 100%;
}

#arrow-right .arrow-top {
    transform: rotate(45deg);
    transform-origin: bottom right;
}

#arrow-right .arrow-bottom {
    transform: rotate(-45deg);
    transform-origin: top right;
}

#arrow-left .arrow-top {
    transform: rotate(-45deg);
    transform-origin: bottom left;
}

#arrow-left .arrow-bottom {
    transform: rotate(45deg);
    transform-origin: top left;
}
.ekko-lightbox .modal-content {
  background: #5ecbcf;
  border-radius: 0px;
  margin: 1.5% 4%;
}