/* ==>  Global ---------------------------------------------------------------------------------------- */
#Page > .section { padding: 15px 10px; }
#StickySearch input[type=search] { width: 100px; }
nav > ul > li { margin: 0; }
.wrap { 
	width: 96%; 
	min-width: 280px;
}
#MailingList fieldset {
	width: 96%; 
	max-width: 96%;
}
#NavWrap.top-anchor > div.wrap { 
	width: auto;
	padding: 0 0 0 92px; 
}
#content #Clients #PrimaryCols { padding: 0 0 30px; }
#content div.details img { 
	max-width: 50%;
	height: auto !important; 
}
@media only screen and (max-width : 980px) {
	nav > ul > li { padding: 0; }
	nav > ul > li a.global { padding: 0 10px; }
	nav > ul > li a.global > p { padding: 17px 0 0; }
}
@media only screen and (max-width : 950px) {
	header,
	header > div#NavWrap { height: 50px; }
	div#NavWrap #Slogo,
	div#NavWrap #Slogo img { 
		height: 50px; 
		max-height: 50px;
	}
	#NavWrap nav,
	#NavWrap nav > ul { 
		height: 50px; 
		transition: height 0.3s ease 0s, max-height 0.3s ease 0s;
	}
	#NavWrap nav > ul > li > a > p { padding-top: 19px; }
	#NavWrap #StickySearch { margin: 8px 10px 0 0; }
	nav ul.sub-menu { top: 50px; }
} 
@media only screen and (max-width : 860px) {
	#NavWrap.off nav { display: none; }
	#NavWrap.on nav { display: block; }
	div#mSearch { 
		width: 92%;
		height: 38px;
		padding: 0;
		margin: 0 auto;
		float: none;
		border: 0; 
	}
	div#mSearch input[type=search] { 
		width: 80%;
		padding-top: 10px;
	}
	div#mSearch input[type=submit] { margin: 5px 5px 0 0; }
	#mobileNav {
		height: 100%; 
		float: right;
		display: block; 
	}
	#mobileNav p {
		width: 55px;
		height: 40px;
		float: right;
		color: #f33;
		cursor: pointer;
		text-align: center;
		/*background-image: url(../_images/nav/m-icons.png);*/
	}
	#mobileNav p#mMenu { padding: 2px 0 8px; }
	#mobileNav p#mSocial { padding: 9px 0 1px; }
	#mobileNav p span { display: none; }
	#mobileNav p#mSocial { 
		background-image: none;
	}
	/*#mobileNav p#mMenu { background-position: top right; }*/
	#mobileNav p.on { 
		background-color: #f00;
		color: #fff; 
	}
	#Breadcrumb ul { position: relative; }
	#Home div#Social {
		padding: 0;
		float: none;
	}
	div#Social,
	#Breadcrumb div#Social {
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		min-height: 40px;
		max-height: 100%;
		padding: 0;
		z-index: 950;
		background: rgba(51, 51, 51, 0.9);
		-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.7);
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.7);
	}
	.admin-bar div#Social,
	.admin-bar #Breadcrumb div#Social { top: 82px; }
	div#Social.off,
	#Breadcrumb div#Social.off { left: -9999px; }
	div#Social.on,
	#Breadcrumb div#Social.on { left: 0; }
	#Home div#Social > div,
	div#Social > div {
		width: auto;
		padding: 15px 10px 8px;
		float: left;
	}
	div#Social > div > div {
		min-height: 30px;
		float: left;
	}
	div#Social > div > div.atclear { display: none; }
	nav {
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		height: auto !important;
		padding: 0;
		z-index: 300;
		background: rgba(51, 51, 51, 0.9);
		-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.7);
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.7);
	}
	nav > ul { 
		width: 100%;
		height: auto !important;
		padding: 0 0 4%; 
	}
	nav > ul > li {
		width: 44% !important;
		height: auto !important;
		padding: 4% 0 0 4%;
		background: none !important;
		cursor: default;
	}
	#NavWrap nav > ul > li#menu-item-76 { width: 92% !important; }
	nav > ul > li#dropSearch { 
		width: 95% !important; 
		display: block;
	}
	nav > ul li > a {
		width: 100%; 
		padding: 0;
		height: auto !important;
		background: #fff;
	}
	#NavWrap nav > ul > li > a > p { padding: 15px 15px 12px; }
	nav > ul > li ul { display: none; }
	div.topic-wrap .img-wrap { opacity: 0.2; }
}
@media only screen and (max-width : 1024px) {
	#MailingList fieldset {
		width: 70%; 
		max-width: 70%;
	}
	#MailingList div.banner {
		width: 100%;
		padding: 0 0 20px;
	}
	#MailingList input[type=text], 
	#MailingList input[type=email] { width: 36%; }
	#MailingList input[type=submit].small {	width: 18%;	}
	.sidebar-main-blog #MailingList fieldset {
		width: 96%; 
		max-width: 96%;
	}
}
@media only screen and (max-width : 950px) {
	.paging-bar { padding-bottom: 7px; }
	.paging-bar > div.count, .paging-bar > div.paging { 
		width: 100%;
		padding: 7px 0 0;
		text-align: center;
	}
}
@media only screen and (max-width : 782px) {
	.admin-bar div#Social,
	.admin-bar #Breadcrumb div#Social { top: 96px; }
}
div.arrow img { margin-top: 0; }