@media all and (max-width: 1310px) {
	#mainNav ul li a { padding: 14px 17px 15px; }
}

@media all and (max-width: 1150px) {
	#header { position: relative; }
		#header #involveNav { display: none; }
		#header .btnMobileNav { display: block; height: 100%; width: 85px; right: 0px; top: 0px; position: absolute; border-left: 1px solid #e1e1e1; background-size: 85px 85px; background-image: url(../_images/btn-mobile-nav.gif); }

	#mainNav { position: static; height: 0px; background-color: #414244; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; overflow: hidden; width: 100%;  }
		#mainNav .inner { min-width: 0px; width: 100% !important;  }
		#mainNav.open { height: 278px; }
		#mainNav ul { padding: 0px; width: 100%;  }

	#mainNav #btnSearch { display: none; }
	#mainNav #searchHolder { position: absolute; width: 100%; background-color: #2e2f30; height: 45px; padding: 10px 0 5px; bottom: 0px; left: 0px; right: auto; top: auto; opacity: 1; visibility: visible; }
	#mainNav #searchHolder form { width: 250px; height: 38px;  margin: 0px auto; position: relative; }
		#mainNav #searchHolder form input.form-text { border: none; }
		#mainNav #searchHolder form input.form-submit { border: none; height: 38px; }
		
	#mainNav ul li { float: left; display: inline; width: 50%; text-align: center; padding: 0px; }
		#mainNav ul li a { display: block; color: #fff; padding: 10px 0; font-size: 12px; }
	#mainNav ul li ul { display: none; }
	
	#mainNav ul li.about, #mainNav ul li.events { float: left; }
		#mainNav ul li.about a, #mainNav ul li.events a { font-weight: 900; }

	#mainNav #involveNavMobile { display: block; position: absolute; bottom: 80px; height: 37px; width: 100%; }
		#mainNav #involveNavMobile ul {  }
		#mainNav #involveNavMobile ul li { float: right; }
			#mainNav #involveNavMobile ul li a { display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; padding: 11px 18px; }
				#mainNav #involveNavMobile ul li:hover a { color: #fff; }
				#mainNav #involveNavMobile ul li a:hover { background-color: inherit; color: #fff; }
			#mainNav #involveNavMobile ul li.donate a { background-color: #E08C39; }
			#mainNav #involveNavMobile ul li.getinvolved a { background-color: #92985F; }
	
	#header #involveNav { display: none; }
	
		#page.donation #main, #page.checkout #main {margin-top:0}
		#page.donation #content, #page.checkout #content { margin-top: 24px; }
	
	.inner, .view-corporate-sponsors, #content .view-id-homepage_latest .view-content { width: 90% !important; margin: 0 auto !important; }	
	#main .panels-flexible-row-inside { width: 90%; padding: 0px 5%; }
	#block-views-wildlife-programs-list-block { width: 90%; padding: 0px 5%; }
	#block-views-wildlife-resurgence-funds-list-block { width: 90%; padding: 0px 5%; }
	.page-node-94 .region-content { width: 90%; margin: 0 auto;  }

	#page .region-headline .slide .slideText { width: 70%; left: 15%; }
	body.section-eoyfc #page .region-headline .slide .slideText { width: 100%; }
	#page .region-headline .slide .slideText h1 { font-size: 36px; margin-bottom: 15px; line-height: 42px; white-space: normal; text-align: center; }

	.front #page .region-headline .slide .slideText { padding-top: 0px; width: 70%; left: 15%; }
	.front #page .region-headline .slide .slideText h1 { font-size: 36px; margin-bottom: 15px; line-height: 42px; white-space: normal; text-align: center; }

	#page .region-headline .slide.overlayed .slideText { width: 90% !important; left: 5%; }
	#page .region-headline .slide.overlayed .slideText h1 { font-size: 28px; margin-bottom: 15px; line-height: 34px; }
	#page .region-headline .slide.overlayed .slideText h2 { font-size: 22px; margin-bottom: 10px; line-height: 30px; }
	#page .region-headline .slide.overlayed .slideText p { font-size: 18px; margin-bottom: 10px; line-height: 24px; }

	.page-node-94 .region-content { width: 90%; margin: 0 auto; }
	.page-node-94 #block-system-main .fieldSection .inner { width: auto !important; }
	#page form input.form-text { width: 90%;  }
	#page form .chosen-container { width: 90% !important; min-width: 300px; }
	#page form select { width: 90% !important;  }

	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { height: 40px; width: 40px; }

	.front #page .pageQuote p, #page .pageQuote p { font-size: 26px; line-height: 32px; }

	#header .inner { min-width: 300px; }

	#page { padding: 0; }

	#page #main .fieldSection { padding: 35px 0 30px; }

	.templateRow { min-height: 0px; }

	#footer { height: 350px; }

	#footer #involve .inner { background-position: top center;  }  
	#footer #involve #newsletter { display: none; }
	#footer #involve p.support { display: none; }
	#footer #involve a.donateButton { left: 50%; margin-left: -87px;  }

	#footer ul { display: none; }
	#footer ul.creditsNav { display: block; width: 90%; top: 100px; padding-top: 55px; padding-left: 8%; }
	#footer ul.socialNav { display: block; width: auto; top: 36px; left: 12%; right: auto; }
	#footer ul.auxNav { display: block; width: auto; top: 36px; right: 12%; left: auto; }
	#footer a.charityNav { position: absolute; right: 12%; top: 140px; height: 55px; width: 195px; display: block; background-image: url(../_images/bg-charity-nav-mobile.jpg); background-size: cover;} 
	#footer .cnText { display: none; }
	#page.checkout .slide {margin-top:0;}

	body.page-node-378 #STE-logo, body.page-node-378 #WCN-logo {float:none; text-align:center;}
}

