.brnd-events_single_page_gallery-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  width: 100%;
  height: 0;
  background: rgba(34, 34, 34, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: height 300ms linear 0ms, opacity 300ms ease-in-out 0ms;
}

.brnd-events_single_page_gallery-overlay.active {
  height: 100%;
  opacity: 1;
}

.brnd-events_single_page_gallery-overlay-img {
  max-width: 100%;
  max-height: 100%;
}

.brnd-events_single_page_gallery {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
}

.brnd-events_single_page_gallery-container {
  width: 1200px;
  position: relative;
  margin: auto;
}

.brnd-events_single_page_gallery-item-wrap {
  opacity: 0;
  position: absolute;
  top: 0;
  transition: right 300ms linear 0ms, opacity 300ms ease-in-out 0ms;
}

.brnd-events_single_page_gallery-item-img-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.brnd-events_single_page_gallery-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition-property: top, right, bottom, left;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  will-change: top, right, bottom, left;
}

.brnd-events_single_page_gallery-item-wrap:hover .brnd-events_single_page_gallery-img {
  top: -15px;
  right: -15px;
  bottom: -15px;
  left: -15px;
}

.brnd-events_single_page_gallery-container {
  height: 300px;
  margin: auto;
  position: relative;
}

.brnd-events_single_page_gallery-item-wrap {
  width: 230px;
  height: 275px;
  overflow: hidden;
  position: absolute;
  z-index: 0;
  opacity: 0;
  transition: right 300ms ease-in-out 0ms, opacity 300ms ease-in-out 0ms;
}

@media screen and (min-width: 1250px) {
  .brnd-events_single_page_gallery-navigation-not-desktop {
    display: none !important
  }

  .brnd-events_single_page_gallery-container {
    width: 1200px;
  }

  .brnd-events_single_page_gallery-item-wrap:first-of-type {
    right: -240px;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(2) {
    right: 0;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(3) {
    right: 240px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(4) {
    right: 480px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(5) {
    right: 720px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(6) {
    right: 960px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(7) {
    right: 1200px;
  }
}

@media screen and (min-width: 1110px) and (max-width: 1249px) {
  .brnd-events_single_page_gallery-navigation-desktop {
    display: none !important
  }

  .brnd-events_single_page_gallery-container {
    width: 960px;
  }

  .brnd-events_single_page_gallery-item-wrap:first-of-type {
    right: -240px;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(2) {
    right: 0;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(3) {
    right: 240px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(4) {
    right: 480px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(5) {
    right: 720px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(6) {
    right: 960px;
  }
}
@media screen and (min-width: 770px) and (max-width: 1109px) {
  .brnd-events_single_page_gallery-navigation-desktop {
    display: none !important
  }

  .brnd-events_single_page_gallery-container {
    width: 720px;
  }
  .brnd-events_single_page_gallery-item-wrap:first-of-type {
    right: -240px;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(2) {
    right: 0;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(3) {
    right: 240px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(4) {
    right: 480px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(5) {
    right: 720px;
  }
}
@media screen and (min-width: 530px) and (max-width: 759px) {
  .brnd-events_single_page_gallery-navigation-desktop {
    display: none !important
  }

  .brnd-events_single_page_gallery-container {
    width: 480px;
  }
  .brnd-events_single_page_gallery-item-wrap:first-of-type {
    right: -240px;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(2) {
    right: 0;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(3) {
    right: 240px;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(4) {
    right: 480px;
  }
}
@media screen and (max-width: 529px) {
  .brnd-events_single_page_gallery-navigation-desktop {
    display: none !important
  }

  .brnd-events_single_page_gallery-container {
    width: 240px;
  }
  .brnd-events_single_page_gallery-item-wrap:first-of-type {
    right: -240px;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(2) {
    right: 0;
    opacity: 1;
    z-index: 1;
  }
  .brnd-events_single_page_gallery-item-wrap:nth-of-type(3) {
    right: 240px;
  }
}
@media screen and (max-width: 480px) {
  .brnd-events_single_page_gallery-navigation-desktop {
    display: none !important
  }

  .brnd-events_single_page_gallery-navigation.next {
    left: 0;
  }

  .brnd-events_single_page_gallery-navigation.prev {
    right: 0;
  }
}
