/* all mobiles (portrait and landscape) ----------- */
@media only screen and (min-device-width : 160px) and (max-device-width : 1024px) {
/* Styles */
	.login-container {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: auto;
	}
	.login-container * {
		font-size: 160%;
	}
	.form-signin {
		margin: 0;
		max-width: 100%;
		position: relative;
		transform: none !important;
		left: auto;
		top: auto;
	}
	.form-signin * {
		margin: 20px 0px 20px 0px;
	}
	.form-signin a {
		font-size: 120%;
	}
	.form-signin .form-control {
		font-size: 150%;
	}
	.edkey-login * {
		font-size: 30px !important;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* for responsive.css */
	#main-nav-bar li a > i {
		display: inline;
	}
	#main-nav-bar li a > span {
		display: none;
	}
	#user-nav-dropdown a > i {
		display: inline;
	}
	#user-nav-dropdown a > span.welcome-text {
		display: none;
	}
	.navbar-brand {
		margin-top: 8px;
		margin-right: 15px;
	}
	.navbar-nav.navbar-right:last-child {
		margin-right: -15px;
		margin-top: 5px;
	}
	.main {
		margin-top: 60px;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* iPad 3 (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPad 3 (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}