@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;
	}

	.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%;
	}
}