/* Landscape phones and down */
@media (max-width: 480px) {
	header, nav, section.mainSection, footer {
		max-width:470px;
		margin:0 auto;
	}

	/* === Utils === */
	table.layouttablecollapseonmobile td {
		display:block;
		width:100% !important;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	.pageSection img {height:auto !important;}

	header, nav, section.mainSection, footer {
		max-width:758px;
		margin:0 auto;
	}

	.navWrapper nav .nav-toggle,
	.navWrapper nav .nav-title{
		display:block;
	}
	.navWrapper nav .nav-toggle {
		background:none;
		border:none;
		float:right;
		box-shadow:none;

		width:45px;
		height:43px;
		min-width:0;
		padding:6px 10px 10px 10px;
	}
		.navWrapper nav .nav-toggle span.icon-bar {
			background:#fff;
			display:block;
			height:3px;
			margin-top:4px;
		}
	.navWrapper nav ul {
		display:none;
	}
		.navWrapper nav ul.visible {
			display:block;
		}
		.navWrapper .desktoplogo {
			display:none;
		}
		.navWrapper .mobilelogo {
			display:block;
		}
		.navWrapper nav ul li {
			float:none;
		}
			.navWrapper nav ul li a {
				display:block;
			}
			.navWrapper nav ul li a:hover {
				text-decoration: none;
			}
			nav ul li .dropdown {
				display: none;
				position: absolute;
				width: 200px;
			}
			nav ul li:hover .dropdown {
				display:none;
			}
			.navWrapper nav .custom-menu-toggle {
				display:inline-block;
				position: relative;
				top: -41px;
				float: right;
			}
			.navWrapper nav .custom-menu {
				position: relative;
			}
				.navWrapper nav li:hover .custom-menu {
					display: none;
				}
				.navWrapper nav li .custom-menu.active,
				.navWrapper nav li .custom-menu ul {
					display: block;
				}


	/* === Utils === */
	table.layouttablecollapseontablet td {
		display:block;
		width:100% !important;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 940px) {

}