html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
::selection { background:#ef3e42; color:#fff; }
::-moz-selection { background:#ef3e42; color:#fff; }

a {
	outline: none;
}

html {
	width: 100%;
}

body {
	font-size: 62.5%;
	text-align: left;
	font-family: 'Istok Web', sans-serif;
	color: #414141;
	width: 100%;
}

#bg {
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  z-index: -1;
  background: #414141;
}

.header-wrap,
.page-wrap {
	background: #fff;
}

header {
	margin: 0 auto;
	width: 75%;
	padding: 2em 0;
}

header img {
	width: 31.25%;
}

.call {
	float: right;
}

.call p {
	font-size: 2.2em;
	margin: 0.2em 0 0;
}

.call ul {
	text-align: right;
}

.team-member ul {
	text-align: center;
	margin-bottom: 1em;
}

.call li,
.team-member li {
	display: inline;
	margin-left: 1em;
}

.call li a,
.team-member li a {
	display: inline-block;
	height: 25px;
	width: 25px;
	border-radius: 50%;
}

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

.call a span,
.team-member a span {
	display: none;
}

#facebook,
#twitter,
#linkedin,
.team-linkedin,
.team-email {
	background: #ee3d42 url(../images/header-social-icons.svg) no-repeat 0 0;
	transition: background-color 0.2s ease-in-out 0s;
}

#twitter {
	background-position: -25px 0;
}

#linkedin{
	background-position: -50px 0;
}

.team-linkedin {
	background-position: -50px 0;
}

.team-email {
	background-position: -75px 0;
}

#facebook:hover,
#twitter:hover,
#linkedin:hover {
	background-color: #808080;
}

.red {
	color: #ee3d42;
}

.border {
	padding-bottom: 1em;
	border-bottom: 1px solid #e6e6e6;
}

/*---------- Navigation Styles ----------*/

.menu-trigger {
	display: none;
	color: #808080;
	font-size: 1.6em;
}

nav {
	width: 100%;
	position: relative;
	background: #fff;
	margin-top: 1em;
}

nav ul {
	width: 75%;
	margin: 0 auto;
	padding-bottom: 0.5em;
}

nav li {
	display: inline-block;
	font-size: 1.8em;
	text-transform: uppercase;
}

nav a {
	display: block; 
    color: #808080;
	padding: 0.7em 1.5em;  
    text-decoration: none;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;	
	transition: background-color 0.2s ease-in-out; 
}

nav a:hover, nav a:active {
	background: #eee;
	border-radius: 5px;
}

nav .active-menu-item {
	background: #fff;
	color: #ee3d42;
	pointer-events: none;
	cursor: default;
}

/*---------- End of Navigation Styles ----------*/

footer ul li a.active-menu-item {
	color: #ee3d42;
}

.hero {
	width: 100%;
	background-size: cover;
	background-position: center top;
}

.image1 {
	background: url(../images/image_4.jpg) no-repeat 0 0;
}

.image2 {
	background: url(../images/image_6.jpg) no-repeat 0 0;
}

.image3 {
	background: url(../images/image_5.jpg) no-repeat 0 0;
}

.image1,
.image2,
.image3 {
	height: 100%;
	background-size: cover;
	background-position: center top;
}

.hero-content {
	margin: 0 auto;
	width: 75%;
	padding: 4em 0;
}

.hero h1,
.hero h2,
.hero p {
	text-align: center;
}

.hero h1 {
	font-size: 4.6em;
	text-transform: uppercase;
	margin-bottom: 0.4em;
	color: #ccc;
}

.hero h1 .mast-head {
	font-weight: bold;
	color: #fff;
}

.hero p {
	color: #fff;
	width: 64.5833%;
	margin: 0 auto 1.4em;
}

a.jobs-link {
	margin: 0 auto 1.4em;
	width: 31.25%;
	color: #fff;
	text-transform: uppercase;
	display: block;
	font-size: 1.9em;
	padding: 1em 0;
	border: 2px solid #fff;
	text-decoration: none;
	text-align: center;
}

a.jobs-link:hover {
	color: #ee3d42;
	border: 2px solid #ee3d42;
}

h1,
h2,
h3,
h4 {
	color: #ee3d42;
}

h1,
h2 {
	font-size: 3em;
	margin-bottom: 0.2em;
	line-height: 1.2em;
}

h3,
h4 {
	font-size: 1.8em;
	line-height: 1.2em;
}

h3 {
	margin-bottom: 0.4em;
}

