/* === LESS THAN WRAP === */
@media only screen and (max-width: 1164px)
{
	.w
	{
		width: auto;
	}

	/* --- NEWSLETTER --- */
	.newsletter-signup
	{
		padding: 0;
	}
}

/* === MOBILE & TABLET === */
@media only screen and (max-width: 1024px)
{
	/* --- NAV --- */
	nav.main
	{
		font-size: 22px;
	}

	nav.main ul.menu>li a
	{
		padding: 18px 0;
	}

	/* --- HEADER --- */
	header
	{
		height: 120px;
	}

	header .logo
	{
		width: 154px;		height: 80px;		margin: 20px 0 0 20px;
	}

	/* --- BB --- */
	.fl-node-57911b0c885a8 > .fl-row-content-wrap
	{
		padding-left: 0;
		padding-right: 0;
	}
}

/* === MOBILE & TABLET === */
@media only screen and (max-device-width: 1024px)
{
	/* --- NAV --- */
	.scroll nav.main
	{
		position: relative;
		top: auto;
		z-index: auto;
		width: auto;
	}
}

/* === TABLET PORTAIT ONLY === */
@media only screen and (max-width: 768px)
{
	/* --- BREADCRUMB --- */
	.breadcrumbs
	{
		padding: 10px 20px;
	}

	/* --- CONNECT --- */
	.connect .fl-col-small
	{
		max-width: 100%;
		margin: 15px;
	}

	/* --- BB - CALLOUT --- */
	.features .fl-callout
	{
		padding-top: 30px;
		border-top: 1px solid #eeeeee;
	}

	.features .fl-col-group:first-child .fl-col:first-child .fl-callout
	{
		padding-top: 0;
		border: 0;
	}
}

/* === MOBILE ONLY === */
@media only screen and (max-width: 767px)
{
	body
	{
		font-size: 14px;
	}

	/* --- HEADER --- */
  	header
	{
		background-image: url(https://oconnorinstitute.org/wp-content/uploads/bg-header-mobile.jpg);
	}
	header .logo
	{
		background-image: url(../img/logo-oconnor-institute-american-democracy-ffffff.png);
		margin-left: 20px;
	}

	/* --- NAV --- */
	nav.main
	{
		height: auto;
		font-size: 20px;
	}

	.scroll nav.main
	{
		position: relative;
		top: auto;
		z-index: auto;
		width: auto;
	}

	nav.main .mobile-menu
	{
		display: block;
	}

	nav.main a
	{
		color: #ffffff;
		border-top: 1px solid rgba(255,255,255,0.1);
	}

	nav.main ul.menu
	{
		overflow: hidden;
		max-height: 0;
		padding: 0;
	}

	nav.main.active ul.menu
	{
		max-height: 10000px;
	}

	nav.main ul.menu>li
	{
		display: block;
		margin: 0;
		padding: 0;
	}

	nav.main ul.menu>li a
	{
		display: block;
		padding: 16px 20px;
	}

	nav.main ul.menu>li.menu-item-has-children>a:after
	{
		content: "\f107";
		display: inline-block;
		position: absolute;
		right: 20px;
		top: 17px;
		font-family: "FontAwesome";
		font-size: 0.8em;
	}

	nav.main ul.menu li.menu-item-has-children.active>a:after
	{
		content: "\f106";
	}

	nav.main ul.menu ul.sub-menu
	{
		display: none;
		position: relative;
		left: auto;
		z-index: auto;
		background-color: rgba(255,255,255,0.05);
		min-width: 0;
		margin: 0;
		padding: 0;
	}

	nav.main ul.menu>li:hover ul.sub-menu
	{
		display: none;
	}

	nav.main li.active ul.sub-menu
	{
		display: block !important;
	}

	nav.main ul.menu ul.sub-menu a
	{
		padding: 16px 20px;
	}

	nav.main ul.menu ul.sub-menu a:hover
	{
		color: #ffffff;
	}

	/* --- BB - CONTENT SLIDER  --- */
	.fl-node-57911186c8984 .fl-content-slider-navigation
	{
		top: 30%;
	}

	/* --- BB - BUTTONS --- */
	.fl-builder-content .lrg a.fl-button, .fl-builder-content .lrg a.fl-button:visited
	{
		height: auto;
	}

	.fl-builder-content .lrg a.fl-button span, .fl-builder-content .lrg a.fl-button:visited span
	{
		position: relative;
		left: auto;
		top: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	/* --- BB - BIO --- */
	.fl-row.bio .fl-col-group, .fl-row.book .fl-col-group
	{
		border-bottom: 1px solid #eeeeee !important;
	}
}

/* === MOBILE PORTRAIT ONLY === */
@media only screen and (max-width: 480px)
{
	/* --- BB - CONTENT SLIDER  --- */
	.fl-node-57911186c8984 .fl-content-slider-navigation
	{
		top: 20%;
	}

	.fl-content-slider-navigation .slider-prev, .fl-content-slider-navigation .slider-next
	{
		width: 30px;
		height: 30px;
	}
}