/***
Login page
***/

/* logo page */
.login {
  /*background-color: #666 !important;*/
  background: url("../images/login-bg7.jpg") no-repeat;
  background-size: cover;
}

.login .logo {
  width: 100px;
  margin: 0 auto;   
  margin-top:200px;
  text-align: center;
}  


.login .content {
  width: 373px;
  margin: 0 auto; 
  margin-bottom: 0px;
  padding: 30px;  
  padding-top: 56px;
  padding-bottom: 25px;
}
.login .content p,
.login .content label {
  color: #fff;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px;
}

.login .content .m-wrap {
  width: 332px;
  height: 30px;
  background-color: #fff;
}
.input-icon.left i{
  margin-top:15px;
}
.login .content .control-group:nth-of-type(3){
  margin-bottom: 45px !important;
}
.login .content .input-icon .m-wrap {  
  margin: 0px !important;
}
.login .copyright {
  text-align: center;
  width: 372px;
  margin: 0 auto; 
  padding: 10px 10px 0 10px;
  color: #eee;
  font-size: 12px;
}
@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top:10px;
}

.login .content {
    padding: 30px; 
    width: 222px;
}

.login .content h3 {
    font-size: 22px;
}

.login .content .m-wrap {
  width: 180px;
}

.login .checkbox {
    font-size: 13px;
}
}