/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#header {
		height: 100px;
	}

	#mobileNavWrapper {
		display: block;
	}
	#main_nav_wrapper {
		display: none;
	}

	.container {
		width: auto !important;
	}

	.block {
		width: auto !important;
		height: auto !important;
	}

	.columns {
		width: auto !important;
		height: auto !important;
		display: block !important;
		float: none !important;
	}

	.block .inner {
		height: auto !important;
		padding-bottom: 6px !important;
	}
	.block .inner.img_holder {
		padding-bottom: 0px !important;
	}

	#footer_nav_wrapper ul li {
		display: block;
	}
	#footer_nav_wrapper ul li a {
		margin-left: 0px;
		padding-left: 0px;
		border-left-width: 0px;
	}

	.landing_carousel li .body_block {
		top: 20px;
		left: 20px;
		width: 75%;
	}
	.landing_carousel .body_block .inner_block {
		padding: 8px 14px 14px 14px;
	}
	.landing_carousel li .body_block h2 {
		font-size: 18px;
		line-height: 20px;
	}

	.landing_carousel li .body_block h3 {
		font-size: 14px;
		line-height: 16px;
	}

	.intro_banner.case_study_banner .body_block {
		width: 85%;
	}
	.intro_banner .body_block {
		top: 20px;
		left: 20px;
		width: 85%;
	}

	#page_side_col {
		float: none;
		width: auto;
	}
	#page_side_col.page_side_col_right {
		float: none;
		width: auto;
	}

	#page_body_col {
		float: none;
		width: auto;
		padding-bottom: 0px;
	}

	#page_body_col.page_body_col_right {
		clear: left;
	}

	.container .column,
	.container .columns {
		float: none;
		display: block;
		width: auto;
	}

	.img_holder {
		display: none;
	}

	.contact_block {
		position: relative;
		height: 140px;
		margin-bottom: 8px;
	}
	.contact_block .info {
		float: none;
		margin-right: 0px;
		width: auto;
		height: 140px;
		height: auto;
	}
	.contact_block .info .inner {
		padding: 8px 0px 0px 8px;
		height: 122px !important;
	}
	.contact_block .map {
		float: none;
		margin-right: 0px;
		position: absolute;
		top: 0px;
		right: 0px;
	}

	.careers_view_more {
		position: relative;
		bottom: 0px;
		margin-top: 10px;
		display: inline-block;
	}

	/************ NAV ***************/

	#main_nav_wrapper {
		display: none;
	}

	#mobileNavWrapper {
		display: block;
		position: relatiev;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 9999;
	}

	#mobileNavWrapper #mobile {
		background-color: #003a70;
		/*box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);*/
		display: block;
	}

	/*
Top black bar that holds the toggle button
*/

	#mobileNavWrapper #mobile #toggle-bar {
		line-height: 50px;
		height: 50px;
		font-size: 12px;
	}

	/*
Toggle button #1 ("Menu")
*/

	#mobileNavWrapper #mobile a {
		color: #fff;
		text-decoration: none;
	}

	#mobileNavWrapper #mobile strong a {
		margin-left: 8px;
		padding: 10px;
		padding-top: 29px;
		display: inline-block;
	}

	/*
Toggle button #2 ("Navicon")
*/

	#mobileNavWrapper #mobile .navicon {
		float: right;
		height: 4px;
		width: 34px;
		margin: 13px;
		border-top: 12px double #fff;
		border-bottom: 5px solid #fff;
		font-size: 0;
	}

	#customer_nav_wrapper {
		display: none;
	}

	/*
The dropdown menu
*/

	#mobileNavWrapper #mobile ul {
		margin: 0px;
		padding: 0px;
		margin-left: 18px;
		padding-bottom: 20px;
	}

	#mobileNavWrapper #mobile ul li {
		clear: both;
		list-style: none;
		margin-bottom: 2px;
	}

	#mobileNavWrapper #mobile ul li a {
		display: block;
		/*text-transform:uppercase;
	letter-spacing:.2em;*/
		margin: 4px 0;
		padding: 2px 0 2px 0px;
		font-size: 14px;
	}

	#mobileNavWrapper #mobile ul ul {
		margin: 0px;
		padding: 0px;
		display: none;
	}

	#mobileNavWrapper #mobile ul li.current-menu-item ul,
	#mobileNavWrapper #mobile ul li.current-menu-parent ul {
		display: block;
	}

	#mobileNavWrapper #mobile ul ul li {
		margin-left: 15px;
	}

	#mobileNavWrapper #mobile ul ul a {
		padding-left: 8px;
		color: #a9a9a9;
	}

	#mobileNavWrapper #mobile ul ul a:before {
		content: '';
		padding-right: 8px;
	}

	.people_search_reset {
		text-align: left;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.panel {
		width: 31%;
		padding: 10px;
		margin: 0 4px 10px 4px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
	.intro_banner .body_block h3 {
		display: none;
	}
	.intro_banner .body_block h4 {
		display: none;
	}

	.panel {
		width: 47%;
		padding: 10px;
		margin: 0 4px 10px 4px;
	}
}

@media only screen and (max-width: 579px) {
	.panel {
		width: 100%;
		padding: 10px;
		margin: 0px 0px 0px 0px;
	}
	.img {
		margin: 0px 20px 0px 0px;
	}

	#options {
		display: none;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.hide_from_mobile {
		display: none !important;
	}

	#footer #languages {
		float: left;
		margin-top: 20px;
	}
	#footer .social {
		clear: left;
		float: left;
	}
	#footer #copyright {
		font-size: 12px;
	}
	/* #ip-inclusive { display: none; }      */
}

/* Mobile Portrait Size smaller than iPhone 6 (375px) */
@media only screen and (max-width: 370px) {
	.optimising_innovation {
		display: none !important;
	}

	.landing_carousel li .body_block h2 {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0px;
	}

	.landing_carousel li .body_block {
		width: 82%;
	}
}