.title {
width: 100%;
max-width: 854px;
margin: 0 auto;
}

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

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


/*  VIDEO PLAYER CONTAINER
############################### */
.vid-container {
    margin-top:100px;
    position: relative;
    height: 800px;
    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 {
margin-top:100px;
width: 30%;
height:431px;
float:right;
overflow-y: scroll;

}
.vid-list-container::-webkit-scrollbar{
    width: 10px;
}

.vid-list-container::-webkit-scrollbar-track{
    background-color: #fff;
    border-radius: 5px;
}

.vid-list-container::-webkit-scrollbar-thumb{
    background-color: #444;
    border-radius: 5px;
}

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

ol#vid-list {
margin:0;
padding:0;
}

ol#vid-list li {
  list-style: none;
}

ol#vid-list li a {
text-decoration: none;
display:block;
}

ol#vid-list li a:hover {
background-color:#666666
}

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

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

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


@media (max-width: 624px) {
    body {
        margin: 15px;
    }
    .caption {
        margin-top: 40px;
    }
    .vid-list-container {
        padding-bottom: 20px;
    }

}
/* Youtube*/
.thumb-youtube-player-small {position: relative;padding-bottom: 55%;height: 0;max-width: 325px;margin-left: 30px;border: 0px solid;}
.thumb-youtube-cont {border-left: 5px solid;margin-left: 20px;}