.container{
    background-color: #000000;
    max-width: 1170px;
    margin: 0 auto;
}
.videoContainer{
    width: 24.5%;
    position: relative;
    display: inline-block;
    text-align: center;
}
.wider.videoContainer {
    width: 32.5%;
    padding: .2%;
}
.videoContainer a{
    display: table-cell;
    padding: 5px;
}
.series-name{
    width: 49%;
    text-align: left;
    display: inline-block;
    padding: 0 1% 0 1%;
    color: #7ED321;
    letter-spacing: 2px;
}
.view-all{
    width: 47%;
    letter-spacing: 2px;
}
.view-all a{
    float: right;
    color: #6A6A6A;
    padding-right: 1%;
}
.series-name-container{
    width: 100%;
    font-family: stainless-regular, arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    top: 15px;
}

.vid-thumbnail{
    width: 100%;
}
.vid-desc{
    display: block;
    text-align: left;
    padding: 10px;
    font-size: 14px;
    font-family: stainless-regular, arial, sans-serif;
    height: 60px;
    line-height: 18px;
    background-color: #ffffff;
    color: #000000 ;
    box-shadow: 1px 1px 4px 0px #dedede;
    border: 1px solid #dcdcdc;
}
.vod-title{
    width: 100%;
    display: block;
    text-transform: uppercase;
    color:#FFFFFF;
    font-size: 20px;
    text-align:left ;
    padding: 0 0 15px 0;
    font-family: stainless-bold, arial, sans-serif;
    letter-spacing: 2px;
}
.videoContainer i {
    width: 20px;
    background: #fff;
    z-index: 9;
    color: #000;
    position: absolute;
    top: 15px;
    border-radius: 26px;
    font-size: 25px;
    padding-left: 5px;
    left: 15px;
    display: block;
    padding-right: 5px;
    height: 27px;
    padding-top: 3px;
}
.vid-desc.mobile{
    display: none;
}
@media (max-width: 1023px) {
    .videoContainer {
        display: inline-block;
    }

    .videoContainer.mobile-first {
        width: 100%;
    }
    .videoContainer.mobile-first i{
        left: 25px;
    }

    .videoContainer.mobile-others {
        display: inline-block;
        width: 49.2%;
    }
    .wider.videoContainer {
        padding: 0;
    }
    .videoContainer.mobile-others i{
        left: 20px
    }

    .videoContainer a {
        display: block;
    }

    .container {
        width: 100%;
        margin: 0;
    }

    .series-name {
        width: 60%;
        top: 0px;
        padding: 0 1% 0 3%;
        color: #FFFFFF;
        display: inline;
        float: left;
    }

    .vid-thumbnail {
        width: 95%;
    }

    .videoContainer p {
        margin-bottom: 0px;
    }

    .vid-desc.mobile {
        display: block;
        background-color: #ffffff;
        margin: 0;
    }

    .vid-desc {
        display: none;
        padding: 0;
    }

    .vod-title {
        color: #7ED321;
    }

    .items-container .horizontal-divider {
        box-sizing: border-box;
        display: block;
        height: 1px;
        width: 100%;
        border: 1px solid #2f2f2f;
        margin: 6% 0 3%;

    }
    .mobile-first .vid-desc.mobile,
    .mobile-others .vid-desc.mobile{
        width: 79%;
        margin-left: 2.5%;
        padding: 8%;
        min-height: 25px;
        font-size: 16px;
        overflow: hidden;
        height: 60px;
    }
    .mobile-first .vid-desc.mobile{
        height: 25px;
    }
    .items-container{
        text-align: center;
    }
}

.landingPage.container{
    background-color: #ffffff
}

.landingPage .vod-title {
    color:#000000;
}