/*
  Media Queries
*/

@media only screen and (max-width: 1455px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1455px),
only screen and (min-resolution: 192dpi) and (max-width: 1455px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1455px) {

	.header-social-media {
		position: absolute;
		top: -8px;
		right: 10px;
	}

}

@media only screen and (max-width: 1260px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1260px),
only screen and (min-resolution: 192dpi) and (max-width: 1260px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1260px) {

	#nav a {
		font-size: 18px;
		margin: 0px 0px 0px 4px;
		padding: 14px 12px 7px;
	}

}

@media only screen and (max-width: 1199px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1199px),
only screen and (min-resolution: 192dpi) and (max-width: 1199px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1199px) {

	h1 {
		font-size: 80px;
		line-height: 80px;
		}

	.home-image-link .hil-text h1 {
		font-size: 40px;
		width: 90%;
		line-height: 32px;
		color: #fff;
		padding: 0px 5% 0px;
		margin-bottom: 30px;
		}

	.home-image-link .hil-text .hil-subtext {
		font-size: 16px;
		line-height: 22px;
		width: 78%;
		padding: 15px 3%;
		}

	.svl-subtext {
		font-size: 16px;
		line-height: 22px;
		padding: 10px 3%;
		}

	.tl-content p {
		font-size: 16px;
		line-height: 24px;
	}

	.tb-cover .hblock-text, .tb-cover .cblock-text {
		font-size: 20px;
		line-height: 20px;
		}

	.tb-cover .hblock-text span {
		font-size: 15px;
		}

	.container.faq-container {
		width: 90%;
		margin: 0 5%;
		}

	.ask-ruth-wrap {
		right: 60px;
		}

	.g5er a .gt-wrap h3 {
		font-size: 18px;
		line-height: 22px;
		}

	.top-box h1 {
		font-size: 30px;
		line-height: 36px;
		}

}

@media only screen and (max-width: 1100px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1100px),
only screen and (min-resolution: 192dpi) and (max-width: 1100px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1100px) {

	#nav a {
		font-size: 16px;
		margin: 0px 0px 0px 0px;
		padding: 17px 7px 7px 11px;
	}

	.top-box-wrap-connect h1 {
		max-width: 65%;
		}

	.project-image-link h1, .project-image h1 {
		font-size: 60px;
		line-height: 50px;
		}

	.thehf_video-sizer {
		width:800px;
	}

}

/*@media only screen and (max-width: 1050px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1050px),
only screen and (min-resolution: 192dpi) and (max-width: 1050px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1050px) {

	.ask-ruth-wrap img {
		width: 80%;
		right: 0;
		}

}*/

@media only screen and (max-width: 959px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 959px),
only screen and (min-resolution: 192dpi) and (max-width: 959px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 959px) {

	#nav a {
		font-size: 16px;
		margin: 0px 0px 0px 0px;
		padding: 17px 7px 7px 11px;
	}

	.actionform #gform_wrapper_1 {
		width: 450px;
	}

	.actionform > #gform_wrapper_1 > form > .gform_body {
		width: 325px;
	}

	.actionform input[type="text"] {
		width: 325px !important;
	}

	.home-image-link .hil-text h1 {
		font-size: 24px;
		width: 90%;
		line-height: 24px;
		margin-bottom: 20px;
		}

	.home-image-link .hil-text .hil-subtext {
		font-size: 15px;
		line-height: 20px;
		width: 78%;
		padding: 15px 3%;
		}

	.home-image-link .hil-subtext-new {
		font-size: 15px;
		line-height: 20px;
		padding: 15px 3%;
	}

	.svl-subtext {
		font-size: 15px;
		line-height: 20px;
		padding: 10px 3%;
		}

	.tb-cover .hblock-text {
		font-size: 18px;
		line-height: 18px;
		}

	.borderlink a, .borderlink a:visited {
		font-size: 24px;
		line-height: 24px;
		}

	.top-box-wrap-connect h1 {
		max-width: 50%;
		}

	.g5er a .gt-wrap h3 {
		font-size: 14px;
		line-height: 18px;
		}

	.previous-grantees-search {
		display: none;
	}

	.cwrap150 {
		padding: 0px 30px;
		}

	.ct-3 {
		width: 49%;
		margin: 0% 2% 20px 0;
		}

	.ct-3-wrap .ct-3:nth-child(3n+3) {
		margin-right: 2% !important;
		}

	.ct-3-wrap .ct-3:nth-child(2n+2) {
		margin-right: 0 !important;
		}

	.blogpost h1 {
		font-size: 50px;
		line-height: 50px;
		}

	.top-box h1 {
		max-width: 90%;
		font-size: 28px;
		line-height: 34px;
		}

	.tb-big {
		display: none;
		}

	.tb-mob {
		display: block;
		}

	.top-box {
		min-height: 0px;
		}

	.top-box-wrap {
		padding-top: 105px;
		padding-bottom: 105px;
		}

}

