/* Start for Header */
.linkLogin {
	display: block;
}
/* End for Header */

/* Start for Header Menu */
.mobile-menu {
	display: none;
}

.mobileLeft {
	display: none;
}


/* End for Header Menu */

@media only screen and (max-width: 775px) {
	/* Start for Header */
	.linkLogin {
		display: none;
	}
	
	#header {
		margin-bottom: 20px;
		padding: 0;
		width: 100%;
	}

	#heading {
		padding: 16px 0 0 0;
	}

		#heading h1 {
			right: auto;
			width: auto;
			float: none;
			text-align: left;
			padding-bottom: 0;
		}

			#heading h1 span {
				line-height: 24px;
				font-size: 22px;
			}

		#heading h2 {
			right: auto;
			width: auto;
			float: none;
			text-align: left;
		}
	/* End for Header */

	/* Start for Header Menu */
	.mobile-menu {
		position: absolute;
		width: 100%;
		max-width: 40px;
		right: 28px;
		display: block;
		top: 22px;
	}

		.mobile-menu img {
			width: 100%;
		}

	#navSite {
		display: none;
		background: none;
		width: 100%;
		max-width: 200px;
		position: absolute;
		z-index: 99;
		right: 30px;
		top: 68px;
		border: 0 none;
		padding-top: 0;
	}

		#navSite ul {
			background-color: #fff;
			border: 1px solid #000000;
			text-align: left;
			margin-top: -2px;
			width: 100%;
		}

			#navSite ul > li {
				display: block;
				margin: 0;
			}

				#navSite ul > li > a {
					display: block;
					color: #000;
					background-color: #fff;
					background-color: #f2f2f2;
					border: 1px solid #d2d2d2;
				}

		#navSite li a:hover, #navSite li a.selected {
			color: #740000;
			background-color: #d8d8d8;
		}
	/* End for Header Menu */

	/* Start editing the main content */
	.homePage {
		padding: 0;
		background: transparent;
	}

	#page {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	#pageContent {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}

		#pageContent #middle .top,
		#pageContent #middle .bottom {
			background: none;
		}

		#pageContent #middle .contentType {
			background-image: none;
			width: 100%;
			max-width: 482px;
			margin: 0 auto;
		}
	/* End set the main container full width */

	/* Start the centering the left, middle and right column */
	#middle {
		margin: 0 auto;
		padding-right: 0;
		width: 90%;
	}

		#left .top .bottom .registerForm .top .bottom form.login {
			padding: 10px;
		}

		#left .registerForm, #right .registerForm {
			position: relative;
			padding: 0;
			width: 100%;
			float: none;
			margin: 0 0 10px;
			border-bottom: 1px solid #e7e7e7;
			left: 0;
			top: 0;
		}
	/* End the centering the left, middle and right column */
}

@media only screen and (max-width: 536px) {
	#heading img#logo {
		margin-left: 0 !important;
	}

	#heading h1 {
		width: 100%;
		max-width: 86%;
	}

	#heading .headerImg {
		margin-top: 0;
	}

	#header .top .bottom {
		padding: 0 20px;
		margin-bottom: 16px;
	}
}

@media only screen and (max-width: 479px) {
	#heading img#logo {
		float: none;
	}

	#heading .headerImg {
		display: none;
	}

	#heading h1 {
		width: 100%;
		max-width: 100%;
		margin-top: 16px;
		left: 0;
	}

	#heading h2 {
		display: none;
	}
}