p {
	font-size: 1.8em;
	color: #808080;
	line-height: 1.4em;
	margin: 0 0 1em 0;
}

p a {
	color: #ee3d42;
}

/*---------- Tabs / Icons ----------*/

.tabs {
	margin: 0 auto;
	width: 100%;
}

.tabs ul {
	text-align: center;
}

.tabs li {
	display: inline-block;
	width: 14.5833%;
	margin: 0 1.04166%;
	text-align: center;
	font-size: 2em;
	text-transform: uppercase;
}

.tabs li a {
	color: #fff;
	text-decoration: none;
	display: block;
}

.tabs a .icon {
	display: block;
	width: 57.14285%;
	height: 0;
	margin: 0 auto 0.5em;
	padding-bottom: 57.14285%;
	background-image: url("../images/icons.svg");
	background-position: 0 0;
	background-size: 200%;
}

.tabs a:hover .icon {
	background-position: 100% 0;
}

.tabs a .send-cv {
	background-position: 0 -100%;
}

.tabs a:hover .send-cv {
	background-position: -100% -100%;
}

.tabs a .partnership {
	background-position: 0 -200%;
}

.tabs a:hover .partnership {
	background-position: -100% -200%;
}

/*---------- Tabs end ----------*/


/*---------- Content ----------*/

.main {
	margin: 0 auto;
	width: 75%;
}

.content {
	width: 62.5%;
	margin-right: 2.0833%;
}

.content,
.news,
.team {
	display: inline-block;
	vertical-align: top;
	margin: 2em 2.0833%;
}

.news,
.team {
	width: 29.1667%;
	margin-left: 2.0833%;
}

.content section {
	margin-bottom: 4em;
	padding-bottom: 3em;
	border-bottom: 1px solid #e6e6e6;
}

.world-map {
	width: 100%;
}


/*---------- End of Content ----------*/


/*---------- Interactive Map Styles ----------*/

.map-box {
	margin: 4em 2.0833% 2em;
}

.map-wrap {
	margin: 0 auto;
	width: 100%;
	position: relative;
}

