/* Standard 4:3 desktop screen resolution ----------- */
@media screen and (min-width : 1281px) and (max-width : 1920px){
    .login-background {
        height: 770px;
        overflow-y: hidden;
    }
}

/* Standard 4:3 desktop screen resolution -LG ---------- */
@media screen and (min-width : 1200px) and (max-width : 1280px) {

    .login-background {
        height: 725px;
    }

}

/* Desktop screen resolution -MD ----------- */
@media screen and (min-width : 992px) and (max-width : 1199px){
    .login-background {
        height: 725px;
    }

    .nav > li > a{
        padding: 10px 7px;
    }

    .videoListContainer{
        overflow: hidden; max-height: 100%; padding-right: 20px;
    }
}

/* Desktop screen resolution -SM- --------- */
@media screen and (min-width : 768px) and (max-width : 991px) {

    .login-background {
        height: 725px;
    }

    .nav > li > a {
        padding: 10px 10px !important;
    }

    .videoListContainer{
        overflow: hidden; max-height: 100%; padding-right: 20px;
    }
}

/* XS Desktop screen resolution ----------- */
@media screen and (max-width : 767px){
    img.xs-custom-center{
        text-align: center;
        margin: 0 auto;
    }

    .videoListContainer{
        overflow: hidden !important;
        max-height: 100% !important;
        padding-right: 20px;
    }

    .leftAlignXs{
        text-align: left;
    }

    .home-register-bg-content{
        width: 400px;
    }
}