.login-container{
    margin-top:    8vh !important;
}

.login-container form{
    padding-top    :  2%;
}

.login-form-1{
    max-width: 350px;
    min-width: 290px;
    width    : 50%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.login-form-1 .card-header{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.login-form-1 .forgetPwd{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: center;
}

.btnLogin
{
    border-color: #0067b8;
    background-color: #0067b8;
    color: #fff;
    min-height: 32px;
    min-width: 108px;
    border: none;
    line-height: normal;
}

.login-form-1 .branding{
    display: flex;
    flex-direction: row;
    font-size: 20px  !important;
    font-weight: 600 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.login-form-1 .branding img{
    width  : 32px;
    height : 32px
}

.login-form-1{
    width  : 90% !important;
} 

@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px)  { 
    .login-form-1{
        width  : 50% !important;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .login-form-1{
        width  : 60% !important;
    }
}