/************************************************************************************
smaller than 680
*************************************************************************************/
@media screen and (max-width: 680px) {

	/* Top navigation */
	#header-inner, #topnav-inner, #topnav {
		min-height:60px;
		padding-bottom:25px;
	}

	.header-text { width:100%; font-size: 14px; line-height:14px; }
	
	#breadCrumb0 { width: 100%;  }
	#page-head { width: 100%; }

	/* wrapper */
	.wrapper {
		width: 90%;
		min-width: 300px;
		max-width: 960px;		
	}
	
	/* search */
	#search {
		display: none;
	}

	/* content */
	#feature, #content, #second-content {
		width: 100%; 
	}
	
	#content-primary {
		width: 90%;
	}



	/*  Footer */
	#siteinfo, #footer-resources, #footer-right { width:29%; }
	#copyright, #navResources, #navExplore { width:80%; }
	#navQuick, #navSocial, #navLogos { display:none; }
	.member-logo img { max-width:100%; height: auto; }
	
	

        /* Bread Crumb Bars */
        #pagebase { width: 100%; }

        .breadcrumb {
                font-size:11px;
                width:100%;
        }

	/* drupal logged in tabs */
	.tabs { width: 90%; }


	
	/* feature image */
	#feature-image{ 
		display:none;
	}

        #movers-row { display:none; }


	/* sidebar */
	#left-col, #mid-col, #right-col  {
		width: 45%;
		font-size: 11px;
	}
	
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

        /* Drupal accordian */
        #accordian { width: 90%; margin: 10px; }
        div#drupal-accordian { width: 100%; }

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}

	/* Make topnav readable in case of overflow */
	#topnav ul li { padding-top: 10px; }
	#topnav ul li a { padding: 5px; }

	/* Make the home-content div 100% */
        #home-content { min-height:320px; }


}



/************************************************************************************
	iPhone Portrait
*************************************************************************************/
@media screen and (max-width: 320px) {


	/* Top navigation */
	#header-inner, #topnav-inner {
		width:100%;
	}
	
	#breadCrumb0 { width: 80%;  }

        /* drupal logged in tabs */
        .tabs { width: 90%; }
	

	/* wrapper */
	.wrapper {
		width: 100%;
		
	}
	
	/* search */
	#search {
		display: none;
	}
	
	/* Hide these  */
	#navSocial, #navQuick, #footer-resources, #footer { display:none; } 

        #secondary-menu { float:right; text-align:right; }


	#header-inner h2 { display: none; }
	#mininav { padding: 0px; font-size: 6px; }

	
	/* Make the top nav readable */
        #topnav ul li { padding-top: 10px; }
	#topnav ul li a { padding: 0; }
	#topnav ul { margin-left: -10px; }
	#topnav li a:hover, #topnav ul li.active a { background: none; }

	

	/* content */
	#feature, #content, #second-content  {
		width: 100%; 
		margin-left:0px;
	}
	
	#content-primary {
		width: 85%;
	}

	/* Bread Crumb Bars */
	#pagebase { width: 100%; }

	.breadcrumb {
		font-size:11px;	
		width:100%;
	}
	
	/* feature image */
	#feature-image{ 
		display:none;
	}

	/* sidebar */
	#left-col, #mid-col, #right-col  {
		width: 30%;
		max-width:280px;
	}
	
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}
	
	/* Drupal accordian */
	#accordian { width: 90%; margin: 10px; }
	div#drupal-accordian { width: 100%; }

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	#content-primary img { max-width: 100%; height:auto; }
}


/************************************************************************************
	iPhone landscape
*************************************************************************************/
@media screen and (min-width: 321px) and (max-width: 480px) {


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

	/* Top navigation */
	#header-inner, #topnav-inner, #footer {
		width:100%;
	}
	
	#breadCrumb0 { width: 90%;  }

        /* Bread Crumb Bars */
        #pagebase { width: 100%; }

        .breadcrumb {
                font-size:11px;
                width:100%;
        }

        /* drupal logged in tabs */
        .tabs { width: 90%; }
	
	/* Hide these  */
        #header-inner h2 { display: none; }
        #mininav { padding: 0px; font-size: 6px; }

	#secondary-menu { float:right; text-align:right; }
	
	/* Make the top nav readable */
        #topnav ul li { padding-top: 10px; }
        #topnav ul li a { padding: 0; }
        #topnav ul { margin-left: -10px; }
        #topnav li a:hover, #topnav ul li.active a { background: none; }

	
	

	/* wrapper */
	.wrapper {
		width: 100%;
		min-width: 350px;
		max-width: 450px;		
	}
	
	/* search */
	#search {
		display: none;
	}

	/* content */
	#feature, #content, #second-content  {
		width: 100%; 
		margin-left:5px;
	}
	
	#content-primary {
		width: 85%;
	}
	
	/* feature image */
	#feature-image{ 
		display:none;
	}

	/* sidebar */
	#left-col, #mid-col, #right-col,#second-content div#left-col, #second-content div#mid-col, #second-content div#right-col  {
		width: 100%;
		max-width:500px;		
	}
	
	/* Drupal accordian */
	#accordian { width: 90%; margin: 10px; }
	div#drupal-accordian { width: 100%; }	
	

	
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
	}
	
	#content-primary img { max-width: 100%; height:auto; }

}