@media only screen and (max-width: 900px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 900px),
only screen and (min-resolution: 192dpi) and (max-width: 900px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 900px) {

	#nav, .header-social-media {
		display: none;
	}

	.mobile-menu-toggle {
		display: block;
		position: absolute;
		right: 30px;
	}

	#header {
		background: #ffffff !important;
		padding: 4px 0px 13px;
		height: auto;
	}

	.thehf_video-sizer {
		width:700px;
	}

	/* Women's Day */

	.personaility-image {
		margin-right: 25px;
		width: 120px;
		height: 120px;
	}

	.lblock-text {
		padding: 0 20px;
	}

	.lblock-text-ext {
		padding: 15px 20px 15px 165px;
	}

	.personality-header h2 {
		font-size: 24px;
		line-height: 28px;
	}

}

@media only screen and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 768px) {

	#wrap {
		width: 100%;
	}

	.cwrap60 {
		padding: 0px 30px;
	}

	#nav, .header-social-media {
		display: none;
	}

	.mobile-menu-toggle {
		position: absolute;
		right: 20px;
	}

	#header {
		background: #ffffff !important;
		padding: 4px 0px 13px;
		height: auto;
	}

	.subhead-rescue {
		display: none;
	}

	.subnav-outer {
		display: none;
	}

	#actionbar .cwrap60 {
		padding: 0;
		width: 100%;
		text-align: center;
	}

	.actionform {
		float: none;
		display: inline-block;
	}

	.actionsocial {
		display: none;
	}

	.home-image-link {
		float: left;
		display: block;
		position: relative;
		width: 100%;
		margin: 20px 0 0 0;
		}

	.home-image-link .hil-text h1 {
		font-size: 50px;
		width: 90%;
		line-height: 40px;
		color: #fff;
		padding: 0px 5% 0px;
		margin-bottom: 30px;
		}

	.home-image-link .hil-text .hil-subtext {
		font-size: 16px;
		line-height: 22px;
		width: 78%;
		padding: 15px 3%;
		}

	.project-image-link h1, .project-image h1 {
		font-size: 50px;
		width: 90%;
		line-height: 40px;
		margin-left: auto;
		margin-right: auto;
		}

	.project-image-link .pil-subtext {
		font-size: 16px;
		line-height: 22px;
		width: 78%;
		}

	.project-image-link .learn-more {
		height: 38px;
		padding: 20px 0px 0px;
		}

	.svl-subtext {
		font-size: 16px;
		line-height: 22px;
		padding: 10px 3%;
		}

	.g5to1 {
		width: 47% !important;
		margin: 0 1.5%;
	}

	.col .g5to1:nth-child(2n+3) {
		clear: both;
	}

	.col .g5to1:nth-child(5) {
		margin-right: auto !important;
		margin: 0 auto !important;
		float: none;
	}

	.g5to1 .sm-logo-home {
		padding-bottom: 10px;
		}

	.g5to1 .home-sm-twitter h5 {
		margin-bottom: 15px;
	}

	.tabber-content .grid_6 {
		width: 100%;
		margin-right: 0;
	}

	.cwrap70 .grid_8 {
		width: 100%;
		margin-right: 0;
	}

	.borderlink a, .borderlink a:visited {
		font-size: 18px;
		line-height: 18px;
		}

	.ask-ruth-wrap img {
		display: none;
		}

	.top-box-wrap-connect h1 {
		max-width: 75%;
		}

	.mobile-only {
		display: block;
	}

	.pvl-title {
		font-size: 14px;
		line-height: 16px;
	}

	.g5er.g-grant {
		width: 49.2%;
		}

	.col .g5er.g-grant:nth-child(5n+5) {
		margin: 0 1.6% 1.6% 0 !important;
		}

	.col .g5er.g-grant:nth-child(2n+2) {
		margin: 0 0 1.6% 0 !important;
		}

	.g5er.g-grant .g-image img {
		width: 100% !important;
		height: auto !important;
	}

	.partner-item {
		width: 32.2666%;
	}

	.col .partner-item:nth-child(4n+4) {
		margin-right: 1.6% !important;
	}

	.col .partner-item:nth-child(3n+3) {
		margin-right: 0;
	}

	.big-case-studies {
		display: none;
	}

	.small-case-studies {
		display: block;
	}

	.jcontent p img {
		max-width: 100% !important;
		margin-left: 0px;
		}

	.top-box h1 {
		max-width: 90%;
		font-size: 22px;
		line-height: 28px;
		}

	.top-box h2 {
		font-size: 16px;
		}

	.thehf_video-sizer {
		width:620px;
	}

}

