@media only screen and (max-width: 959px) {

.tablet-hide { display: none !important; }
	
}


@media only screen and (min-width: 767px) and (max-width: 959px) {

	
	.flex.four {
		width: 220px !important;
	}

	.flex.seven,
	.flex.five {
		width: 500px !important;
	}

	.flex.directory-wrapper {
		width: 748px !important;
	}

	.directory {
		margin-top: 0px;
		width:140px !important;
	}
	.directory ul {
		margin: 0px;
		float: left;
	}
	


	 #header .extension-logo {
		 width: 25%;
		 float: left;
		 display: block;
	 }
	
	 #header .extension {
	 	margin-top: 10px;
	 	height: 50px;
	 	display: block;
	 }


	#audience-nav,
	.directory {
	}
	
	
		.menu-audience li .label {
			display: block;
			float: left;
			color: #333;
			margin: 10px 5px 10px 0px;
		}

		.menu-audience li a {
			font-size: 86%;
			padding: 5px ;
		}

	.search-flex {
		width: 410px !important;;
	}

	h3.library,
	h3.success,
	h3.how-to,
	h3.success  {
		line-height: 25px;
		min-height: 30px;
		background-size: 30px 30px;
		background-position: top left;
		padding-left: 40px;
	}
	
	
	.social-media  {
		position: absolute;
		top: 0px;
		right: 10px;
	}	
	
	.social-media a {
		-webkit-border-radius:  0 0 4px 4px;
		-moz-border-radius:  0 0 4px 4px;
		border-radius:  0 0 4px 4px;
		}
	


}

@media only screen and (max-width: 767px) {
	.desktop-hide {display: block !important; }

	.mobile-hide {display: none !important;}


.mobile-nav-button {
background: #005FAE;
position: absolute;
display: block;
visibility: visible;
top: 48px;
right: 0;
width: 36px;
height: 36px;
padding: 8px;
z-index: 101;
text-decoration: none;
color: #fff;
-webkit-border-radius:  4px;
-moz-border-radius:  4px;
border-radius:  4px;

}
.mobile-nav-button:before {
 content: "";
 position: absolute;
 top: 8px;
 font-size: 56px;
 right: 8px;
 width: 36px;
 height: 0.125em;
 border-top: 0.375em double #299dfd;
 border-bottom: 0.125em solid #299dfd;

}

#header .mobile-nav-button .text {
position: absolute;
display: block;
width: 1px;
text-indent: -9999px;
}

.mobile-nav-button:focus  {
color: #fff;
}



  #title-box{
  	position: relative;
  	display: block;
  }

#site-title h2 a {
  top: 20px !important;
}


.skip-to-nav {
	z-index: 100;
	position: absolute;
	text-indent: -999999px;
	text-decoration: none;
	display: block;
	text-align: center;
	top: 0px;
	right: 0;
	padding-left: 16px;
	height: 60px;
	width: 44px;
	line-height: 44px;
	text-shadow: 0px -2px 0px #000;
}

.skip-to-nav .text {
	text-indent: -999999px;
	margin-top: 18px;
	height: 24px;
	width: 26px;
	display: block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAG0lEQVQIW2NkYGD4zwgmzpw5g0wAxRhAEhACACddDDAxtcswAAAAAElFTkSuQmCC);
}


.search-container {
	margin-top: 140px;
	margin-bottom: 20px;
}	
	
	
	.slider-wrapper {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	
	
	.container .archive .three.nopad,
	.container .archive .four.nopad  {
		width: 46%;
		float: left;
	}
	
	.container .archive .focus.three.nopad {
		width: 100%;
		clear: both;
	}

	.archive .focus ul {
		display: block;
		width: 100%;
	}

		.archive .focus li {
			display: block;
			float: left;
		}


#footer {
}

#footer .widget_nav_menu  a {
	
}

.widget_nav_menu  li {
}
	

	.widget_nav_menu li:nth-child(1) {
			border-top: none;
		}
	
	.widget_nav_menu li:nth-last-child(1) {
			border-bottom:  none;
		}


}