/* Responsive Stylesheet */

/* Hide Responsive Elements */
.responsive { display: none;}

@media only screen and (min-width: 1px) and (max-width: 1200px)
{
	.hero ul li > img, .featured img { width: 1200px;}
	.subPages ul li > a img { height: 100%; width: auto;}
}

@media only screen and (min-width: 1px) and (max-width: 1180px)
{
	header ul li { margin-left: 5px; }
}

@media only screen and (min-width: 1px) and (max-width: 1140px)
{
	ul.news li { height: 360px;}
}

@media only screen and (min-width: 1px) and (max-width: 1120px)
{
	.intro .right { width: 32%;}
}

@media only screen and (min-width: 1px) and (max-width: 1100px)
{
	header ul li a { padding: 4px 9px; font-size: 16px;}
}

@media only screen and (min-width: 1px) and (max-width: 1080px)
{
	ul.sectors img { width: 150%;}
}

@media only screen and (min-width: 1px) and (max-width: 1050px)
{
	header .menu { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,30,49,0.9); margin: 0; text-align: center; padding: 90px 0 50px; overflow: scroll; box-sizing: border-box;}
	header .mobileMenu { display: block;}
	header .menu ul.sub-menu { display: none !important;}
	header ul li { float: left; width: 100%; margin: 0; }
	header ul li a { padding: 12px 0; font-size: 22px; text-transform: uppercase; border: none !important; float: left; width: 100%;}
	header ul li a:hover {background: rgba(0,30,49,1);}
	.intro .left { width: 60%;}
	.intro .right { width: 35%;}
	.subNav ul li { display: none;}
	.tax-sectors .subNav ul li:first-child, .parent-pageid-15 .subNav ul li:first-child, .parent-pageid-7 .subNav ul li:first-child, .single .subNav ul li:first-child { display: block; padding: 0 25px 0 0;}
	ul.news .featured-image { height: 110px;}
}

@media only screen and (min-width: 1px) and (max-width: 990px)
{
	.intro .left { width: 57%;}
	.intro .right { width: 38%;}
}

@media only screen and (min-width: 1px) and (max-width: 960px)
{
	
}

@media only screen and (min-width: 1px) and (max-width: 940px)
{
	ul.news li { height: 320px; width: 49%;}
	ul.news li.post-3 { margin-right: 2%;}
	ul.news li.post-2, ul.news li.post-4 { margin-right: 0;}
}

@media only screen and (min-width: 1px) and (max-width: 890px)
{
	.intro .left { width: 100%; margin-bottom: 35px;}
	.intro .right { width: 100%; }
	.intro .right a { width: 39%; height: 71px; margin-right: 2%;}
	.intro .right .workButton { margin-right: 0;}
}

@media only screen and (min-width: 1px) and (max-width: 870px)
{
	.band.services ul li p { display: none;}
	.band.services ul li { margin: 10px 0;}
	.band.services ul li h4 { font-size: 18px; line-height: 22px;}
}

@media only screen and (min-width: 1px) and (max-width: 850px)
{
	ul.sectors img { width: 140%; margin-top: -10px;}
}

@media only screen and (min-width: 1px) and (max-width: 820px)
{
	.band.services ul li { width: 32%;}
	.featuredPost .featured-image { width: 30%;}
	.featuredPost .right { width: 63%;}
}

@media only screen and (min-width: 1px) and (max-width: 800px)
{
	.subPages ul.blog li h3 { font-size: 15px; line-height: 15px;}
	.subPages ul li { width: 100%; margin: 0 0 10px; height: 180px;}
	.subPages ul li > a img { width: 100%; height: auto; top: -50px;}
}

@media only screen and (min-width: 1px) and (max-width: 790px)
{
	.intro .right a { padding: 25px 4%; width: 41%;}
	.intro .right a img { margin-right: 8%; width: 20%;}
	.intro .right a .inner { width: 72%;}
	.intro .right a h3 { font-size: 18px;}
}

@media only screen and (min-width: 1px) and (max-width: 760px)
{
	footer .col { margin-right: 3%;}
	footer .col1 { width: 32%;}
	footer .col2 { width: 30%;}
	footer .col3 { margin-right: 0; width: 31%;}
	ul.news li { height: 340px;}
}

