@CHARSET "UTF-8";

body {
	
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	.banner_index {
		height: 200px;
	}
	#text_overlay {
		left: 55%;
	}
	#loader {
		left: 55%;
	}
	.forgot-password, .change-password-first, .register-account-form {
		margin-top: 10px;
	}
	.modal-header, .modal-footer, .modal-body {
		padding: 10px 3px !important;
	}
	.col-xs-6 {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}
	
	.sidenav a {
		font-size: 16px;
	}
	
	.forgot-password, .change-password-first, .register-account-form {
		margin-top: 10px;
	}
	.modal-header, .modal-footer, .modal-body {
		padding: 10px 3px !important;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	.banner_index {
		height: 230px;
	}
	#text_overlay {
		left: 55%;
	}
	#loader {
		left: 55%;
	}
	.forgot-password, .change-password-first, .register-account-form {
		margin-top: 10px;
	}
	.modal-header, .modal-footer, .modal-body {
		padding: 10px 3px !important;
	}
	.col-xs-6 {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.banner_index {
		height: 260px;
	}
	#text_overlay {
		left: 55%;
	}
	#loader {
		left: 55%;
	}
	.forgot-password, .change-password-first, .register-account-form {
		margin-top: 10px;
	}
	.modal-header, .modal-footer, .modal-body {
		padding: 10px 3px !important;
	}
	.col-xs-6 {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.banner_index {
		height: 300px;
	}
	#text_overlay {
		left: 50%;
	}
	#loader {
		left: 50%;
	}
	.modal-header, .modal-footer, .modal-body {
		padding: 15px !important;
	}
	.col-xs-6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.banner_index {
		height: 433px;
	}
	.content-title {
		/*padding: 5px 10px;*/
		font-size: 16px;
	}
	#text_overlay {
		left: 50%;
	}
	#loader {
		left: 50%;
	}
	.modal-header, .modal-footer, .modal-body {
		padding: 15px !important;
	}
	.col-xs-6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}