.k-mediaplayer {
    float: left;
    height: 360px;
    box-sizing: border-box;
    width: 70%;
    background-color: #3E3E3E;
}

.playlist {
    float: left;
    height: 360px;
    overflow: auto;
    width: 30%;
}

@media(max-width: 800px) {
    .playlist,
    .k-mediaplayer {
        width: 100%;
    }
}

.playlist ul, .playlist li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #3E3E3E;
    color: #f0f5f5;
}

.playlist .k-item {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 14px 15px;
}

    .playlist .k-item:last-child {
        border-bottom-width: 0;
    }

.playlist span {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

    .playlist span img {
        border: 0 none;
        display: block;
        height: 56px;
        object-fit: cover;
        width: 100px;
        float: left;
    }

.playlist text {
    display: block;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    padding-left: 12px;
    text-align: left;
}