@media (min-width: 768px) {
  .catalog-product-view.lightboxpro-simple .fotorama-item.fotorama--fullscreen {
    background: rgba(50, 50, 50, 0.75);
    text-align: center;
    padding: 10px;
  }
  .catalog-product-view.lightboxpro-simple .fotorama-item.fotorama--fullscreen .fotorama__wrap {
    max-width: 50% !important;
    margin: 0 auto;
    background: #fff;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen {
    background: rgba(50, 50, 50, 0.75);
    text-align: center;
    padding: 5vh 0;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__wrap {
    max-width: 95% !important;
    margin: 0 auto;
    background: #fff;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__stage {
    max-height: 90vh;
    padding: 10px 0;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__stage .fotorama__zoom-in,
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__stage .fotorama__zoom-out {
    display: none;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs {
    padding: 10px;
    max-height: calc(90vh - 20px);
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs .fotorama__thumb-border {
    display: none;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs .fotorama__nav__shaft {
    height: calc(90vh - 20px);
    border: 1px solid #ccc;
    white-space: normal;
    overflow: auto;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs .fotorama__nav__frame--thumb {
    max-width: 50px;
    max-height: 50px;
    border: 1px solid #ccc;
    padding: 1px !important;
    display: inline-block;
    vertical-align: top;
    margin: 8px;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs .fotorama__nav__frame--thumb.fotorama__active {
    border: 2px solid #ff5501;
    padding: 0 !important;
  }
}
/* fix margin on top of first thumbnail for vertical layout */
.fotorama__nav-wrap--vertical .fotorama__thumb-border:first-child {
  margin-top: 0 !important;
}
.fotorama__nav-wrap--vertical .fotorama__nav--thumbs .fotorama__nav__frame:nth-child(2) {
  padding-top: 0px !important;
}