.joms-popup__mobile {
}

.joms-popup:hover .joms-popup__option,
.joms-popup__mobile .joms-popup__option {
    background-color: rgba(0, 0, 0, .6);
    display: block;
}

.joms-popup--photo .joms-spinner {
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
}

.joms-popup--photo .joms-popup__content img,
.joms-popup--video .joms-popup__content iframe,
.joms-popup--video .joms-popup__content video,
.joms-popup--video .joms-popup__content .joms-popup__video,
.joms-popup--video .joms-popup__content .joms-popup__video > embed {
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
}

.joms-popup--video .joms-popup__content iframe,
.joms-popup--video .joms-popup__content video,
.joms-popup--video .joms-popup__content .joms-popup__video,
.joms-popup--video .joms-popup__content .joms-popup__video > embed {
    width: 90% !important;
        height: 85% !important;
}

.joms-popup--video .joms-popup__content .joms-popup__video .joms-media--video {
    max-width: none;
    width: 100%;
        height: 100%;
}

.joms-popup--video .joms-popup__content .joms-popup__video img {
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
}

.joms-popup--video .joms-popup__content .joms-popup__video .mejs-video {
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
}

.joms-popup--video .mejs-overlay-play {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    outline: none;
}

.joms-popup--video .mejs-container {
    max-height: 100% !important;
}

.mejs-mediaelement * {
    max-height: 100%;
    max-width: 100%;
}

.mejs-mediaelement .me-plugin,
.mejs-mediaelement .me-plugin embed {
    height: 100%;
    width: 100%;
}

.joms-popup--photo .joms-popup__content,
.joms-popup--video .joms-popup__content {

}

@media all and ( max-width: 640px ) {
    .joms-popup--togglecomment .joms-popup__commentwrapper .joms-popup__content {
        display: none;
    }

    .joms-popup--togglecomment .joms-popup__commentwrapper .joms-popup__comment {
        display: block;
        width: auto;
    }

    .joms-popup--togglecomment .joms-popup__commentwrapper .mfp-close {
        color: #000;
    }
}

/* IE9+ fix */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .joms-popup {
        width: 400px;
        max-width: 100%;
    }

    .joms-popup--500 {
        width: 500px;
        max-width: 100%;
    }

    .joms-popup--600 {
        width: 600px;
        max-width: 100%;
    }

    .joms-popup--700 {
        width: 700px;
        max-width: 100%;
    }
}