.caption {
    width: 100%;
    max-width: 854px;
    margin: 0 auto;
    padding: 20px 0;
}

.vid-main-wrapper {
    width: 100%;
    max-width: 1100px;
    min-width: 440px;
    background: #fff;
    margin: 0 auto;
}


/*  VIDEO PLAYER CONTAINER
 		############################### */
.vid-container {
    position: relative;
    height: 0;
    width: 70%;
    float: left;
}

    .vid-container iframe,
    .vid-container object,
    .vid-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 360px;
    }


/*  VIDEOS PLAYLIST
 		############################### */
.vid-list-container {
    width: 29%;
    height: 360px;
    overflow: hidden;
    float: right;
}

    .vid-list-container:hover, .vid-list-container:focus {
        overflow-y: auto;
    }

ul#vid-list {
    margin: 0;
    padding: 0;
    background: #ddd;
}

    ul#vid-list li {
        list-style: none;
        border-bottom: 1px solid white;
    }

        ul#vid-list li a {
            text-decoration: none;
            height: 70px;
            display: block;
            padding: 10px;
        }

            ul#vid-list li a:hover {
                background-color: #b1b1b1
            }

.vid-thumb {
    float: left;
    margin-right: 8px;
}

.active-vid {
    background: #3A3A3A;
}

#vid-list .desc {
    color: #4F4F4F;
    font-size: 13px;
    margin-top: 5px;
}

@media (max-width: 624px) {
    body {
        margin: 15px;
    }

    .caption {
        margin-top: 40px;
    }

    .vid-list-container {
        padding-bottom: 20px;
    }
}