.login-container {
    margin: 0px auto;
    margin-top: 12%;
    background-color: #ffffff;
    border-radius: 10px;
    max-width: 540px;
}

.login-container .logobox {
    padding: 10px;
    margin-top: 15px;
    background-color: #fff;
    text-align: center;
}
.login-container .logobox img{
    height: 30px;
}
/*.product-name{
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    color: #333333;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}*/
.heading-name{
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    color: #333333;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}
.logo-area {
    float: left;
    width: 200px;
    padding-right: 30px;
    border-right: 1px solid #CCCCCC;
    height: 140px;
}
/*.logo-area {
    float: left;
    width: 200px;
    padding-right: 30px;
    border-right: 1px solid #CCCCCC;
    height: 200px;
}*/
.login-area {
    width: 275px;
    float: left;
    padding-left: 30px;
}
.login-input-box {
    padding: 30px;
    width: 538px;
}
.logo-area img{
    width: 194px;
    height:69px;
}
.logobox-footer {
    text-align: center;
    padding: 10px;
    height: 50px;
}
.logobox-footer img{
    height: 100%;
}


/*---------------------------for mobile responsive-----------------------------------------*/
@media (width: 732px) {
        .status_div{
            margin-left: 0px !important;
        }
    }

@media (width: 667px) {
        .status_div{
            margin-left: 0px !important;
        }
    }
@media (width: 640px) {
        .status_div{
            margin-left: 0px !important;
        }
    }


@media (width: 414px) {
    .logo-area {
            width: 363px;
            border-right: none;
            border-bottom: 1px solid #CCCCCC;
            
        }
       .login-area{
        margin-top: 36px;
       }
        .login-input-box{
            padding: 10px;
            width: 337px;
        }
        .login-container{
                width: 378px !important;
        }
        .status_div{
            margin-left: 0px !important;
        }
       
    }
@media (width: 412px) {
        .logo-area {
            width: 363px;
            border-right: none;
            border-bottom: 1px solid #CCCCCC;
        }
       
        .login-input-box{
            padding: 10px;
            width: 337px;
        }
        .login-container{
                width: 378px !important;
        }
        .status_div{
            margin-left: 0px !important;
        }
        .login-area{
            margin-top: 36px;
            width: 310px;
            height: 101px;
            margin-bottom: 50px;
        }
        .login-container{
          margin-top: 0px;
        }
         .logo-area img{
            width: 145px;
            height: 80px;
        }
    }
    @media (width: 375px) {
    .logo-area {
            width: 363px;
            border-right: none;
            border-bottom: 1px solid #CCCCCC;
        }
       
        .login-input-box{
            padding: 10px;
            width: 337px;
        }
        .login-container{
                width: 378px !important;
        }
        .status_div{
            margin-left: 0px !important;
        }
    }

@media (width: 360px) {
    .logo-area {
            width: 321px;
            border-right: none;
            border-bottom: 1px solid #CCCCCC;
        }
       
        .login-input-box{
            padding: 10px;
            width: 337px;
        }
        .login-container{
                width: 336px !important;
        }
        .status_div{
            margin-left: 0px !important;
        }
    }

/*@media (width: 412px) {
    .logo-area {
            width: 321px;
            border-right: none;
            border-bottom: 1px solid #CCCCCC;
        }
       
        .login-input-box{
            padding: 10px;
            width: 337px;
        }
        .login-container{
                width: 385px !important;
        }
        .status_div{
            margin-left: 0px !important;
        }
    }*/