@media only screen and (max-width: 680px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 680px),
only screen and (min-resolution: 192dpi) and (max-width: 680px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 680px) {

	.rah-text-top {
		width: 90%;
	}

	.tl-wrap {
		width: 300%;
		height: 519px;
		white-space: nowrap;
	}

	.tl-wrap .container {
		float: left;
		width: 100%;
		/* width: 1200px; */
		max-width: 100%;
		margin: auto;
		@include transition;
		}

	.tl-wrap .container .tl-item {
		width: 33.33333%;
		margin-right: 0;
	}

	.tlm-1 {
		left: -300%;
		@include transition5;
	}

	.tlm-2 {
		left: -600%;
		@include transition5;
	}

	.tlm-3 {
		left: -900%;
		@include transition5;
	}

	.tlm-4 {
		left: -1200%;
		@include transition5;
	}

	.tlm-5 {
		left: -1500%;
		@include transition5;
	}

	.tlm-6 {
		left: -1800%;
		@include transition5;
	}

	.tl-1 {
		left: 300%;
	}

	.tl-2 {
		left: 600%;
	}

	.tl-3 {
		left: 900%;
	}

	.tl-4 {
		left: 1200%;
	}

	.tl-5 {
		left: 1500%;
	}

	.tl-6 {
		left: 1800%;
	}

	.tl-sub-1 {
		margin-left: 0% !important;
		@include transition;
	}

	.tl-sub-2 {
		margin-left: -33.333333% !important;
		@include transition;
	}

	.tl-sub-3 {
		margin-left: -66.666666% !important;
		@include transition;
	}

	.projectpost h2 {
		font-size: 32px;
		line-height: 36px;
		}

	.thehf_video-sizer {
		width:560px;
	}

}

