@media screen and (max-width: 960px) {

    body.auto-fold .ytpl-header {
        left: 36px;
    }

    body.auto-fold .ytpl-loading.fixed {
        left: 36px;
    }

    body.auto-fold .ytpl-left-nav {
        left: 36px;
    }

    body.auto-fold .ytpl-page-content {
        left: calc(36px + 256px);
    }

    body.auto-fold .ytpl-popup {
        left: 36px;
    }

}

@media screen and (max-width: 782px) {

    body.auto-fold .ytpl-header {
        top: 46px;
        left: 0;
        z-index: 9;
    }

    body.auto-fold .ytpl-loading.fixed {
        left: 0;
    }

    body.auto-fold .ytpl-left-nav {
        top: 126px;
        left: 0;
        z-index: 8;
    }

    body.auto-fold .ytpl-page-content {
        top: calc(46px + 80px);
        left: 256px;
    }

    body.auto-fold .ytpl-popup {
        top: 46px;
        left: 0;
    }

    .ytpl-search {
        display: none;
    }

    .ytpl-icon-button.search {
        display: block;
    }

}