@media all and (max-width: 1000px) {
	.floated-div {width:100%!important;float:none!important}
		
	#headerSpace { height: 0px; }

	#mainNav-spacer {height: 20px;}

#newsletter-thankyou { margin-top:0 }
	#page .region-headline { background-color: #666; height: 520px; overflow: hidden; position: relative; }
		#page .region-headline, #page .region-headline .slide { height: 400px; } 

		#page #main .fieldSection.white .pageQuote.border { padding-bottom: 40px; }
		.templateRow.wideRow { padding-bottom: 25px; }

	.page-node-26 #page .region-headline, .page-node-26 #page .region-headline .leaflet-container { height: 520px; margin-top: 0px; }
	
	#page .region-headline .slide .slideText { padding-top: 0px; }

	.front #page .region-headline, .front #page .region-headline .slide { height: 520px; }
		.front #page .region-headline .slide .slideText { bottom: 0px; padding: 15px 0; margin-top: 0px !important; background-color: rgba(0, 0, 0, 0.5); top: auto; width: 100%; left: 0%; }
		.front #page .region-headline .slide .slideText h1 { /* font-size: 28px; margin-bottom: 15px; line-height: 36px; */ background-color: transparent; margin: 0 auto; float: none; }
		
		.front #page .region-headline:hover .slide .slideText h1 { background-color: transparent; }
		.front #page .region-headline .slide .slideText:hover { background-color: #000; }

		.section-wildlife-programs #page .region-headline .slide .slideText { bottom: 0px; padding: 15px 0; margin-top: 0px !important; background-color: rgba(0, 0, 0, 0.5); top: auto; width: 100%; left: 0%; }
		.section-wildlife-programs #page .region-headline .slide .slideText h1 { /* font-size: 28px; margin-bottom: 15px; line-height: 36px; */ background-color: transparent; margin: 0 auto; float: none; }
			#page .region-headline .slide .slideText h2 { font-size: 22px; margin-bottom: 10px; line-height: 30px; float: none; background-color: transparent; text-align: center; }

		.flex-direction-nav { display: none; }
		.flex-control-nav { top: 30px; bottom: auto; }
		.region-headline:hover .flex-control-nav { top: 30px; bottom: auto; }

	#page { min-height: 300px; padding: 0px 0px 0px; width: 100%; }
	
	.view-wildlife-programs-list .views-row { width: 46%; margin: 2%; }
	.view-wildlife-programs-list .views-row.over img, .view-wildlife-programs-homepage-list .views-row.over img { transform: scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); }
	
	.view-wildlife-resurgence-funds-list .views-row { width: 46%; margin: 2%; }
	.view-wildlife-resurgence-funds-list .views-row.over img { transform: scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); }

	.videoWrapper {width:100%!important; padding-bottom:56.25%!important;}
	.node-wildlife-program .videoWrapper {margin:0;}
	#content .view-updates-list .view-filters { position: static;  }
	#content .view-updates-list .view-filters .views-exposed-form .views-exposed-widget { float: none; width: 100%; padding: 0px;  }
	#content .view-updates-list .view-filters .views-exposed-form .views-exposed-widget .description { display: none; }
	
	.page-node-94 #block-system-main { float: none; width: 100%; display: block; } 
	.page-node-94 #block-webform-client-block-105 { float: none; width: 90%; display: block; margin-top: 20px; padding: 5%; }
	
		#content .donationModelLower .templateRow .triCol { width: 23%; padding: 0 5%; } 
		#content .donationModelLower .templateRow .triCol h3 { font-size: 25px;  }
		
	#content .pageQuote .ticker h3 { font-size: 70px; line-height: 70px; }
		#content .pageQuote .ticker p { font-size: 18px; line-height: 22px; }
		#content .pageQuote .tickerSep { background-size: 90% auto; margin-top: 15px;  }
		#content .pageQuote .ticker sup { font-size: 44px; line-height:44px; }
	
	#content ul.arrows li a { background-image: none !important; padding-right: 0px;  }
	#content ul.arrows li a:hover { margin: 0px; padding: 3px 0px 5px; }

	.wpHelp .twoColLeft { width: 60%; padding-right: 0px; }	
	.wpHelp .twoColRight { padding-left: 0px; }
	
	#main #checkoutLeftCol { width: 100%; float: none; display: block; }
	#main #checkoutRightCol { width: 100%; float: none; display: block; }

	#content .node-event .LeftCol, #content .node-event .RightCol {width:100%!important; float:none!important;}
		
	#footer ul.creditsNav { display: block; width: 90%; top: 100px; padding-top: 55px; padding-left: 3%; }
	#footer ul.socialNav { display: block; width: auto; top: 36px; left: 6%; right: auto; }
	#footer ul.auxNav { display: block; width: auto; top: 36px; right: 6%; left: auto; }
	#footer a.charityNav { position: absolute; right: 6%; top: 140px; height: 55px; width: 195px; display: block; background-image: url(../_images/bg-charity-nav-mobile.jpg); } 
	
	/* EDITOR */
	body > div#page > div.tabs { top: 98px; }
}