@media only screen and (max-width: 600px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 600px),
only screen and (min-resolution: 192dpi) and (max-width: 600px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 600px) {

	.svl-prev, .svl-next {
		width: 100%;
		height: 226px;
		float: left;
		margin-bottom: 20px;
		}

	.home-image-link .hil-text h1 {
		font-size: 30px;
		width: 90%;
		line-height: 30px;
		margin-bottom: 20px;
		}

	.home-image-link .hil-text .hil-subtext {
		font-size: 15px;
		line-height: 20px;
		width: 78%;
		padding: 15px 3%;
		}

	.svl-subtext {
		font-size: 15px;
		line-height: 20px;
		padding: 10px 3%;
		}

	.project-image-link h1, .project-image h1 {
		font-size: 30px;
		width: 90%;
		line-height: 30px;
		}

	.project-image-link .pil-subtext {
		font-size: 15px;
		line-height: 20px;
		width: 78%;
		}

	.project-image-link .learn-more {
		height: 33px;
		padding: 15px 0px 0px;
		}

	img.pvl-prev-arrow  {
		left: 5px;
	}

	img.pvl-next-arrow  {
		right: 5px;
	}

	.g4 {
		width: 100%;
		margin: 0 0 15px 0;
	}

	.tl-item {
		width: 33.333333%;
	}

	/*.big-previous-grants {
		display: none;
	}

	.small-previous-grants {
		display: block;
	}*/

	.pg-grantee, .pg-year, .pg-issue, .pg-program {
		width: auto;
	}

	.pg-program {
		clear: both;
		float: left;
		padding: 20px 0px 20px;		
	}

	.pg-grantee .pg-wrap, .pg-year .pg-wrap, .pg-issue .pg-wrap, .pg-program .pg-wrap {
		padding:0;
	}

	.pg-grantee .pg-wrap, .pg-year .pg-wrap, .pg-issue .pg-wrap {
		float: left;
		text-transform: none;
		font-size: 17px;
		padding:0;
	}

	.pg-grantee:after, .pg-year:after {
		font-size: 17px;
		float: left;
		content: ",";
	}

	.pg-row {
		position: relative;
		border-bottom: 1px solid #999;
		clear: both;
		max-height: 112px;
		padding-top: 30px;
		}

	.pg-wrap-row-open {
		max-height: 9999px;
		}

	img.grant-expand {
		position: absolute;
		top: 0px;
		right: 8px;
		cursor: pointer;
		}

	.pg-program .pg-wrap-program {
		padding-right: 35px;
	}

	.mobile-white-bottom {
		display: block;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 18px;
		background: #fff;
	}

	.not-on-mob-600 {
		display: none;
	}

	.change-on-mob-600 {
		width: 49.65%;
		margin: 0 0.7% 0 0;
	}

	.change-on-mob-600.righty {
		margin-right: 0;
	}

	.ct-3 {
		width: 100%;
		margin: 0 0 20px 0 !important;
		}

	.ct-3-wrap .ct-3:nth-child(3n+3) {
		margin-right: 0 !important;
		}

	.ct-3-image img {
		width: 100%;
	}

	.blogpost {
		width: 90%;
		}

	.event-pod .grid_6 {
		width: 100%;
		margin: 0;
		}

	.event-pod-social {
		left: 5%;
		}

	.event-pod .grid_6.omega {
		width: 90%;
		margin: 0 5% 0 5%;
		}

	.thehf_video-sizer {
		width:490px;
	}

	.personality-header {
		min-height: 150px;
	}

	.lblock-overlay-rel {
		position: relative;
	}

}

