@media screen and (max-width: 767px)
{
	/* homepage formatting */

	.selectorBox
	{
		margin-right: 0;
		float: none;
	}

	/* homepage selector boxes */
	#selectorBox1Open, #selectorBox2Open, #selectorBox3Open
	{
		width: 100%;
		height: 670px;
		overflow: hidden;
	}

	#selectorBox1Closed, #selectorBox2Closed, #selectorBox3Closed
	{
		width: 100%;
		height: 220px;
		overflow: hidden;
		border: 1px solid #e3e3e3;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div.selectorContentSection .innerContent
	{
		padding: 20px;
		z-index: 99;
	}

	div.innerTop > a.vs_button, div.innerTop > a.vs_button:link
	{
		float: none;
		margin-right: 0px;
		padding: 10px 20px;
		margin-top: 20px;
	}

	.selectorBoxImage
	{
		height: 670px;
         background-position: right;
		position: relative;
		top: -33px;
	}

	.icon-Open
	{
		background-size: 50px;
		float: right;
		position: relative;
	}

	div.selectorContentSection .innerHeader
	{
		padding-top: 35px;
	}

	div.innerContent > .innerTop
	{
		height: 420px;
	}

	div.innerContent > .innerBottom
	{
		margin-top: 10px;
		padding-top: 0;
	}

	div.selectorContentSection > .selectorClosed > div.selectorContentSection .innerHeader
	{
		margin-top: 0;
	}

	.mobileWideButton
	{
		width: 90% !important;
		text-align: center;
		float: left !important;
		margin-bottom: 20px;
	}

	div.homeInfo.caseStudy
	{
		width: 100%;
	}

	div.homeInfo.caseStudy.contentSection
	{
		margin: 0 20px;
	}

	div.featureContent > a > div.infoContent
	{
		width: 100%;
		float: left;
		margin-left: 0;
		padding: 0;
	}

	div.featureContent > a > div.infoContent > div.contentSection
	{
		padding: 30px 10px 15px 17px;
		width: 100%;
		height: auto;
	}

	div.homeInfo > a > div.infoContent > div.contentSection
	{
		padding: 30px 10px 15px 17px;
		width: 100%;
		height: auto;
	}

	div.homeInfo > a > div.infoContent > div.contentSection h3
	{
		padding: 0 15px 40px 0;
	}

	div.homeInfo > a > div.infoContent > div.contentSection p
	{
		font-size: 16px;
		line-height: 24px;
	}
 
	div.homeInfo.caseStudy.infoLargeFeature
	{
		width: 100%;
		height: auto;
		padding-bottom: 0;
	}

	div.homeInfo.caseStudy.infoLargeFeature ul.caseStudyDetails > li
	{
		margin-top: 15px;
	}

	div.homeInfo.caseStudy.smallFeature
	{
		padding-bottom: 0;
		margin-left: 0;
	}

	div.infoImage
	{
		top: 50px;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 5;
		max-width: 100%;
		overflow: hidden;
		background-repeat: no-repeat;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	div.infoImage img
	{
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	div.divRight
	{
		width: 65%;
		margin-left: 10px;
		float: left;
	}

	div.homeInfo h4
	{
		height: 30px;
		font-size: 15px;
	}

	ul.caseStudyDetails > li
	{
		font-size: 14px;
	}
}

@media screen and (max-width: 767px),
/* iphone 4 portrait */
only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* iphone 5 portrait */
only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* iphone 6 portrait */
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* iphone 6+ portrait */
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait),
/* ipad 1 & 2 portrait */
only screen and (min-device-width: 768px) and (max-device-width: 990px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
/* ipad 3 & 4 portrait */
only screen and (min-device-width: 768px) and (max-device-width: 990px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* Galaxy S3 portrait */
screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait),
/* Galaxy S4 portrait */
screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait),
/* Galaxy S5 portrait */
screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)
{
	.sm_hidden, 
    div.fundItemBox > div.innerContent > div.mainIcon
	{
		display: none;
		visibility: hidden;
	}

    div.fundItemBox h3 {
        max-width: 95%;
    }

	.sm_show
	{
		display: inherit;
		visibility: visible;
	}

	#globalContainer, 
    div.heroBanner
	{
		width: 100%;
	}

	div.sectionContainer.fourItems div.iconFeatureBox, div.iconFeatureBox, div.iconFeatureBox.lastItem, div.iconFeatureBox.lastItem, div.featureBox.wideBox, div.featureBox.wideBox.lastItem
	{
		width: 100%;
	}

	div.featureBox.wideBox, div.featureBox.wideBox.lastItem
	{
		width: 100%;
		height: auto;
	}

	div.iconFeatureBox
	{
		width: 100%;
	}

	div.iconFeatureBox > div.innerContainer
	{
		width: 90%;
	}

	div.sectionContainer.fourItems div.iconFeatureBox
	{
		height: auto;
	}

	div.sectionContainer.fourItems div.iconFeatureBox > div.innerContainer > div.headerSection
	{
		height: auto;
	}

	div.sectionContainer.fourItems div.iconFeatureBox > div.innerContainer > p
	{
		height: auto;
	}

	div.vs_mobileLoginPopupContentDiv.open
	{
		width: 100%;
	}

	div.heroBanner > div.heroContent > div.innerContent > div.innerHeader
	{
		padding-right: 0;
	}

	.shareOptionLinks
	{
		width: 20%;
		float: left;
	}

	.ShortCutsList ul
	{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

	#mastheadInspire
	{
		padding-left: 20px;
		padding-right: 0;
		margin-bottom: 50px;
	}

	/*.donateNowTop
	{
		display: none;
		visibility: hidden;
	}*/

	.donateNowMobile
	{
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#companyLogo
	{
		padding-left: 20px;
		margin: 10px 0;
	}

	.vs_loginNav.open
	{
		width: 100%;
	}

	.fundItemTitle
	{
		width: 100%;
	}

	div.blogSummary
	{
		width: 85%;
	}

	.sf_2cols_1_25, .sf_2cols_2_75
	{
		width: 100% !important;
	}

	div.articlePhotoBox
	{
		height: 350px;
		bottom: 10px;
		background-size: 100%;
	}

	div.articlePhotoBox > div.footerSection
	{
		bottom: -20px;
		width: 100%;
	}

	div.articlePhotoBox > div.footerSection.white
	{
		width: 100%;
	}

	.sf_2cols_2_75.rightTextContent > .sf_2cols_2in_75
	{
		padding-left: 0;
	}

	div.articleSummary
	{
		width: 100%;
	}

	div.articleSummaryImage
	{
		max-width: 100%;
		margin-right: 0;
	}

	.paddingRight20
	{
		padding-right: 0;
	}

	.paddingRight40
	{
		padding-right: 0;
	}

	div.infoBox > div.innerContainer
	{
		padding: 30px 80px 30px 0;
	}

	.sf_cols.tableContainer > div > div > div.cellContainer
	{
		display: block;
		width: 100%;
		margin: 0 auto 20px auto;
	}

	div.infoBox
	{
		width: auto;
		padding: 0 20px;
	}

	div.twoButtonContainer
	{
		float: right;
		padding-bottom: 20px;
		margin-top: 0;
		width: 25%;
		margin-right: 50px;
	}

	a.vs_button.rightActionButton, a.vs_link.rightActionButton, a.vs_toggle_link.rightActionButton, a.button_Secondary.rightActionButton, a.button_SecondaryNarrow.rightActionButton, a.button.vs_roundCornerButton.rightActionButton
	{
		float: right;
		text-align: center;
		visibility: visible;
		display: block;
	}

	.homeContact
	{
		width: 60%;
		float: left;
	}

	.mobileWideButton
	{
		width: 90% !important;
		text-align: center;
		float: left !important;
		margin-bottom: 20px;
	}

	.mobileMedButton
	{
		width: 90% !important;
		text-align: center;
		float: left !important;
		padding: 10px 15px;
	}


     

	/* Hero Banners (plural) */
	div.heroBanners
	{
		width: 100%;
	}

	div.heroBanners div.externalNavBar
	{
		width: 32%;
	}
    div.heroBanners a.actionButton {
    display: inline-block;
}
   

	/* end Hero Banners (plural) */

	.sf_cols .whiteSectionContainer
	{
		width: 90%;
	}

	.sfsearchResultsWrp.sfsearchReultTitleSnippetUrl dd
	{
		margin: 0 0 .5em 0;
		width: 100%;
		padding: 20px 0 10px 0;
	}

	#globalNavBarWrapper.searchBoxMobile.menu-open > div.vs_searchwidget
	{
		width: 95%;
	}

	div.onlyBigTablet
	{
		display: none;
	}

	div.bigTabletOptional
	{
		display: block;
	}
	/* Trust Hero banner */
	div.heroBanner.heroBannerTrust > div.heroContent
	{
		width: 100%;
		margin-left: auto;
	}

	div.heroBanner.heroBannerTrust > div.heroContent > div.innerContent > div.innerBody h4
	{
		width: calc(100% - 160px);
	}
	/* End Trust Hero banner */
	/*DPC*/
	.DPCSummaryPage .leftColumn, .DPCSummaryPage .rightColumn
	{
		float: none;
		width: unset;
	}

	.DPCDonationsDashboard .list-container .window-list
	{
		min-width: 180px;
	}

	.DPCAccountOverview.horizontalFlow > .mediumContainer > .content-container > div
	{
		max-width: none;
		width: 48%;
	}

	.DPCAccountOverview.horizontalFlow > .mediumContainer > .content-container > div:nth-child(2)
	{
		order: 2;
	}

	.DPCAccountOverview.horizontalFlow > .mediumContainer > .content-container > div:nth-child(3)
	{
		order: 1;
	}

	.DPCAccountOverview.horizontalFlow > .mediumContainer > .content-container > div:nth-child(4)
	{
		order: 3;
	}
	.DPCAccountOverview.transactions .mediumContainer
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.DPCAccountOverview.transactions .mediumContainer .linkBox
	{
		margin-bottom: 15px;
	}
	
	.DPCAccountOverview.transactions .smallContainer
	{
		width: 100%;
	}

       /* investment popup*/

 .invest_popup > div {
    width: 80%;
    padding: 20px;
}

.invest_popup_backButton {
    float: left
    }

.invest_popup_closeButton {
    padding: 8px 15px 12px;
    margin: 30px auto 0 auto;
    float: none;
    height: 20px;
    vertical-align: middle;
}

	/*END DPC*/
}
/* ipad 1 & 2 portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 990px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
/* ipad 3 & 4 portrait */
only screen and (min-device-width: 768px) and (max-device-width: 990px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)
{
	div.heroBanner.heroBannerTrust > div.heroContent
	{
		margin-left: 20px;
		width: calc(100% - 40px);
	}

	.DPCSummaryPage .leftColumn
	{
		float: left;
		width: 45%;
	}

	.DPCSummaryPage .rightColumn
	{
		float: right;
		width: 50%;
	}

  
}