/******************************* BEGIN MEDIA QUERIES *******************************/

/************************************************************************************
smaller than 899
*************************************************************************************/

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

/* header */
	#header {
		height: 100%;
	}

/* search form */
	#searchform {
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 100;
		height: 40px;
	}
	#searchform #s {
		width: 70px;
	}
	#searchform #s:focus {
		width: 150px;
	}

/* main nav */

	/* see extra_css/nav_menu.css */

/* site logo */
	#site-logo {
		position: static;
	}

/* site description */
	#site-description {
		margin: 0 0 15px;
		position: static;
	}

/* content */
	#content {
		width: auto;
		float: none;
		/*margin: 20px 0;*/
	}

/* sidebar */
	#sidebar-right {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar-right .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}

/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}


/* login */
	#loginWrapper #loginLeft { width: 100%; }

	#loginWrapper #loginRight { width: 100%; }

	#loginLeft table { margin: 0 auto; }

	#fw1,#fw2,#fw3 {
 		width: 92%;
		float: none;
		padding: 3% 4%;
		margin: 1em 0;
	}

/* bootstrap override */
	.show-cat-sm-6 {
   		width: 50% !important;
	}

	#subCatLink.show-cat-sm-6 {
   		width: 50% !important;
	}

}

/************************************************************************************
smaller than 599
*************************************************************************************/

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

/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	#wrapper1, #wrapper2 {
		background: none;
	}

	#pagewrap { 
		margin: 0 auto; 
		box-shadow: none;
		border-radius: 0;
	}
	
/* header */

	#header { /*** SEE BELOW ***/
		height: calc(100% - 30px);
	}

	#branding-top { 
		/*width: calc(100% - 160px);*/
	}


	#branding-top img { 
		/*margin-top:1em;*/
	}

	#contact-top { 
		position: absolute; 
		top: 5px;
		left: 5px;  
		width: 99%;
	}

	#contact-top p#top-phone {
		font-size: 1.1em;
		margin: 2px;
		line-height: 1.1em;
		letter-spacing: 0em;
		float: left;
		text-align: left;
		font-weight: 700; 
		width: calc(50% - 4px);
		white-space: nowrap;
	}

	#contact-top p#top-email {
		font-size: 1.1em;
		line-height: 1.1em;
		letter-spacing: 0em;
		float: right;
		text-align: right;
		margin: 2px;
		font-weight: 700; 
		width: calc(50% - 4px);
		white-space: nowrap;
	}

	#social-top { 
		/*width: calc(35% - 1em);*/
		width: 160px;
	}

	#social-top img { 
		padding: .5em;
	}

/* search-top */ /*** SEE BELOW ***/

	#search-top {
		float: right;
		text-align: right;
		position:relative;
		top: 10px; 
		right: 5px;
		clear: both;
	}

	#search-top form {
		position:relative;
		z-index:10;
		margin-top:5px; 
		margin-right: 10px;
	}

	#search-top form input[type="text"] {
		line-height: 20px;
		border: solid 1px #938888 !important;	
	}

	#search-top form input[type="Submit"] {
		cursor: pointer;
	}

	#navsearch { 
		/*position: absolute; 
		top: 10px; 
		right: 5px;*/
	}

/* main nav */

	/* see extra_css/nav_menu.css */

/* footer nav */

/* Much of this doesn't apply on this site */

	#footer-nav-alt { display: block; }

	#footer-nav-alt .toggle-arrow { 
		display: initial; 
		float: right; 
	}

	ul.footer-menu li { 
		text-align: center; 
		font-weight: bold; 
		font-size: 1.1em; 
	}

	/* footer#footer ul { display: none; } */

	#footer-links-left {
		float: left;
		width: 100%;
		margin: 1em 0;
		text-align: center;
	}

	#footer-links-right {
		float: left;
		width: 100%;
		margin: 1em 0;
		text-align: center;
	}

	#footer-links-right ul, #footer-links-left ul {
		border-top: solid 1px #ddd;
		border-bottom: 0;
		width: auto;
	}

	#footer-links-right h3, #footer-links-left h3 {
		font-weight: 500;
		font-size: 17px;
	}

	#footer-links-left ul li:first-child {
		padding-top: .5em;
	}

	#footer-links-right ul { display: inline-block; }
	
	#footer-links-right ul li { 
		float: right;
		list-style-type: none;
		padding-left: .5em;
		padding: .5em;
	}

