@import url(../basic_new/responsive.css);

@media (max-width: 420px) {
	.login .main-header {background-size: 95% auto !important;}
}

@media (max-width: 599px) {
	.home .panel.portlet {background-color: #005d9f;}
	.home .portlet .panel-header>.fonticon {color: #fff;}
	.home .portlet .panel-heading {color: #fff;}
	.portlet .badge {background-color: #fff; color: #666;}

	.login-container,
	.custom-login-info {width: 100%;}
}

@media (max-height: 900px) {
	.login-content {margin-top: 1em;}
}

@media (max-height: 600px) {
	.login .logo {
		height: 40px;
		width: 425px;
		background-size: auto 70px !important;
		background-position: -8px center;
	}
}

@media (max-width: 1200px) {
	.login-form .col-lg-6 {width: 100%;}
}