/* 0px to 1000px
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 1290px) {
	.slideritem.image .block_text {width:80%; left:10%;}
}
@media only screen and (max-width: 1024px) {
	header {z-index: 999999;}
	header nav {position: fixed; width:100%; height:100%; top: 0; left: 0; background: #262141; z-index: -10; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	header.active nav {z-index: 500; opacity: 1; pointer-events: all;}
	header.lighttext ul li a, header.darktext ul li a {color: #fff; border: none !important;}
	header nav ul {position: absolute; left: 0; width: 100%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	header nav ul li {display: block; max-height:50px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
	header nav li.nav-open {max-height: 500px;}
	header ul li ul.sub-menu {-webkit-transform: scale(1,0) !important;-ms-transform: scale(1,0) !important;transform: scale(1,0) !important; z-index: -10;}
	header ul.sub-menu {position: relative; width:100%; background: rgba(255,255,255,1) !important;}
	header ul.sub-menu li a {color:rgba(38,33,65,1) !important;}
	header ul.sub-menu.open {-webkit-transform: scale(1,1) !important;-ms-transform: scale(1,1) !important;transform: scale(1,1) !important; z-index: 100;}
	header ul li.menu-item-has-children span {cursor: pointer; height: 44px; width:44px; position: absolute; display: block; right:20px; top: 0; margin: 0 0 0 0; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}
	header ul li.menu-item-has-children span:hover {opacity: 0.5;}
	header ul li.menu-item-has-children span:before, header ul li span:after {background: #ccc;content: ''; height: 2px;left: 15px; position: absolute; top: 22px; width: 12px; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; -o-transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
	header ul li.menu-item-has-children span:after {-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
	header ul li.menu-item-has-children span:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
	header ul li.menu-item-has-children span:before {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
	header ul li.menu-item-has-children span.active {-ms-transform: rotate(-45deg);transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
	header ul li span, header ul li.menu-item-has-children ul li span {display: none;}
	header.lighttext ul li a {border:0 !important;}
	header ul.sub-menu li a {border: 0 !important;}
	header nav .search_icon {position: absolute; bottom: 40px; margin: 0; width:100%; left: 0;}
	
	header .site_logo {margin-left: 5px; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
	header.active .site_logo {opacity: 0;}
	#nav_icon {width: 60px; height: 60px; top: -6px; right: 0; position: absolute; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; z-index: 505;}
	#nav_icon.active {background: none;}
	.nav_inner {position: absolute; left: 50%; top:50%; margin: -11px 0 0 -15px; width: 30px; height:22px;}
	#nav_icon span {display: block; position: absolute; height:2px; margin-bottom: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; transition: .35s ease-in-out;}
	header.lighttext #nav_icon span {background:#fff;}
	header.darktext #nav_icon span {background:#262141;}
	#nav_icon span.active { background:#fff !important;;}
	#nav_icon span:nth-child(1) {top: 0px; width: 15px;}
	#nav_icon span:nth-child(2) {top: 10px; width: 25px;}
	#nav_icon span:nth-child(3) {top: 20px; width: 10px;}
	#nav_icon:hover span:nth-child(1) {top: 0px; width: 30px;}
	#nav_icon:hover span:nth-child(2) {top: 10px; width: 15px;}
	#nav_icon:hover span:nth-child(3) {top: 20px; width: 20px;}
	#nav_icon.open span:nth-child(1) {top: 11px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 25px;}
	#nav_icon.open span:nth-child(2) {opacity: 0; left: -30px;}
	#nav_icon.open span:nth-child(3) {top: 11px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); width: 25px;}
	.search-form input[type="search"] {font-size: 2rem;}
	.search-form button {top: 3px;}
	.vacancy_block .col_3_12 {padding-left: 0; border-left: 0;}

	#hero.image {background-attachment: scroll !important;}
	.slideritem.image .block_text {width:80%; left:10%;}
}

/* 769px to 1050px
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (min-width: 769px) and (max-width: 1049px) {
	.col_8_12 .col_6_12 .block_image, .col_8_12 .col_6_12 .block_video {padding-bottom: 190%;}
	.page-template-contact-template .col { margin: 1% 0 1% 0%; float: none; clear: both; width:100% !important; }
	.blank {display: none !important;}
	.error_msg {bottom:-23px;}
	.contact_icon {float: none; margin: 15px 0 5px 0; display: inline-block}
	.contact_info .col {text-align: center !important}
	.accordion .col:nth-of-type(odd) {padding-right:0;}
	.accordion .col:nth-of-type(even) {padding-left: 0;}
	footer .footer_bottom {text-align: center;}
	.footer_bottom .footer_logo {max-width:180px; display: inline-block; margin-bottom: 20px;}
	.social_links ul {text-align: center;}
	.social_links ul li {display: inline-block;}
	header nav ul li a {margin: 0 12px;}
	.slideritem.image .block_text {width:80%; left:10%;}
}

/* 0px to 768px
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 768px) {
	body {border: 0;}
	#hero.image {margin-bottom: 30px; height:70vh;}
	#hero.image .block_text {width:100%;}
	.stat {padding: 30px;}
	.col_8_12 .col_6_12 .block_image, .col_8_12 .col_6_12 .block_video {width:120%;}
	.element .block_image, .element .block_video {top: 27px; right:auto; left: -25px; position: relative;}
	footer .twitter_icon {display: inline-block; margin: 20px 0 -20px 0;}
	.twitter_feed {text-align: center;}
	#menu-main-menu-1 {text-align: center;}
	footer ul li {display: block;}
	footer .footer_bottom {text-align: center;}
	.footer_bottom .footer_logo {max-width:180px; display: inline-block; margin-bottom: 20px;}
	.social_links ul {text-align: center;}
	.social_links ul li {display: inline-block;}
	
	.element_inner .block_content {padding-right: 0;}
	.timeline .row:nth-of-type(odd) .col, .timeline .row:nth-of-type(even) .col {float: none; text-align: center; margin-bottom: 60px;}
	.timeline_thumb {margin: 0 auto;}
	.timeline_date {margin: -60px 0 -25px 0;}
	.timeline_desc {background: none;}
	.timeline .container {width:90%;}
	.timeline .row {margin-bottom: 40px;}
	.timeline .tagline {position: absolute; left: 0; width:100%; text-align: center; top: -40px;}
	.timeline .row:nth-of-type(odd) .tagline, .timeline .row:nth-of-type(even) .tagline {position: absolute; top: -20px; padding: 10px; background: #f52540; color: #ffffff; -webkit-transform:none;-ms-transform:none;transform:none;}
	.timeline .tagline:before {display: none;}
	.timeline_line {display: none;}
	.timeline .story_bgimage {margin: 0;}
	
	.team_filter {width:100%;}
	.team_filter a.button:not([href]):not([tabindex]) {margin: 10px 0;}
	.team_block {max-width:300px; margin: 0 auto !important; }
	.team_info {margin-top: 0;}
	.team_info .teamimage {margin: 0 0 40px 0; max-width: 300px;}
	
	#hero.image {background-attachment: scroll;}
	#hero.image .logo_title {width:75%;}
	
	.cta_banner.header_banner {margin: -30px 0 30px 0;}
	.page-template-contact-template .cta_banner.header_banner {margin: -60px 0 60px 0;}
	.donations_stat {text-align: left;}
	.donations_figure {font-size: 6rem;}
	.video_popup.active {background:rgba(0,0,0,0.9); }
	.video_inner {width:100%}
	.toggle_header {display: block;}
	.toggle_header .toggle {width:100%;}
	.error_msg {bottom:-23px;}
	.contact_icon {float: none; margin: 15px 0 5px 0; display: inline-block}
	.contact_info .col {text-align: center !important}
	.accordion .col:nth-of-type(odd) {padding-right:0;}
	.accordion .col:nth-of-type(even) {padding-left: 0;}
	.accordion .accordion_header {height:auto; padding: 15px 0;}
	.accordion_header .valign {position: relative; top: auto; -webkit-transform:none; -ms-transform:none; transform:none;}
	#subpages {border:0; border-top:3px solid #f96106; border-bottom:3px solid #f96106; padding: 0; text-align: center; margin-top: 40px;}
	
	section.table {width:100%; overflow-x:scroll;}
	section.table table {width:800px;}
	
	.gallery_img {width:44%; padding-bottom:35%;}
	
	.col { margin: 1% 0 1% 0%; float: none; clear: both }
    .col_1_12, .col_2_12, .col_3_12, .col_4_12, .col_5_12, .col_6_12, .col_7_12, .col_8_12, .col_9_12, .col_10_12, .col_11_12, .col_12_12 {width: 100%;}
	.blank {display: none !important;}
	.companies .company_block {padding-bottom: 38%;}
	.slideritem.image h1 {font-size: 3rem;}
	.slideritem.image .block_text {width:80%; left:10%;}
}

/* 0px to 375px
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 450px) {
	#hero.image {height:100vh}
	#hero.image .hero_text {top: 44%;}
	#hero.image h1 {font-size: 2.7rem;}
	.quick_links {text-align: center;}
	.quick_links .dropdown, .quick_links .message, .quick_links .select_dd {width:100%;}
}

@media only screen and (max-width: 325px) {
	.slideritem.image h1 {font-size: 2.2rem;}
}

/* Nexus to iPad Portrait
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (min-width: 600px) and (max-width:768px) {
	.company_block {width:32.3%; margin-right:1%; float: left; clear: none;}
	.home .stat {width:50% !important; float: left; clear: none;}
	.stat {width:33% !important; float:left !important; clear: none !important;}
	.companies .company_block {padding-bottom: 18%}
}

/* Fix VH units for iOS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media all and (width: 320px) and (height:568px) {
	#hero.image {height:500px;}
	#hero.noimage {height:350px; min-height:0;}
}
@media all and (width: 768px) and (height:1024px) {
	#hero.image {height:950px;}	
	#hero.noimage {height:800px; min-height:0; }
}
@media all and (width: 1024px) and (height:768px) {
	#hero.image {height:700px;}	
	#hero.noimage {height: 550px; min-height: 0;}
}