@media only screen and (max-width: 509px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 509px),
only screen and (min-resolution: 192dpi) and (max-width: 509px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 509px) {

	.pg-grantee .pg-wrap, .pg-year .pg-wrap, .pg-issue .pg-wrap {
		float: left;
		text-transform: none;
		font-size: 15px;
		padding:0;
		font-weight: bold;
	}

	.pg-grantee:after, .pg-year:after {
		font-size: 15px;
		float: left;
		content: ",";
		font-weight: bold;
	}

	h1 {
		font-size: 50px;
		line-height: 50px;
		}

	.cwrap70 {
		padding: 0px 15px;
		}

	.fiveohnine-lowfi {
		display: none;
	}

	.fiveohnine-hifi {
		display: block;
	}

	.tb-slider {
		clear: both;
		float: left;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		width: 100%;
		height: 40px;
		background: #575f70;
		overflow: hidden;
		z-index: 150;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.tb-open {
		height: auto;
	}

	.tb-switch {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		width: 100%;
		height: 30px;
		padding: 5px 0;
		text-align: center;
		cursor: pointer;
	}

	.tb-content {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		width: 90%;
		padding: 0 5% 30px;
		height: auto;
		color: #ffffff;
	}

	.tb-open .tb-content {
		right: 0px;
	}
	
	.top-box {
		margin-bottom: 50px;
		}

	.top-box-wrap {
		padding: 30px;
	}

	.top-box h1, .top-box h2 {
		max-width: 100%;
	}

	.tb-cover .hblock-overlay {
		display: none;
	}

	.to2 {
		width: 47%;
		margin: 0 1.5% 15px 1.5%;
	}

	.borderlink.bl172 a.borderlinker {
		height: 80px;
		}

	a.faq-q, a.faq-q:visited {
		font-size: 18px;
		line-height: 18px;
		}

	.faq-a p {
		font-size: 16px;
		line-height: 20px;
	}

	.partner-item {
		width: 49.2%;
	}

	.col .partner-item:nth-child(4n+4) {
		margin-right: 1.6% !important;
	}

	.col .partner-item:nth-child(3n+3) {
		margin-right: 1.6% !important;
	}

	.col .partner-item:nth-child(2n+2) {
		margin-right: 0 !important;
	}

	.form-relative {
		position: relative;
	}

	.thehf_video-sizer {
		width:400px;
	}

	.numbers .bigno {
		font-size: 65px;
		line-height: 60px;
		}

	.numbers span {
		font-size: 18px;
		}

	.projectpost h2 {
		font-size: 24px;
		line-height: 26px;
		}

}



/* iPhone
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px),
only screen and (min-resolution: 192dpi) and (max-width: 480px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 480px) {
	
	.home-image-link .hblock-text {
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		top: 40px;
	}

	.daw-films {
		display: none;
	}

	.tb-cover .hblock-text, .tb-cover .cblock-text {
		font-family: "Source Sans Pro", "HelveticaNeue", Helvetica, Arial, sans-serif;
		font-size: 12px !important;
		line-height: 14px;
		font-weight: 400;
		}

	.mob-lowfi {
		display: none;
	}

	.mob-hifi {
		display: block;
	}

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width:100%;
	}

	.footer-right {
		text-align: left;
	}

	#nav {
		display:none;
		}
  
	#mobilenav {
		display: inline-block !important;
		}
	
	select {
		width:100%;
		margin:0px;
		}

	.top-box h1 {
		font-size: 30px;
		line-height: 36px;
		}

	.home-image-link .hil-text h1 {
		font-size: 24px;
		width: 90%;
		line-height: 24px;
		margin-bottom: 10px;
		}

	.home-image-link .hil-text .hil-subtext {
		font-size: 13px;
		line-height: 18px;
		width: 84%;
		padding: 10px 3%;
		}

	.svl-subtext {
		font-size: 13px;
		line-height: 18px;
		padding: 10px 3%;
		}

	.project-image-link h1, .project-image h1 {
		font-size: 24px;
		width: 90%;
		line-height: 24px;
		margin-bottom: 10px;
		}

	.project-image-link .pil-subtext {
		font-size: 13px;
		line-height: 18px;
		width: 100%;
		}

	.project-image-link .learn-more {
		height: 25px;
		padding: 7px 0px 0px;
		}

	.g5to1 {
		width: 100%;
		margin: 0;
		float: left !important;
	}

	.col .g5to1:nth-child(5) {
		margin: 0 !important;
	}

	.tabber-content h4 {
		font-size: 30px !important;
		line-height: 30px !important;
	}

	.g4 .borderlink a.borderlinker {
		height: 80px;
		}

	.g5er.g-grant {
		width: 100% !important;
		margin: 0 0 1.6% 0 !important;
		}

	.actionform #gform_wrapper_1 {
		width: 300px;
		}

	.actionform > #gform_wrapper_1 > form > .gform_body {
		width: 175px;
		}

	.actionform input[type="text"] {
		width: 175px !important;
		}

	.blog-top h2 {
		padding-top: 200px;
	}

	.blog-top h2 img {
		width: 200px !important;
		height: 200px !important;
		margin: -220px 0px 0px 0px;
		}

	.thehf_video-sizer {
		width:300px;
	}

}