.lightbox .lb-close,
.birthday_gallery .lbclosebtn {
    right: calc(100% - 61%);
}

/****LightBox Wrapper*******/

.lightbox {
    top: 0 !important;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background: linear-gradient(322deg, rgba(26, 75, 148, 0.40) 48.04%, rgba(4, 18, 71, 0.40) 54.97%) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    opacity: 0.99 !important;
}

.lightbox .lb-details {
    display: none !important;
}

.lightbox .lb-closeContainer {
    position: absolute;
    top: 25px;
    right: 5vw;

    background-size: contain !important;
    z-index: 9999;
    opacity: 1 !important;

}

.lightbox .lb-closeContainer .lb-close,
.birthday_gallery .lbclosebtn {
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
}


.lb-nav a.lb-prev,
.birthday_gallery .carousel-control-prev {
    width: 50px !important;
    left: 5vw !important;
    height: 50px !important;
    top: 50% !important;
    background: url(../images/svg/backw.svg) left 48% no-repeat !important;
    opacity: 1 !important;
    position: fixed;
    cursor: pointer;
}



.lb-image {
    /* height: 90vh !important; */
    object-fit: cover !important;
}

.body-scroll-lock #aboutfullpage {
    overflow: hidden;
}



.lb-container {
    max-width: calc(100vw - 300px);
    max-height: calc(100vh - 100px);
}

.lb-container video {
    pointer-events: all;
    max-height: 90vh;
    z-index: 99;
    position: relative;
}

.lb-nav a.lb-next,
.birthday_gallery .carousel-control-next {
    width: 50px !important;
    right: 5vw !important;
    height: 50px !important;
    top: 50% !important;
    background: url(../images/svg/nextw.svg) right 48% no-repeat !important;
    opacity: 1 !important;
    position: fixed;
    cursor: pointer;
}


.scrollLocked {
    position: fixed;
    overflow: hidden;
}

.scrollLocked .inner-section {
    filter: blur(25px);
}

.lb-outerContainer {
    width: auto !important;
    height: auto !important;
}

@media (min-width: 280px) and (max-width: 1024px) {
    .lightbox .lb-closeContainer {
        top: 94px;
    }

    .lightbox .lb-image {
        border: 0px;
        border-radius: 0px;
        object-fit: contain !important;
        background: #000;
        max-height: inherit !important;
    }

    .lb-container {
        max-width: 100%;
        max-height: calc(100vh - 145px);
    }


    .lb-nav a.lb-prev,
    body .flashy-overlay .flashy-prev {
        left: 30% !important;
    }

    .lb-nav a.lb-next,
    body .flashy-overlay .flashy-next {
        right: 30% !important;
    }


    .lb-cancel {
        width: 180px;
        height: 180px;
    }

}

@media (max-width: 1024px) {
    .lb-outerContainer {
        margin: initial !important;
    }

    .lightboxOverlay {
        background: var(--color-dark) !important;
    }

    .lightbox .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        max-height: none;
        border-radius: 0px !important;
        border: none !important;
        width: 100% !important;
    }

    .lb-data .lb-close,
    .lbclosebtn {
        background-image: url(../images/closebtn.svg) !important;

    }

    .lightbox .lb-closeContainer .lb-close,
    .birthday_gallery .lbclosebtn {
        width: 28px !important;
        height: 28px !important;
        box-shadow: 0px 0px 3px 1px #fff !important;
    }

    .lightbox .lb-closeContainer {
        right: 24px;
    }

    .lightbox .lb-closeContainer {
        top: 120px;
        z-index: 99;
    }

    .lb-cancel {
        background-position: center !important;
    }

    .lb-nav a.lb-prev,
    .birthday_gallery .carousel-control-prev {
        top: initial !important;
        bottom: 20px;
    }

    .lb-nav a.lb-next,
    .birthday_gallery .carousel-control-prev {
        top: initial !important;
        bottom: 20px;
    }


}