/* Menu stuff */
@media(max-width:950px) and (min-width:650px) {
	#SiteMenu ul li > a {
		font-size:11px;
	}
}
@media(max-width:900px) {
	#SiteMenu ul li > a {
		padding:15px 30px;
	}
}
@media(max-width:850px) {
	#SiteMenu ul li > a {
		padding:15px 25px;
	}
}
@media(max-width:800px) {
	#SiteMenu ul li > a {
		padding:15px 20px;
	}
}
@media(max-width:750px) {
	#SiteMenu ul li > a {
		padding:15px 15px;
	}
}
@media(max-width:700px) {
	#SiteMenu ul li > a {
		padding:15px 10px;
	}
}
@media(max-width:875px) {
	#SiteMenu ul li {
		position:static;
	}
	#SiteMenu ul li > a.menu-industries + div.submenu {
		width:100%;
	}
	#SiteMenu ul li > a.menu-industries + div.submenu div.submenu-industry {
		width:24.5%;
	}
}
@media(max-width:750px) {
	#SiteMenu ul li > a.menu-industries + div.submenu div.submenu-industry {
		width:49.5%;
	}
	#SiteMenu ul li > a.menu-industries + div.submenu {
		white-space:normal;
	}
	#SiteMenu div.submenu div:first-child {
		border-left:1px solid #77777b;
	}
}
/* Switch to toggle menu */
@media(max-width:650px) {
	#SiteMenuToggle {
		display:block;
	}
	#SiteMenu {
		position:fixed;
		width:100%;
		left:-100%;
		top:0;
		bottom:0;
		overflow-y:scroll;
		transition:left .35s ease-in;
	}
	#SiteMenu ul li,
	#SiteMenu ul li a {
		display:block;
	}
	#SiteMenu ul li > a {
		padding:5px 10px;
	}
	#SiteMenu div.submenu a {
		padding:5px 25px;
	}
	#SiteMenu div.submenu,
	#SiteMenu ul li > a.menu-industries + div.submenu div.submenu-industry {
		width:100%;
		max-height:10000px;
		position:static;
	}
	#SiteMenu ul.menu li:hover div.submenu {
		padding:0;
		transition: none;
	}
}

/* Header changes */
@media(max-width:600px) {
	#Identity {
		padding:10px 4.425%;
	}
	header #Logo,
	header #QuickContact {
		max-width:100%;
		text-align:center;
		float:none;
	}
	header #Search {
		float:none;
		margin:0 auto;
		text-align:center;
	}
	header #Search input[type='text'] {
		text-align:left;
	}
}

/* Footer changes */
@media(max-width:750px) and (min-width:675px) {
	#FooterMenu ul {
		column-count:1;
	}
}
@media(max-width:675px) {
	#FooterMenu {
		float:none;
		display:block;
		margin-bottom:25px;
	}
}
@media(max-width:450px) {
	#FooterMenu ul {
		column-count:1;
	}
}

/* Form changes */
@media(max-width:625px) {
	#Contact div.field,
	#Contact div.buttons {
		clear:both;
	}
	#Contact div.field label {
		font-size:13px;
	}
	#Contact div.field .error {
		display:block;
		padding-right:1%;
		float:right;
		line-height:normal;
		padding-bottom:10px;
	}
	#Contact div.field input[type='text'],
	#Contact div.field textarea {
		width:70%;
	}
}
@media(max-width:520px) {
	#Contact div.field label,
	#Contact div.field input[type='text'],
	#Contact div.field textarea {
		display:block;
	}
	#Contact div.field label {
		width:100%;
		text-align:left;
		line-height:normal;
	}
	#Contact div.field input[type='text'],
	#Contact div.field textarea {
		width:94%;
		padding:5px 2.5%;
	}
	#Contact div.field .error {
		padding:2px 1% 0 0;
	}

}

/* Products */
@media(max-width:650px) {
	div.product div.product-detail {
		margin-left:0;
	}
}
@media(max-width:650px) and (min-width:500px) {
	div.product img.product-image {
		width:37.5%
	}
	div.product div.product-detail {
		margin-left:44%;
	}
}
@media(max-width:580px) {
	div.product {
		font-size:13px;
	}
}
@media(max-width:425px) {
	div.product img.product-image {
		margin:0 auto 10px 0;
		display:block;
		float:none;
	}
	div.product div.product-detail {
		margin-left:0;
	}
}

/* Misc Content */
@media(max-width:820px) {
	div.two-col {
		font-size:14px;
	}
}
@media(max-width:750px) {
	div.two-col {
		font-size:12px;
	}
}
@media(max-width:650px) {
	div.tile-list a {
		max-width:48%;
	}

	div.two-col > div.facts {
		float:none;
		width:94%;
		margin-bottom:25px;
	}
	div.two-col > div.rule {
		position:static;
		width:100%;
		padding-bottom:15px;
	}
	div.two-col > div.rule h3,
	#Content div.two-col > div.rule p {
		padding:0 3%;
	}
}
@media(max-width:565px) {
	div.mat-placement table thead th {
		font-size:13px;
		line-height:18px;
	}
	div.mat-placement table tbody td {
		font-size:14px;
		line-height:20px;
	}
}
@media(max-width:500px) {
	#Content h2 {
		font-size:18px;
	}
}
@media(max-width:450px) {
	div.mat-placement table thead th {
		font-size:12px;
		line-height:16px;
	}
	div.mat-placement table tbody td {
		font-size:11px;
		line-height:17px;
	}
}
@media(max-width:400px) {
	body {
		font-size:14px;
		line-height:18px;
	}
}