@media all and (max-width: 675px) {
	#header { height: 62px; }
	body.section-eoyfc div#headerDonate {top:9px;}
	body.section-eoyfc div#headerDonate a {padding:.75em 1.25em; font-size:10px; }
		#header .btnMobileNav { width: 62px; background-size: 62px 62px; }
	body.section-eoyfc .quote_author_image {float:none; margin-left:0; text-align: center; display:block;}
	body.section-eoyfc #page p.photo-credit {text-align: center; padding-bottom: 1.5em;}
	body.section-eoyfc div#footer td.leftCell {display:none}
	body.section-eoyfc div#footer td.middleCell, body.section-eoyfc div#footer td.rightCell {width:50%}
	
	#header #logo { left: 5%; top: 8px; height: 46px; width: 175px; }
	#header #logo a { height: 46px; width: 175px; display: block; background-size: 175px 46px; }
		#header #logo img { height: 46px; width: 175px; }
	.floatLeft, .floatRight {width:100%; margin-top:2em;text-align:center}
	#page .region-headline { background-color: #414244; height: 320px; overflow: hidden; position: relative; }
	#page .region-headline, #page .region-headline .slide { height: 350px; } 
	.front #page .region-headline, .front #page .region-headline .slide { height: 350px; }
	.page-node-26 #page .region-headline, .page-node-26 #page .region-headline .leaflet-container { display: none; }

	.section-wildlife-programs #page .region-headline, .section-wildlife-programs #page .region-headline .slide { height: 250px; }

	#page .region-headline .slide .slideText { padding-top: 0px; }
	#page .region-headline .slide.overlayed .slideText h1 { font-size: 22px; margin-bottom: 15px; line-height: 28px; }
	#page .region-headline .slide .slideText h1 { font-size: 28px; margin-bottom: 15px; line-height: 36px; }
	#page .region-headline .slide.overlayed .slideText h2 { font-size: 18px; margin-bottom: 10px; line-height: 24px; }
	#page .region-headline .slide.overlayed .slideText p { font-size: 16px; margin-bottom: 10px; line-height: 22px; }
	
		.front #page .region-headline .slide .slideText { bottom: 0px; margin-top: 0px !important; background-color: rgba(0, 0, 0, 0.5); }
		.front #page .region-headline .slide .slideText h1 { background-color: transparent; float: none; font-size: 28px; line-height: 30px; margin: 0 auto; }

		.section-wildlife-programs #page .region-headline .slide .slideText { bottom: 0px; margin-top: 0px !important; background-color: rgba(0, 0, 0, 0.5); }
		.section-wildlife-programs #page .region-headline .slide .slideText h1 { background-color: transparent; float: none; font-size: 28px; line-height: 30px; margin: 0 auto; }

	#page .region-headline .slideText .templateRow .triCol { width: 90%; padding: 0px; float: none; display: block; margin: 30px 5%; }
		.page-node-54 #page .region-headline .slide { height: auto; background-image:  none !important;  }
			.page-node-54 #page .region-headline .slide .slideText { position: static; margin-top: 0px !important; width: 100%; }
			.page-node-54 #page .region-headline .slide .bgo { display: none; }
		.page-node-54 #page .region-headline { height: auto; }

		#page .region-headline .slideText .templateRow .triCol #newsletterGetInvolved { width: 250px; margin: 0 auto; }  

	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { height: 30px; width: 30px; }

	.templateRow.wideRow { padding-bottom: 15px; }
	.templateRow .triCol, #content .view-id-homepage_latest .triCol { padding: 0px; width: 100%; float: none; margin-bottom: 35px; display: block; }
	
	.twoColRight { float: none !important; width: 100% !important; padding: 0px !important; margin: 0px !important;  display: block; }
		.section-wildlife-programs .imgCol .bioPicHolder { margin-bottom: 10px; }
		
		.section-wildlife-programs .twoColRight .mapHolder #leaflet-map { height: 200px !important; }
		
	.twoColLeft { float: none; width: 100% !important; padding: 0px; display: block; }
	body.section-eoyfc .charityLeft, body.section-eoyfc .charityRight { float: none; width: 100% !important; padding: 0px; display: block; position:initial; }
		#page .node-update .twoColLeft { border-bottom: 1px solid #D8D8D2; padding-bottom: 20px; margin-bottom: 30px; border-right: none; }
		#page .node-event .twoColLeft { border-bottom: 1px solid #D8D8D2; padding-bottom: 20px; margin-bottom: 30px;  border-right: none; }

		#page .generous-supporters tr, #page .generous-supporters td, #exhibitors tr, #exhibitors td { display:block!important; width:100%!important }
		#page .generous-supporters .responsive-spacer {display:none}
		
	.imgCol, .textCol, .imgHolder, .textHolder, .view-corporate-sponsors .textContainer  { clear: left !important; padding: 0px !important; width: 100% !important; height: auto !important;  }
	.imgCol img, .imgHolder img, .view-corporate-sponsors .imgContainer { margin: 0 auto 10px; width: 100% }
	.bioPicHolder img {max-width: none!important}
    img.circle {width:initial!important}
	#content .donationModelLower .templateRow { background-image: none; }
	#content .donationModelLower .templateRow .triCol { float: none; width: 100%; padding: 0px; text-align: center; margin-bottom: 15px; } 
		#content .donationModelLower .templateRow .triCol img { width: 50%; }  
		#content .donationModelLower .templateRow .colSep { display: block; width: 100%; height: 66px; background: transparent url(../_images/bg-col-plus.gif) center center no-repeat; margin-bottom: 15px; }

	#content .donationModelLower .templateRow .triCol h3 { font-size: 25px;  }

	#content .donationModelLower p.bigImpact a.greenOutline { display: block; margin: 10px 40px; }

	#content .pageQuote .ticker { float: none; width: 100%; margin-bottom: 15px; display: block; }
	#content .pageQuote .ticker h3 { font-size: 64px; line-height: 64px; }
		#content .pageQuote .ticker sup { font-size: 36px; line-height:36px; }
		#content .pageQuote .ticker p { font-size: 14px; line-height: 18px; }
		#content .pageQuote .tickerSep { display: none;  }

		.view-scholars-list .views-row { float: none; width: 100%; margin: 0 0 50px; display: block; height: auto;}

	.wpHelp .twoColLeft { width: 100%; }	
	.wpHelp .twoColRight { width: 100%; padding: 0px; }
	
	.wpHelp .helpRow .imgCol { width: 100%; display: block; margin: 0px; text-align: center; }	
	.wpHelp .helpRow .textCol { text-align: center; }	

	.scholarsOld .scholarsHolder .scholarsRow p { width: 45%; margin-right: 5%; float: left; display: inline-block; height: 100px; }

	#page.donation form.commerce-add-to-cart { width: 100%; position: static; }
	#page.donation .region-content article .field-name-field-donation { width: 100%;  }

	#page.donation .commerce-product-field-field-program-image { display: none; }
		#page.donation .commerce-product-field-field-program-image img { width: 100%; height: auto; }

	#page.donation .region-content article .commerce-product-extra-field-title { display: none; }
	#page.donation .region-content article .commerce-product-field-field-program-donation-name { display: none; }
	#page.donation .region-content table td.views-field-field-program-image { display: none; }
	#page.donation .region-content #views-form-commerce-cart-block-default table tr td { padding-left: 0px; font-size: 14px; line-height: 18px; }

	#views-form-commerce-cart-block-default table tr td.views-field-commerce-total span { padding: 30px 15px 30px 15px; color: #414244; font-size: 14px; }	
	#views-form-commerce-cart-block-default table tr td.views-field-edit-delete input { font-size: 10px; margin: 0 5px; }

	#page.checkout .region-content article .commerce-product-extra-field-title { display: none; }
	#page.checkout .region-content article .commerce-product-field-field-program-donation-name { display: none; }
	#page.checkout .region-content table td.views-field-field-program-image { padding-right: 5px; }
	#page.checkout .region-content .view-commerce-cart-summary table tr td { padding-left: 0px; font-size: 14px; line-height: 18px; }

	#commerce-checkout-form-checkout .cart_contents table tr td.views-field-commerce-total span { padding: 20px 15px 20px 15px; margin: 10px 0; color: #414244; font-size: 14px; }	
	#commerce-checkout-form-checkout .cart_contents table tr td.views-field-edit-delete input { font-size: 10px; margin: 0 5px; }
	#commerce-checkout-form-checkout .form-item-donation-details-custom-recurring .form-item { width: 100%; float: none; display: block; margin: 5px 0; }

	.commerce-order-handler-area-order-total .commerce-price-formatted-components { width: 75%; }

	#footer .inner { text-align: center; }
	#footer .mobileHolder { border-bottom: 1px solid #232324; height: 80px; text-align: center; }
	#footer ul.creditsNav { width: auto; display: inline-block; padding-top: 30px; padding-left: 0px; border-top: none; position: static; }
		#footer ul.creditsNav li { width: auto; margin: 0 20px; }
			#footer ul.creditsNav li a { font-size: 12px; }
	#footer ul.socialNav { top: 26px; left: 50%; right: auto; margin-left: -80px; }
	#footer ul.auxNav { display: none; }
	#footer a.charityNav { left: auto; left: 50%; margin-left: -97px; top: 155px; } 
	#main #checkoutLeftCol  .checkoutCharity {width:calc(100% - 24px); float:none!important; margin-top: 24px;}
	body.section-eoyfc .twoColLeft, body.section-eoyfc .twoColRight { width:100%; float:none }
	
	.triColImg {width:100%; margin:8px 0;}
	
/* End Of Year Fundraising Campaign EOYFC */
	body.section-welcome div#headerDonate { right: 1em; top: 0.7em;}
	body.section-welcome div#headerDonate a.orangeBox {padding:1em;}
	body.section-welcome #footer .leftCell {display:none;}
	body.section-welcome #footer .middleCell { position:relative; left: -16px; }
	body.section-welcome #mc_embed_signup_scroll {width:100%}
	body.section-welcome #mc_embed_signup {width:100%}
	body.section-welcome input#mce-EMAIL { width: calc(100% - 125px); }

	/* EDITOR */
	body > div#page > div.tabs { top: 76px; }

	body.page-node-378 #STE-logo {float:left;}
	body.page-node-378 #WCN-logo {float:right;}
}

