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

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

.container {
    width: 100%;
    max-width: 988px;
    min-width: 547px;
    background: #fff;
    margin: 0 auto;
}

/*  VIDEO PLAYER CONTAINER
 		############################### */
.vid-container {
    position: relative;
    padding-bottom: 52%;
    padding-top: 30px;
    height: 0;
}

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


/*  VIDEOS PLAYLIST
 ############################### */
.vid-list-container {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 20px;
}

.vid-list {
    width: 11344px;
    position: relative;
    top:0;
    left: 0;
}

.vid-item {
    display: block;
    width: 316px;
    height: 262px;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 20px;
}

.thumb {
    /*position: relative;*/
    overflow:hidden;
    height: 178px;
    border-radius: 8px;
}

.thumb img {
    width: 100%;
    position: relative;
    top: -13px;
}

.vid-item .desc {
    font-size: 15px;
    margin-top: 10px;
    color: #18191F;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.vid-item:hover {
    cursor: pointer;
}

.vid-item:hover .thumb {
    border: 2px solid #04F1FF;
    box-sizing: border-box;
}

.vid-item:hover .desc {
    color: #21A1D2;
}

.arrows {
    position:relative;
    width: 100%;
}

.arrow-left {
    position: absolute;
    padding: 15px;
    left: -55px;
    top: -220px;
    z-index: 99;
    cursor: pointer;
}

.arrow-right {
    position: absolute;
    padding: 0;
    right: -40px;
    top: -220px;
    z-index:100;
    cursor: pointer;
}
/*@media (max-width: 624px) {*/
/*    body {*/
/*        margin: 15px;*/
/*    }*/
/*    .caption {*/
/*        margin-top: 40px;*/
/*    }*/
/*    .vid-list-container {*/
/*        padding-bottom: 20px;*/
/*    }*/

/*    !* reposition left/right arrows *!*/
/*    .arrows {*/
/*        position:relative;*/
/*        margin: 0 auto;*/
/*        width:96px;*/
/*    }*/
/*    .arrow-left {*/
/*        left: 0;*/
/*        top: -17px;*/
/*    }*/

/*    .arrow-right {*/
/*        right: 0;*/
/*        top: -17px;*/
/*    }*/
/*}*/