.video-js .vjs-current-time {
    display: block;
}

.video-js .vjs-remaining-time {
    display: none;
}

.video-player {
    width: auto;

    height: 56.25vw;
    max-height: calc(100vh - 169px);
    min-height: 480px;
}

.bottom-area {
    display: flex;
    flex-direction: column;
}

.video-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}

.chapter-list {

}

@media (min-width: 992px) {

    .bottom-area {
        display: flex;
        flex-direction: row;
    }

    .video-title {
        flex: 1 0 0;
    }

    .chapter-list {
        flex: 0 1 400px;
        max-width: 400px;
        width: 400px;
    }

}