.photo-modal, .horizontal-photo-modal, .video-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content */
.photo-modal .modal-content, .horizontal-photo-modal .modal-content, .video-modal .modal-content{
    background: none;
    margin: auto;
    border-radius: 0;
    box-shadow: none;
    border: none;
    width: 100%;
    height: 100%;
    text-align: center;
    max-width: 90vw;
    max-height: 90vh;
    margin-top: 5vh;
    overflow: hidden;
}

.photo-modal .modal-content .photo-modal-img{
    height: 100%;
    display: inline-block;
}

.horizontal-photo-modal .modal-content .photo-modal-img, .video-modal .modal-content video {
    width: 100%;
    display: inline-block;
}

.photo-modal-x {
    background: url(/img/x.png) no-repeat center;
    background-color: #eb5105;
    width: 38px !important;
    height: 38px !important;
    position: absolute;

    background-size: 17px;
    border-radius: 100%;
    top: 24.5px;
    right: 24.5px;

    z-index: 999;
}

@media (max-width: 768px) {
    .photo-modal .modal-content .photo-modal-img, .video-modal .modal-content video{
        width: 100%;
        height: auto;
    }

    .photo-modal-x {
        top: 5vh;
    }
}