.efv_videos_container {
    height: auto;
}
.efv_pip_container video.efv_videos,
.efv_pip_container div.efv_videos,
.efv_pip_container div.efv_videos > video {
    width: 100%;
    position: unset;
}

.efv_videos_container .vjs-pip-container {
    width: 100% !important;
}

.efv_videos_container > div > video {
    width: 100%;
}
.vjs-pip-active {
    width: 523px;
    height: 294px;
}

.efv_close_btn {
    display: none;
    position: fixed;
    top: 60px;
    right: 15px;
    z-index: 10000;
    color: #fff;
}

.efv_active_pip {
    width: 100%;
    height: auto;
    background-color: #000;
}
.efv_active_pip video.featured_video {
    width: 523px;
    height: 297px;
    position: fixed;
    top: 60px;
    right: 15px;
    z-index: 9999;
}

.efv_active_pip .efv_close_btn {
    display: block;
}

.admin-bar .efv_active_pip video.featured_video,.admin-bar .video-js.vjs-pip-y-top,.admin-bar .efv_close_btn {
    top: 89px;
}

@media screen and (max-width: 767px) {
    .vjs-pip-y-top {
        width: 380px !important;
        height: 214px !important;
    }
    .efv_active_pip video.featured_video {
        right: 15px;
        width: 380px;
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    .admin-bar .efv_active_pip video.featured_video, .admin-bar .efv_close_btn, .admin-bar .video-js.vjs-pip-y-top{
        top: 102px;
    }
}

@media screen and (max-width: 480px) {
    .efv_active_pip video.featured_video {
        right: 10px;
        width: 80%;
        height: auto;
    }
    .vjs-pip-y-top {
        width: 280px !important;
        height: 158px !important;
    }
}