.no-space{padding:0;}
.admin-login-content{width:100%; float:left;border:1px solid #bebbff;}
.admin-login h1{margin:0; font-size:1.4em;background-color:#444094; text-align:center; font-family:Corbel;padding:3% 1%; color:white;}
.admin-login{width:24%; margin:4.5% 38%; float:left; }
.admin-input-wrapper{width:90%; float:left; margin:0 5% 4.5% 5%; background-color:#f4f4f4; border:1px solid #bebbff;}
.admin-login-icon{width:7%; float:left; margin:2% 1.5%;}
.admin-input-text{width:90%; float:left;}
.admin-input-text input{width:100%; outline:none; border:none; background-color:transparent; padding:2% 1.5%;}
.admin-login h5{margin:0; font-size:1em; font-family:Corbel; padding:5.5% 4.5% 2% 4.5%; font-weight: 600; color:#444094;}
.admin-login input[type="submit"]{width:90%; margin:1.5% 5% 5.5% 5%;outline:none; border:2px solid #444094;  transition:all ease-in-out 0.5s; padding:2%; text-align:center; color:white; font-family:Corbel; background-color:#444094; font-size:1.2em;}
.admin-login input[type="submit"]:hover{background-color:#312c8c; transition:all ease-in-out 0.5s;}
.error-message{width:100%; float:left;}
.error-message span{font-size:1.1em; font-weight:600; font-family:Corbel; text-align:center; color:red; display: block;padding: 2.5% 2%;}

@media only screen and (max-width:1650px) and (min-width:1400px){
.admin-login{width:30%; margin:4.5% 35%;}
}
@media only screen and (max-width:1400px) and (min-width:1200px){
.admin-login{width:40%; margin:4.5% 23%;}
}
@media only screen and (max-width:1200px) and (min-width:991px){
.admin-login{width:50%; margin:4.5% 20%;}
}
@media only screen and (max-width:991px) and (min-width:767px){
.admin-login{width:56%; margin:4.5% 22%;}
}
@media only screen and (max-width:767px) and (min-width:650px){
.admin-login{width:66%; margin:4.5% 17%;}
}
@media only screen and (max-width:650px) and (min-width:543px){
.admin-login{width:80%; margin:4.5% 10%;}
}
@media only screen and (max-width:543px) and (min-width:100px){
.admin-login{width:96%; margin:4.5% 2%;}
}
@media only screen and (max-width:400px) and (min-width:100px){
.login-icon{width:12%;}
.input-text{width:88%;}
.input-text input{padding:3.5% 1.5%;}
}