@media only screen and (min-width: 1px) and (max-width: 740px)
{
	.hero ul li .bigCircle { left: 50px;}
	ul.sectors li { width: 49%;}
	ul.sectors li.area-3, ul.sectors li.area-9, ul.sectors li.area-12 { margin-right: 2%;}
	ul.sectors li.area-2, ul.sectors li.area-4, ul.sectors li.area-6, ul.sectors li.area-8, ul.sectors li.area-10, ul.sectors li.area-12 { margin-right: 0;}
	ul.sectors img { width: 120%; }
	.cta input[type=text] { float: left; width: 100%; margin: 10px 0;}
	.browse ul.sectors li:nth-child(3n) { display: none;}
	.maps .box { width: 100%; margin: 0 0 30px 0; height: auto;}
	.maps .box .map iframe { margin-left: 0; width: 100%;}
}

@media only screen and (min-width: 1px) and (max-width: 710px)
{
	footer .col1 { display: none;}
	footer .col3 { width: 60%;}
	footer .col2 { width: 200px;}
}

@media only screen and (min-width: 1px) and (max-width: 670px)
{
	ul.news li { height: 350px;}
}

@media only screen and (min-width: 1px) and (max-width: 660px)
{
	.intro .right { display: none;}
	.intro .left { margin-bottom: 10px;}
	.band.accreditations ul li img,
	.band.accreditations ul li.rics img { height: 54px;}
	.bottomBar p { float: none; text-align: center; width: 100%; line-height: 17px; margin: 5px 0;}
	
}

@media only screen and (min-width: 1px) and (max-width: 620px)
{
	.band.services ul li { width: 47%;}	
	.featuredPost { height: auto;}
	.featuredPost .featured-image { width: 100%; height: 120px;}
	.featuredPost .right { width: 90%; padding: 5%;}
	.featuredPost img { width: 100%; height: auto; margin-top: -100px;}
}

@media only screen and (min-width: 1px) and (max-width: 610px)
{
	footer .col3 { width: 50%;}
	ul.news li { height: auto; width: 100%; margin: 0 0 30px 0;}
	ul.news .featured-image { height: 120px;}
	ul.news li .bottom { padding-bottom: 44px;}
}

@media only screen and (min-width: 1px) and (max-width: 580px)
{
	.hero .banner { height: 380px;}
	.hero ul li .bigCircle { height: 200px; width: 200px; border-radius: 200px; left: 0; top: 143px;}
  	.hero ul li .bigCircle h2 { font-size: 22px; line-height: 28px; margin: 42px 0 0 35px;}
  	.hero ul li .bigCircle h3 { margin-left: 35px; font-size: 17px;}
  	.hero ul li .bigCircle a { right: -76px; bottom: -4px; width: 100px; height: 100px; border-radius: 100px;}
 	.hero ul li .bigCircle a p { margin: 30px 0 8px;}
	.hero ul li .bigCircle a:hover { right: -79px; bottom: -7px;}
	ul.sectors img { width: 160%;}
	header .menu { padding-top: 50px;}
	form#contact .left, form#contact .right { width: 100%;}
	form#contact textarea { margin-bottom: 20px;}
}

@media only screen and (min-width: 1px) and (max-width: 490px)
{
	footer .col3 { display: none;}
	footer .col2 { width: 100%; text-align: center;}
	footer .col2 ul { float: none;}
	.single .image { width: 100%; text-align: center; margin-bottom: 25px;}
	.single .image img { width: auto;}
	.single .info { width: 100%;}
	.content h1, .content h2 { font-size: 28px; line-height: 34px;}
	.featuredPost img  { margin-top: -20px;}
}

@media only screen and (min-width: 1px) and (max-width: 430px)
{
	ul.sectors img { width: 175%; margin: 0;}
}

@media only screen and (min-width: 1px) and (max-width: 400px)
{
	header img { width: 160px;}
	header .mobileMenu { margin: 30px 16px 0 0;}
	.band.services ul li a { width: 120px; height: 120px;}
	.band.services ul li h4 { font-size: 16px; line-height: 19px;}
	.band.services ul li a img { margin-top: 40px;}
	.band.services ul li a.purple img { margin-top: 35px;}
	.band.services ul li a.green img { margin-top: 38px;}
	.band.services ul li a.blue img { margin-top: 34px;}
}