#mixcom-popup-overlay, #mixcom-popup-content{
    display:none;
}

#mixcom-popup-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 9998;
}

#mixcom-popup-content{
    position:absolute;
    z-index:9999;
    top:12px;
    max-height:calc( 100% - 24px );
    left:12px;
    width:calc( 100% - 24px );
    padding:48px 24px;
    background-color:#fff;
}

@media (min-width:992px) {
    #mixcom-popup-content{
        width:70%;
        left:15%;
        top:50%;
        transform:translateY(-50%);
    }
}

#mixcom-close-popup{
    position:absolute;
    top:0;
    right:0;
    width:24px;
    height:24px;
    cursor:pointer;
}

#mixcom-close-popup span{
    position:absolute;
    top:50%;
    left:2px;
    width:20px;
    height:2px;
    background-color:#000;
}

#mixcom-close-popup span:first-child{
    transform:rotate(45deg);
}

#mixcom-close-popup span:last-child{
    transform:rotate(-45deg);
}