@media only screen and (min-width: 1024px) and (max-width: 1500px) {

	/* footer */
	#footer-bottom .container {}
	
}


@media only screen and (min-width: 1024px) and (max-width: 1400px) {

	#footer-top-right h2 {font-size: 42px;}
	
	/* home */
	#logo-foreground {max-width: calc(100% - 40px);}
	#bg-video {max-width: calc(100% - 40px);}
	
}


@media only screen and (min-width: 1024px) and (max-width: 1290px) {

	.button, 
	.button:visited, 
	.button:active { height: 44px; line-height: 44px; padding: 0 20px; font-size:15px; font-weight:700; border-radius:32px; min-width: 200px; }
	
	/* footer */
	#footer {background-size: 100% 700px; padding: 200px 0 0 0; }
		#footer-top {padding: 0;}
			footer-top .container {display: block;}
				#footer-top-left {width: 100%;}
					#footer-top-left .logo {max-width: 300px; margin: 0 0 50px 0;}
				#footer-top-right {width: 100%;}
		#footer-mid {padding: 0;}
			#footer-mid .container {display: block;}
				#footer-mid-left {width: 100%;}
					#footer-mid-left ul {margin: 0; display: flex; justify-content: flex-start; width: 100%;}
						#footer-mid-left ul li {margin: 20px 0; line-height: 1.3;}
							#footer-mid-left h3 {font-size: 24px;}
				#footer-mid-right {width: 100%;}
		#footer-bottom {padding: 20px 0;}	

	/* shared */
	
	/* home */
	#intro-bottom .text-holder h2 {font-size: 36px;}
	
	/* about */
	#main-bottom .text-holder {padding-bottom: 220px;}
	
	/* team */
	#partners {margin: 100px auto 100px auto;}
}
	

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1023px) { 

	h1 { font-size:96px; }
	h2 { font-size:42px; }
	h3 { font-size:32px; }
	
	body { font-size:21px; }
	
	.view-desktop { display:none !important; }
	.view-mobile { display:block; }

	#header { padding: 0; }
	#header .header-left { justify-content:space-between; width:100%; align-items:center; display:flex; }
	
	#header .header-left .menu-icon { margin: 5px -10px 0 auto; }
		#header .header-left .menu-icon img { width: 40px; height: auto;}
		#header .header-left .menu-icon img:hover { opacity: 0.8; }

	#header .header-right { display:none; }

	#header .menu-container .menu-container-top { display:flex; justify-content:space-between; align-items:center; margin:0 0 50px 0; }
		#header .menu-container .menu-container-top .close-icon { display:block;  }
			#header .menu-container .menu-container-top .close-icon img { width: 36px; height: auto; }
			#header .menu-container .menu-container-top .close-icon img:hover { opacity: 0.8; }

	#header .menu-container nav { margin:0 0 50px 0; }
		#header .menu-container nav ul { display:block; }
			#header .menu-container nav li { margin:0 0 12px 0; display:block; }
				#header .menu-container nav li a { color:#fff; font-size: 32px; }
				#header .menu-container nav li a:hover,
			#header .menu-container nav li.current_page_item > a { color: #85BFE2; }

	#header .menu-container-bottom {}
		#header .menu-container-bottom ul {margin: 0; width: 100%;}
			#header .menu-container-bottom ul li {width: 100%; margin: 20px 0; font-size: 18px;}
				#header .menu-container-bottom h3 {color: #85BFE2; font-size: 18px;}
					#header .menu-container-bottom a { color: #fff; display: block; }
					#header .menu-container-bottom a:hover { color: #fff; text-decoration: underline; }
	
	#header.show-menu .menu-container { right:0; }

	#header-overlay { height:64px; }

	/* footer */
	#footer {background-size: 100% 700px; padding: 200px 0 0 0; }
		#footer-top {padding: 0;}
			#footer-top .container {display: block;}
				#footer-top-left {width: 100%;}
					#footer-top-left .logo {max-width: 300px; margin: 0 0 50px 0;}
				#footer-top-right {width: 100%;}
					#footer-top-right h2 {font-size: 36px;}
		#footer-mid {padding: 0;}
			#footer-mid .container {display: block;}
				#footer-mid-left {width: 100%;}
					#footer-mid-left ul {margin: 0; display: flex; justify-content: flex-start; width: 100%;}
						#footer-mid-left ul li {margin: 20px 0; line-height: 1.3;}
				#footer-mid-right {width: 100%;}
		#footer-bottom {padding: 20px 0;}
			.copyright {width: 100%; order: 2; text-align: left; margin-top: 20px;}
			.disclaimer {width: 100%; order: 1;}
	
	/* shared */	
	#main {background-size: 100% 700px;}

	#main .container-flex {align-items: top;}

	.image-holder {width: 100%; margin: 25px 0; order: 2;}
	.text-holder {width: 100%; margin: 0; padding: 25px 0; order: 1;}

	/* home */
	#home-hero {max-height: 600px; min-height: 600px; margin: -68px 0 0 0;}
		#logo-foreground {background-size: auto 740px; max-height: 400px;}
		#bg-video {max-width: 740px; max-height: 400px;}
	#marquee h2 {font-size: 96px; letter-spacing: -2px;}
	#intro {background-size: 100% 700px;}
	#intro-bottom .text-holder {order: 1; max-width: 800px; margin: auto;}
		#intro-bottom .text-holder h2 {font-size: 32px;}
	#intro-bottom .image-holder {order: 2; height: 320px;}
		#intro-bottom .image-holder img {max-height: 600px;}
	.home #main h2 {font-size: 96px; max-width: 800px; letter-spacing: -3px; }
	
	/* about */
	.page-template-about #main-bottom .text-holder {max-width: 680px; margin: auto;}
	.page-template-about #main-bottom .image-holder {min-height: 320px;}
	
	/* experiences */
	.page-template-experiences #main > h2 {font-size: 28px; padding: 20px;}
	#experiences {display: block;}
	
	li.experience {margin: 80px auto; max-width: 840px;}
		
		li.experience .text-holder { width: 100%; order: 2; margin: 0; }
		li.experience:nth-child(even) .text-holder {order: 2;  margin: 0;}
		
		li.experience .experience-slider { width: 100%; order: 1; margin: 0 0 50px 0; }
		li.experience:nth-child(even) .experience-slider {order: 1;  margin: 0 0 50px 0; }
	
		li.experience .experience-slider ol.flex-control-nav,
		li.experience:nth-child(odd) .experience-slider ol.flex-control-nav  { left: 0; right: inherit;}
	
	/* press */
	ul.press-grid li { width: calc(50% - 50px);}
	
}


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

	.container {padding-left:20px; padding-right:20px;}
	
	h1 { font-size:60px; }

	/* footer */
	#footer-mid-left ul {display: block;}
	#footer-mid-left ul li,
	#footer-mid-left ul li:first-of-type {margin-right: 0; width: 100%;}
	
	#footer-bottom hr {width: calc(100% - 40px);}
	
	/* home */
	#logo-foreground {background-size: auto 620px;}
	#bg-video {max-width: 620px;}
	.home #main h2 {font-size: 96px;}
	
	/* about */
	#main-bottom .container-flex {background-image: url(../images/v-gray-bg-lighter.svg);}
	
	/* team  */
	ul#team-grid { display: block; width: 100%; margin: 50px 0 0 0; padding: 0;}
		ul#team-grid li {width: 100%; margin: 0 0 50px 0;}
			ul#team-grid li h2.team-member-name {font-size: 32px;}
	#partners {margin: 100px auto;}
	#partners > h2 {font-size: 32px;} 
	#partner-logos {display: block;}
		.partner-logo, .partner-logo:last-of-type {margin: 50px 0;}

}


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

	/* home */
	#logo-foreground {background-size: auto 480px;}
	#bg-video {max-width: 480px;}
	.home #main h2 {font-size: 64px; letter-spacing: -2px; }
	
}


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

	body {font-size: 20px;}
	
	h1 { font-size:60px; }
	h2 { font-size:32px; }
	h3 { font-size: 24px; }
	
	.button, .button:visited, .button:active {height: 48px; line-height: 48px; padding: 0 24px; font-size:14px; border-radius:32px; min-width: 215px;}

	
	/* footer */
 	#footer {background-size: 100% 400px; padding-top: 150px;}
		#footer-top-left .logo {max-width: 200px;}
	 	#footer-top-right h2 {font-size: 28px;}
	
	/* shared */
	#page-hero, #page-hero .gradient, #page-hero .container {max-height: 480px;}
	#page-hero h1 {letter-spacing: -2px;}
	#main, .page-template-about #main {background-size: 100% 400px; padding-top: 150px; margin-top: -150px;}
		#main > h2 {padding: 0 20px;}
	
	#main-bottom .container-flex {background-size: 600px auto;}
	
	/* home */
	#home-hero {max-height: 480px; min-height: 480px; }
	#logo-foreground {background-size: auto 420px;}
	#bg-video {max-width: 420px;}
	#intro {background-size: 100% 400px;}
		#marquee {width: 130%; margin-top: 40px; }
			#marquee h2 {font-size: 72px; letter-spacing: -2px;}
		#intro-bottom .container-flex {background-size: 500px auto; background-image: url(../images/v-blue-bg-lighter.svg);}
			#intro-bottom .text-holder h2 {font-size: 24px;}
			#intro-bottom .button {margin-bottom: 15px;}
			#intro-bottom .image-holder {height: 200px;}
	.home #main {background-size: auto 640px; background-position: left top; max-height: 700px; height: 700px; min-height: 700px;}
		.home #main h2 {font-size: 48px;}

	/* about */
	#main-bottom .container-flex {background: none;}
		.page-template-about #main > h2 {font-size: 36px; padding-bottom: 40px;}
		.page-template-about #main-bottom .image-holder {min-height: 220px;}
		
	/* experience */
	#main-bottom .text-holder h3 { font-size: 24px; margin-botton: 10px; }
	li.experience .experience-slider .flexslider ul.slides li {height: 265px;}
	
	/* team */
	.popup .popup-content {width: 100%; height: 100%;}
	
}


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

	body {font-size: 18px;}
	
	#main .container h3 {font-size: 28px;}
	
	/* footer */
	#footer-mid-left h3 {font-size: 21px;}
	
	/* home */
	#logo-foreground {background-size: auto 380px;}
	#bg-video {max-width: 380px; max-height: 250px;}
	
	.home #intro-bottom .container-flex {background: none;}
		.home #intro-bottom .image-holder {height: 0;}
	
}


@media only screen and (max-width: 399px) {
	
	body {font-size: 18px;}
	h1 { font-size:54px; }
	
	/* home */
	#logo-foreground {background-size: auto 360px;}
	#bg-video {max-width: 360px;}
	
}