@media(max-width: 767px){
#login div.inner {
    width: 100%;
    margin-left: -5px;
    margin-top: -61px;
    padding: 0px;
}

div.login-box {
    height: 172px;
    text-align: center;
    margin-left: 10px;
}
div#login {
    margin: 13% auto 0;
    padding: 0;
    width: 100%;
}

}

@media only screen and (max-width: 767px) and (min-width: 300px)  
{
.login-box {
    margin: 22% auto;
}
div#login {
    width: 100%;
}
.col-md-12 {
    width: 100%;
}
.checkbox.icheck {
   margin-left: -50px;
}

}

@media only screen and (max-width: 1199px) and (min-width: 768px)  
{
.login-box {
    margin: 22% auto;
}
div#login {
    width: 44%;
}
.col-md-12 {
    width: 100%;
}
}

div.box.login_height {
    height: 480px;
}
img {
    width: 60%;
    padding: 10px 10px 0px;
    height: 58px;
}
p {
    margin: -17px 0 10px;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
@media(min-width: 768px)  
{
    .checkbox.icheck {
    margin-left: 4px;
}
}