/* This is a companion to 'main_primary_nav.css' and contains the responsive
 * '@media' directives associated with styling specified in that file. */

/* For width 960px to 1278px: ---------------------------------------------- */

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

div.primary-nav
{
	font-size:					14px;
	width:						auto;
}

}

 /* For widths < 960px wide: ------------------------------------------------ */

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

div.primary-nav-mini-heading,
div.primary-nav-mini-indented-link,
div.primary-nav-mini-link
{
	width:						698px;
}

div.primary-nav
{
	display:					none;
}

div.primary-nav-toggle-hideable,
div.primary-nav > div.hideable
{
	display:					block;
	text-align:					center;
	width:						100%;
}

div.primary-nav > div.hideable
{
	padding:					10px 0 5px 0;
}

div.primary-nav div.fill-width
{
	display:					none;
}

div.primary-nav-hideable-container > div.hideable
{
	display:					none;
}

div.primary-nav-dropdown-content
{
	box-shadow:					none;
	position:					static;
}

}

/* For width 620px to 719px: ----------------------------------------------- */

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

div.primary-nav-mini-heading,
div.primary-nav-mini-indented-link,
div.primary-nav-mini-link
{
	width:						600px;
}

}

/* For width < 620px: ------------------------------------------------------ */

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

div.primary-nav-mini-heading,
div.primary-nav-mini-indented-link,
div.primary-nav-mini-link
{
	width:						310px;
}

}