#login-box {
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    left: 37%;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .5) rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .5) rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .5) rgba(0, 0, 0, .5);
    border-radius: 3px;
}

.login-container {
    height:100%; 
    overflow-y:auto;
}

/*c.s responsive amendments start*/
@media screen and (min-width: 1898px) {
    #login-box {
        width: 25% !important;
    }
}

@media screen and (max-width: 1440px) {
    #login-box {
        left: 35% !important;
        width: 35% !important;
    }

    .sso-label-container {
        margin-top: 40px;
    }
}

@media screen and (max-width: 990px) {
    #login-box {
        left: 0 !important;
        width: 75% !important;
    }

    .sso-label-container {
        margin-top: 40px;
    }
}

@media screen and (max-width: 450px) {
    #login-box {
        width: 80% !important;
        padding: 30px 10px 30px 10px;
    }
}

@media screen and (max-height: 450px) {
    #login-box {
        top: 75%;
    }
}
/*c.s responsive amendments end*/