.interactive-map {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.pin-locations {
	width: 2.3913%;
	height: 6.00461%;
	position: absolute;
	background: url(../images/location-pin.svg) no-repeat 0 0;
	background-size: cover;
}

.pin-locations a {
	display: block;
	height: 100%;
}

.uk {
	top: 17%;
	left: 46.1%;
}

.ksa {
	top: 35%;
	left: 57.5%;
}

.uae {
	top: 36.5%;
	left: 61.8%;
}

.china {
	top: 32%;
	left: 77%;
}

a.tooltip {
	outline: none;
}

a.tooltip:hover {
	text-decoration: none;
}
 
a.tooltip span {
    z-index: 10;
	display: none;
	padding: 14px 20px;
    margin-top: -30px;
	margin-left: 26px;
    width: 240px;
	line-height: 1.4em;
}

a.tooltip h3 {
	font-size: 1.4em;
	margin-bottom: 0.4em;
}

a.tooltip p {
	font-size: 1.2em;
}

a.tooltip li {
	color: #808080;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 0.4em;
}

a.tooltip:hover span {
    display: inline; 
	position: absolute; 
	color: #111;
    border: 1px solid #e6e6e6;
	background: #fff;
	left: -5px;
}

.callout {
	z-index: 20;
	position: absolute;
	top: 28px;
	border: 0;
	left: -12px;
}

.link {
	margin-top: 0.8em;
}

/*---------- End of Content ----------*/


ol {
	list-style: decimal;
	font-size: 1.8em;
	line-height: 1.4em;
	color: #808080;
}

ol li {
	color: #ee3d42;
	margin: 0 0 1em 3.5%;
}

ol li ol {
	list-style: lower-latin;
	font-size: 1em;
}

ol li span {
	color: #808080;
}


/*---------- News ----------*/

.news p {
	margin: 0;
}

.news-pic {
	margin-bottom: 1em;
}

.news-link {
	font-size: 1.8em;
	color: #ee3d42;
	text-decoration: none;
	line-height: 1.4em;
	margin-bottom: 1em;
	display: block;
}

.news-link:hover {
	text-decoration: underline;
}

.news-header {
	display: block;
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom: 0.6em;
	color: #ee3d42;
	text-decoration: none;
}

.news-archive {
	color: #808080;
}

.year,
.month,
.post {
	font-size: 1.6em;
	margin-bottom: 0.6em;
}

.month {
	padding-left: 1em;
}

.post {
	padding-left: 2em;
	line-height: 1.2em;
}

.post a {
	color: #ee3d42;
	text-decoration: none;
}

.post a:hover {
	text-decoration: underline;
}

.youtube-container {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
}

.video {
	position: absolute;
    top: 0;
    left: 0;
}

/*---------- End of News ----------*/

ul.anchors {
	margin: 2em 2.0833% 0;
}

ul.anchors li {
	font-size: 1.8em;
	line-height: 2.2em;
	padding-left: 1em;
	background: url(../images/right-arrow.svg) no-repeat 0 12px;
	border-bottom: 1px solid #e6e6e6;
}

ul.anchors li a {
	color: #808080;
	text-decoration: none;
}

ul.anchors li a:hover {
	color: #ee3d42;
}

.return {
	display: block;
	font-size: 1.8em;
	margin: 1em 0;
	color: #808080;
	text-decoration: none;
	padding-left: 1em;
	background: url(../images/up-arrow.svg) no-repeat 0 2px;
}

.return:hover {
	color: #ee3d42;
}


/*---------- Partners ----------*/

.partners {
	margin: 0 auto;
	width: 75%;
}

.partners li {
	display: inline-block;
	vertical-align: middle;
	width: 20.833%;
	margin: 0 2.0833%;
}

.partners li img {
	width: 100%;
	margin-bottom: 2em;
}

.partners li.partners-header {
	display: block;
	width: 95.833%;
	margin: 0 2.0833%;
}

.college-pic {
	display: inline-block;
	width: 30.89285%;
	margin: 3.57142% 3.57142% 3.57142% 0;
	border-radius: 50%;
}

/*---------- End of Partners ----------*/

.page-top {
	width: 71.875%;
	margin: 4em auto;
}

.page-top img,
.page-top h1 {
	display: inline-block;
	vertical-align: middle;
}

.page-top img {
	width: 23.91304%;
	margin-right: 2.17391%;
}

/*---------- Experience ----------*/

ul.standard-list {
	margin-bottom: 2em;
}

ul.standard-list li {
	font-size: 1.8em;
	color: #808080;
	line-height: 1.2em;
	margin-bottom: 1em;
	padding-left: 1em;
	background: url(../images/bullet.svg) no-repeat 0 5px;
}

ul.standard-list li ul {
	margin-top: 1em;
}

ul.standard-list li ul li {
	font-size: 1em;
	background: none;
}

ul.standard-list li ul li:before {content: "– ";}

.training {
	width: 100%;
	margin-bottom: 2em;
}

.partner-colleges img {
	margin-bottom: 2em;
}

/*---------- End of Experience ----------*/

/*---------- Partner Colleges ----------*/

.partner-box {
	width: 100%;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	padding: 3.33%;
	margin-bottom: 2em;
}

.partner-box img {
	margin-bottom: 2em;
}

/*---------- End of Partner Colleges ----------*/

/*---------- Team Info ----------*/

.team-member {
	margin: 2em 0;
	width: 100%;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	padding: 0 1em;
}

.team-member img {
	display: block;
	width: 42.85714%;
	margin: 1.5em auto;
	border-radius: 50%;
}

.team-member h4 {
	text-align: center;
}

.team-title {
	font-size: 1.5em;
	color: #000;
	text-align: center;
	margin-bottom: 0.5em;
}

/*---------- End of Team Info ----------*/

/*---------- Job Info ----------*/

.jobs li {
	padding: 3.33%;
	border: 1px solid #e6e6e6;
	margin-bottom: 2em;
}

.apply,
.submit {
	font-size: 2em;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: #ee3d42;
	padding: 0.5em 0;
	display: block;
	text-align: center;
	border-radius: 10px;
}

.submit {
	width: 27.4463%;
	margin-bottom: 1em;
}

.apply {
	width: 35%;
}

.apply:hover,
.submit:hover {
	background: #da2a2f;
}

/*---------- End of Job Info ----------*/

/*---------- Locations ----------*/

.places {
	margin: 0 auto 4em;
	width: 75%;
}

.places li {
	display: inline-block;
	width: 29.1667%;
	margin: 2em 2.08333%;
	text-align: center;
}

.places li a {
	color: #808080;
	font-size: 2.2em;
	text-decoration: none;
}

.places li img {
	width: 71.42857%;
	display: block;
	margin: 0 auto 1em;
	border-radius: 50%;
}

.location-info li {
	display: list-item;
	text-align: left;
	width: auto;
	line-height: 3.4em;
}

.location-info li a {
	background: url(../images/arrow.svg) no-repeat 0 0;
	padding-left: 1.8em;
}

.location-info li a:hover {
	color: #ee3d42;
}

/*---------- End of Locations ----------*/

/*---------- Contact ----------*/

.contact-details {
	margin-bottom: 2em;
}

.contact-details li {
	font-size: 1.8em;
	line-height: 1.8em;
}

.contact-details li a {
	color: #808080;
	text-decoration: none;
}

.contact-details li a:hover {
	color: #ee3d42;
}

p.disclaimer {
	font-size: 1.2em;
}

.styled-select {
	width: 70%;
	background: url(../images/select-arrow.png) no-repeat right center;
	border: 1px solid #cecece;
	overflow: hidden;
}

.styled-select select {
	background: none;
	border: none;
	width: 110%;
}

input[type=text],
input[type=url],
input[type=email],
input[type=password],
input[type=tel],
input[type=submit],
textarea {
  	-webkit-appearance: none;
  	-moz-appearance: none;
}

.contact,
.map {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.map {
	width: 100%;
}

.contact li {
	border: 1px solid #cecece;
    margin: 2em 0;
    padding: 1em;
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

label {
	color: #bababa;
    font-size: 1.4em;
    line-height: 1.8em;
}

input, textarea, select {
	width: 100%;
	font-family: 'Istok Web', sans-serif;
	color: #808080;
	border: none;
	box-sizing: border-box;
	font-size: 1.8em;
}

input.focusField {
	color: #ee3d42;
}

.submit {
	border: none;
	padding: 0.5em;
	width: 46.66%;
	line-height: 1em;
}

/*---------- End of Contact ----------*/

/*---------- Application Form (styled radio buttons) ----------*/

fieldset p
{
	position: relative;
	overflow: hidden;
	/*display: inline-block;*/
}

label + p,
input + p
{
	margin-top: 20px;
}

p > input
{
	padding: 0;
	margin: 0;
	height: 24px;
	width: 24px;
	float: left;
	position: absolute;
	left: 0;
	opacity: 0;
}
p > label 
{ 
	float: left; 
	line-height: 16px; 
	color: #777;
	font-size: 0.8em;
	padding: 4px 0 0 28px;
	margin: 0 20px 0 0;
	-moz-transition: color 0.5s ease; 
	-o-transition: color 0.5s ease; 
	-webkit-transition: color 0.5s ease; 
	transition: color 0.5s ease; 
}
p:not(#foo) > input:hover + label, p:not(#foo) > input:focus + label,
p:not(#foo) > input + label:hover, p:not(#foo) > input:focus + label			{ color: #e80033; }

p:not(#foo) > input + label
{
	background: url(../images/check-radio-sheet.svg) 0 0 no-repeat;
	height: 21px;
}
p:not(#foo) > input[type=radio] + label										{ background-position: 0 0; }
p:not(#foo) > input[type=checkbox] + label										{ background-position: 0 -200px; }

/* Checked styles */
p:not(#foo) > input[type=radio]:checked + label 							{ background-position: 0 -100px; }
p:not(#foo) > input[type=checkbox]:checked + label 							{ background-position: 0 -300px; }
p:not(#foo) > input[type=checkbox]:hover:checked + label,
p:not(#foo) > input[type=checkbox]:focus:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover,
p:not(#foo) > input[type=checkbox]:focus:checked + label 					{ background-position: 0 -350px; }
p:not(#foo) > input[type=radio]:hover:checked + label,
p:not(#foo) > input[type=radio]:focus:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover,
p:not(#foo) > input[type=radio]:focus:checked + label 						{ background-position: 0 -150px; }

/* Hover & Focus styles */
p:not(#foo) > input[type=checkbox]:hover + label,
p:not(#foo) > input[type=checkbox]:focus + label,
p:not(#foo) > input[type=checkbox] + label:hover 							{ background-position: 0 -225px; }
p:not(#foo) > input[type=radio]:hover + label,
p:not(#foo) > input[type=radio]:focus + label,
p:not(#foo) > input[type=radio] + label:hover								{ background-position: 0 -25px; }

/* Active styles */
p:not(#foo) > input[type=checkbox]:active + label,
p:not(#foo) > input[type=checkbox] + label:hover:active						{ background-position: 0 -250px; }
p:not(#foo) > input[type=radio]:active + label,
p:not(#foo) > input[type=radio] + label:hover:active						{ background-position: 0 -50px; }
p:not(#foo) > input[type=checkbox]:active:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover:active				{ background-position: 0 -350px; }
p:not(#foo) > input[type=radio]:active:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover:active				{ background-position: 0 -150px; }

/* Disabled styles */
p:not(#foo) > input[type=checkbox]:disabled + label,
p:not(#foo) > input[type=checkbox]:hover:disabled + label,
p:not(#foo) > input[type=checkbox]:focus:disabled + label,
p:not(#foo) > input[type=checkbox]:disabled + label:hover,
p:not(#foo) > input[type=checkbox]:disabled + label:hover:active			{ background-position: 0 -275px; }
p:not(#foo) > input[type=radio]:disabled + label,
p:not(#foo) > input[type=radio]:hover:disabled + label,
p:not(#foo) > input[type=radio]:focus:disabled + label,
p:not(#foo) > input[type=radio]:disabled + label:hover,
p:not(#foo) > input[type=radio]:disabled + label:hover:active				{ background-position: 0 -75px; }
p:not(#foo) > input[type=checkbox]:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active	{ background-position: 0 -375px; }
p:not(#foo) > input[type=radio]:disabled:checked + label,
p:not(#foo) > input[type=radio]:hover:disabled:checked + label,
p:not(#foo) > input[type=radio]:focus:disabled:checked + label,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover:active		{ background-position: 0 -175px; }

/*---------- End of Application Form ----------*/

/*---------- Footer ----------*/

footer {
	background: #000;
	color: #fff;
}

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

footer a:hover {
	color: #ee3d42;
}

.footer-wrap {
	margin: 0 auto;
	width: 75%;
	padding: 2em 0;
}

.footer-column {
	display: inline-block;
	vertical-align: top;
	width: 29.1667%;
	margin: 0 2.08333%;
}

.title {
	color: #fff;
	font-size: 1.6em;
	border-bottom: 1px solid #ee3d42;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1em;
}

footer li {
	font-size: 1.4em;
}

.footer-nav li {
	line-height: 1.8em;
}

.footer-address li {
	line-height: 1.8em;
}

.footer-address li.link {
	line-height: 1.8em;
}

.footer-connect li {
	line-height: 2.8em;
}

.facebook-icon,
.twitter-icon,
.linkedin-icon,
.email-icon,
.call-icon,
.skype-icon {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	margin-right: 0.5em;
	background: url(../images/social-media.svg) no-repeat 0 0;
}

.twitter-icon {
	background-position: 0 -25px;
}

.linkedin-icon {
	background-position: 0 -50px;
}

.email-icon {
	background-position: 0 -75px;
}

.call-icon {
	background-position: 0 -100px;
}

.skype-icon {
	background-position: 0 -125px;
}

.facebook,
.twitter,
.linkedin {
	padding-top: 0.1em;
	display: inline-block;
	vertical-align: middle;
}

.red {
	color: #ee3d42;
}

.copyright {
	margin: 2em 2.08333%;
	border-top: 1px solid #ee3d42;
	padding: 2em 0;
}

.copyright img,
.copyright p {
	display: inline-block;
	vertical-align: middle;
}

.copyright img {
	margin-right: 2em;
}

.copyright p {
	color: #fff;
	font-size: 1.2em;
}

/*---------- End of Footer ----------*/


@media screen and (max-width: 1280px) {
	nav li {
		font-size: 1.5em;
	}
	
	.tabs li {
		font-size: 1.8em;
	}
}

@media screen and (max-width: 1060px) {
	nav a {
		padding: 0.5em 1.2em;
	}
	
	a.jobs-link {
		width: 47.9166%;
		font-size: 1.8em;
	}
	
	.tabs li {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 980px) {
	header,
	nav ul,
	.tabs-wrap,
	.main,
	.partners,
	.footer-wrap {
		width: 90%;
	}
	
	.hero {
		background-size: cover;
		background-position: center top;
	}
	
	.image1 {
		background: url(../images/riyadh-tablet.jpg);
	}

	.image2 {
		background: url(../images/beijing-tablet.jpg);
	}

	.image3 {
		background: url(../images/dubai-tablet.jpg);
	}
	
	.image1,
	.image2,
	.image3 {
		height: 100%;
		background-size: cover;
		background-position: center top;
	}
	
	.hero h1 {
		font-size: 4em;
	}
	
	nav li {
		font-size: 1.5em;
	}
	
	nav a {
		padding: 0.5em 1.2em;
	}
	
	.pin-locations {
		width: 2.6%;
		height: 6.637%;
	}
}

@media screen and (max-width: 820px) {
	nav li {
		font-size: 1.3em;
	}
	
	nav a {
		padding: 0.4em 0.8em;
	}

	.hero h1 {
		font-size: 3em;
	}
	
	.hero p {
		width: 81.25%;
	}
	
	.tabs li {
		width: 31.25%;
		margin: 1.04166%;
	}
	
	a.tooltip span {
		padding: 100%;
		margin-top: 136%;
		margin-left: 118%;
		width: 1273%;
	}
	
	.uk a.tooltip span {
		position: absolute;
		top: 0;
		left: -1927%;
	}
	
	.ksa a.tooltip span {
		position: absolute;
		top: 0;
		left: -2365%;
	}
	
	.uae a.tooltip span {
		position: absolute;
		top: 0;
		left: -2530%;
	}
	
	.china a.tooltip span {
		position: absolute;
		top: 0;
		left: -3113%;
	}
	
	.callout {
		display: none;
	}
	
	.footer-wrap {
		width: 90%;
	}
}

@media screen and (max-width: 640px) {
	header {
		padding: 1em 0 0;
	}
	
	header img {
		width: 90%;
	}
	
	.call {
		float: none;
		width: 90%;
		margin: 0 5%;
	}
	
	.call p {
		text-align: center;
	}
	
	.call ul {
		display: none;
	}
	
	nav {
		width: 100%;
	}
	
	nav ul{
		width: 100%;
		display: none;
		height: auto;
		margin: 0;
		overflow: hidden;
	}
	
	.menu-trigger {
		display: block;
		width: 100%;
		padding: 1em 2.2em;
		background: #fff url(../images/menu.png) no-repeat 10px center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	nav li {
		display: block;
		font-size: 1.6em;
		text-align: left;
		width: 50%;
		float: left;
	}
	
	nav li a {
		line-height: 2em;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0.4em 1em;
	}
	
	.hero-content {
		width: 90%;
	}
	
	.hero p {
		width: 95%;
		margin: 0 auto 1.4em;
		font-size: 1.6em;
	}
	
	.image1 {
		background: url(../images/riyadh-phone.jpg);
	}

	.image2 {
		background: url(../images/beijing-phone.jpg);
	}

	.image3 {
		background: url(../images/dubai-phone.jpg);
	}
	
	.image1,
	.image2,
	.image3 {
		height: 100%;
		background-size: cover;
		background-position: center top;
	}
	
	a.jobs-link {
		width: 90%;
		font-size: 1.6em;
	}
	
	.content,
	.experience,
	.coe,
	.partner-colleges,
	.news,
	.team {
		width: 95.833%;
		margin: 2em 2.0833% 1em;
	}
	
	.contact {
		width: 100%;
		margin: 0;
	}
	
	.content section {
		margin-bottom: 2em;
		padding-bottom: 1.5em;
	}
	
	.styled-select {
		width: 100%;
		background: url(../images/select-arrow.png) no-repeat right center;
		border: 1px solid #cecece;
		overflow: hidden;
	}
	
	h2 {
		font-size: 2.6em;
		margin: 0;
		line-height: 1.2em;
	}
	
	p {
		margin: 0.5em 0 1.5em;
	}
	
	.partner-box img {
		width: 100%;
	}
	
	.apply {
		width: 100%;
	}
	
	.pin-locations {
		width: 4.79166%;
		height: 12.16814%;
	}
	
	a.tooltip span {
		padding: 100%;
		margin-top: 136%;
		margin-left: 118%;
		width: 1273%;
	}
	
	.uk {
		left: 44.5%;
		top: 10%;
	}
	
	.ksa {
		left: 56.5%;
		top: 30%;
	}
	
	.uae {
		left: 60.5%;
		top: 30.5%;
	}
	
	.china {
		left: 76%;
		top: 27%;
	}
	
	.uk a.tooltip span {
		position: absolute;
		top: 0;
		left: -924%;
	}
	
	.ksa a.tooltip span {
		position: absolute;
		top: 0;
		left: -1150%;
	}
	
	.uae a.tooltip span {
		position: absolute;
		top: 0;
		left: -1234%;
	}
	
	.china a.tooltip span {
		position: absolute;
		top: 0;
		left: -1539%;
	}
	
	.submit {
		width: 100%;
	}
	
	.footer-column {
		width: 95.833%;
		display: block;
		margin: 0 auto 2em;
	}
	
	.news-pic {
		width: 100%;
	}
}