#modal-pop-wrp[data-status=show] .cont--inner {
    pointer-events: auto
}

#modal-pop-wrp[data-status=show] .cont--inner .player {
    pointer-events: auto
}

#modal-pop-wrp[data-status=show] .bg {
    background: #000
}

#modal-pop-wrp[data-status=show] .closebtn {
    position: fixed;
    z-index: 3
}

@media print,screen and (min-width: 769px) {
    #modal-pop-wrp[data-status=show] .closebtn {
        top:60px;
        right: 2.923976608187134%;
        width: 60px
    }
}

@media screen and (max-width: 768px) {
    #modal-pop-wrp[data-status=show] .closebtn {
        left:50%;
        bottom: 18vw;
        width: 15.384615384615383vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media print,screen and (min-width: 769px) {
    #modal-pop-wrp[data-status=show] .cont--inner {
        width:80.4093567251462%;
        /*max-width: 1100px*/
    }
    #modal-pop-wrp[data-status=show] .cont--inner div {
      padding-top: .25%;
      position: relative;
      height: calc(95vh);
      width: calc(95vh*0.7917);
      margin: 0 auto;
    }
}

@media screen and (max-width: 1200px) {
    #modal-pop-wrp[data-status=show] .cont--inner {
        max-width:100%
    }
}

@media screen and (max-width: 768px) {
    #modal-pop-wrp[data-status=show] .cont--inner {
        width:100%
    }
}

#modal-pop-wrp[data-status=show] .cont--inner div {
    padding-top: .25%;
    position: relative
}