@media all and (max-width: 565px) {
	#page #main div#promo-banner p.highlight {font-size:1.35em;}
	.view-wildlife-programs-list .views-row { width: 100%; margin: 20px 0; }
		#content .view-wildlife-programs-list .views-row h4 { height: auto; }
	.view-wildlife-resurgence-funds-list .views-row { width: 100%; margin: 20px 0; }
		#content .view-wildlife-resurgence-funds-list .views-row h4 { height: auto; }

	.page-node-25 #page .region-headline .slide.overlayed .slideText h1 { font-size: 18px; margin-bottom: 10px; line-height: 26px; } 
	.page-node-25 #page .region-headline .slide.overlayed .slideText p {font-size: 14px; line-height: 20px;  margin-bottom: 25px;  }
		.scholarsOld .scholarsHolder .scholarsRow p { width: 100%; margin-right: 0%; float: none; display: inline-block; height: auto; }

body.page-node-378 #STE-logo, body.page-node-378 #WCN-logo {float:none; text-align:center;}
}

@media all and (max-width: 399px) {
	#mainNav.open { height: 298px; }
	
	#views-form-commerce-cart-block-default table tr td.views-field-edit-delete input {position:absolute; right:2px; margin-top:27px;margin-right:8%}
}

@media all and (max-width: 320px) {
	#views-form-commerce-cart-block-default table tr td.views-field-edit-delete input {right:0; margin-right:6%}
}