/* login */
	#loginWrapper .login {
		width: 90%; /* arrived at arbitrarily*/
	}

	#loginWrapper a#whatsThis { font-size: 1em; }

/* bootstrap override */

	.show-cat-sm-6, #subCatLink.show-cat-sm-6 {
   		width: 100% !important;
	}


/***** MOVED UP TO OVERRIDE @599 STYLES *****/

	#site-logo	{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}

	#site-logo img	{
		padding: 10px;
	}

	#branding-top img { 
		/*margin-top: 2em; */
	}

	#social-top {
		margin-top: 2em;
		width: 140px;
	}

	#search-top {
		top: -5px;
		right: 0;
	}

/* pop-up */
	#imgCell {
		float: left;
		width: 100%;
	}

#descCell {
	float: left;
		vertical-align: top;
		width: 100%;
	}
}

} /* ? */

/************************************************************************************
smaller than 460
*************************************************************************************/

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

	#branding-top, #site-logo	{
		/*width: calc(100% - 140px);
		margin-top: 3em;*/
	}

	#site-logo	{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}

	#site-logo img	{
		padding: 10px;
	}

	#branding-top img { 
		/*margin-top: 2em; */
	}

	#social-top {
		margin-top: 2em;
		width: 140px;
	}

	#search-top {
		top: -5px;
		right: 0;
	}

	#contact-top p#top-phone, 
	#contact-top p#top-email 
	{
		width: 100%;
		white-space: nowrap;
		text-align: center;
		margin: 2px auto;
		font-size: 1.1em;
	}

	#social-top img { 
		height: 3em; 
		margin: .5em;
	}

	#main-cat-page img { width: 99%; } /* RP created id and added 12-21-15 */

	#feature-boxes {
		width: 100%;
		max-width: 400px;
		margin: 1em auto;
		text-align: center;
		padding: .5em; /* 10 /1000 */
	}

	#feature-box-1, 
	#feature-box-2, 
	#feature-box-3
	{
		/*position: relative;*/
		list-style: none;
		overflow: hidden;
		width: 85%;
		max-width: 300px;
		float: none;
		padding: 1em 0;
		margin: 0 auto;
		text-align: center;
	}

	#fw1,#fw2,#fw3 {
		width: calc(100% - 2em);
		max-width: 400px;
		margin: 1em auto;
		text-align: center;
		padding: .5em; /* 10 /1000 */
		padding: 1em;
	}

	/*#feature-box-1 {
		margin: 0 auto;
	}

	#feature-box-2 {
		margin: 0 auto;
	}

	#feature-box-3 {
		margin: 0 auto;
	}*/

	ul.icon-full, ul.icon-full li { display: none; }	

	ul.icon-only { display: block; }

	ul.icon-only li { 
		list-style-type: none;
		float: none;
	}

	ul.icon-only li a { display: block; }

	.display-normal { display: none; }

	.display-toggle { display: initial; }

	.toggletitle { cursor: pointer; }

	.toggle-title { 
		cursor: pointer; 
		margin: .4em 0; 
	}

	.toggle-arrow { 
		display: initial; 
		float: right; 
	}

	.toggle-drop { display: none; }

	li.no-cell { display: none !important; }

/* login */
	#loginWrapper .login {
		width: 90%; /* arrived at arbitrarily*/
	}

	#loginBottom p { 
		font-size: 1em;
	}

}

/************************************************************************************
smaller than 380 (arbitrary)
*************************************************************************************/

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

	#branding-top	{
		/*width: calc(100% - 125px);
		margin-top: 3em;*/
	}

	#branding-top img { 
		/*margin-top: 2em; */
	}

	#social-top {
		margin-top: 2em;
		width: 125px;
	}
	#social-top img { 
		height: 3em; 
		margin: .25em;
	}

}