*{margin:0;padding:0}
#banner_login{font-family: Arial, Helvetica, sans-serif;background-image: url(../images/bg.jpg);background-repeat: repeat-x;}
.centerted-section{max-width: 31%;margin: 4em auto 0;text-align: center;}
.msg{padding: 0 0 10px;text-align: left;color: #555;}
.input-group{display: flex;width: 100%;margin-bottom: 15px;}
.input-group-addon{white-space: nowrap;color: #fff;min-width: 49px;text-align: center;vertical-align: middle;overflow: hidden;max-height: 44px;margin-top: -1px;}
.input-group input{width: 100%;padding: 10px;outline: none;height: 18px;margin-left: -2px;margin-top: 0;}
.logo-section{margin-bottom: 2em;}
.form-section{background: #fff;border-radius: 5px;}
.form-section h3{text-align: left;background: #f3f3f3;padding: 16px 14px 16px 30px;border-radius: 5px 5px 0 0;color: #333;}
.form-section form{padding: 20px 30px;}
input.btn-login{background: #0387d1;border: 0;padding: 10px 28px;color: #fff;border-radius: 5px;}
.footer-section{font-size: 15px;line-height: 30px;margin-top: 10px;background-image: url(../images/loginpage-shadow.png);background-repeat: no-repeat;padding-top: 27px;}
@media screen and (max-width:1024px) {
.input-group input{height:20px}
.centerted-section{max-width: 35%;}
}
@media screen and (max-width:980px) {
.centerted-section{max-width: 50%;}
.footer-section{padding-bottom:30px}
}
@media screen and (max-width:767px) {
.centerted-section{max-width: 60%;}
}	
@media screen and (max-width:480px) {
.centerted-section{max-width: 80%;}
.form-section form{padding: 20px;}
}
@media screen and (max-width:320px) {
.form-section h3 {text-align: center;padding: 16px 14px 16px 15px;font-size: 16px;}
.footer-section {font-size: 12px;}
}