.lightbox { top: 0 !important; height: 100%; }
.lightbox .lb-image { border: none; border-radius: 0; }
.lightboxOverlay { background-color: #fff !important; opacity: 0.95 !important; }
.lb-outerContainer { position: absolute; top: 50% !important; transform: translateY(-50%) translateX(-50%) !important; left: 50%; }
.lb-dataContainer { position: relative; opacity: 1; z-index: 99; border-radius: 0; width: 100% !important; padding: 10px 20px; }
.lb-nav a.lb-next { width: 50px; margin-right: 10px; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.lb-nav a.lb-prev { width: 50px; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.lb-nav a.lb-next i, .lb-nav a.lb-prev i { font-size: 26px; color: #333; background-color: #fff; padding: 5px 15px; top: 45%; position: absolute; }
.lb-nav a.lb-prev i { left: 0; }
.lb-nav a.lb-next i { right: 0; }
.lb-data .lb-details { margin-top: 5px; margin-left: 5px; }
.lb-data .lb-close { /*position: absolute; top: 0; right: 0; z-index: 9;*/ color: #333 !important; }
.lb-data .lb-caption { color: #333 !important; font-size: 12px; font-weight: normal; line-height: 1em }
.lb-data .lb-number { color: #333 !important }

@media screen and (max-width: 992px) {
.lb-image { width: 100% }
}

@media screen and (max-width: 767px) {
.lightbox { height: 100%; }
.lightboxOverlay { opacity: 0.9 }
.lightbox { position: fixed !important; top: 50% !important; transform: translateY(-50%); }
.lb-dataContainer { position: fixed !important; bottom: 0 !important }
.lb-outerContainer { width: 100% !important; height: 100% !important }
.lb-container { /*position: relative; padding: 0px !important; margin-top: 50% !important; top: 50%; transform: translateY(-50%);*/ }
.lightbox .lb-image { top: 50%; transform: translateY(-50%) !important; position: absolute; width: 100% !important; height: auto !important; border: none !important; border-radius: 0; }
.lb-data .lb-close { padding-top: 5px }
}

/* Portrait and Landscape */
@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.lightbox { top: 0 !important; transform: none !important; }
.lb-dataContainer { background-color: rgba(255,255,255,.85); }
.lb-container { margin-top: 0 !important; }
.lb-caption br { display: none !important; }
.lb-number { display: inline-block !important; margin-left: 10px; }
}