/* this stylesheet contains breakpoints for widths 1439px, 1295px, 1160px & 1025px */

@media screen and (max-width: 1439px)
{
div.featureBox.iconFeatureBox, .featureBox.imageFeatureBox.boxSize {
    height: 390px;
}
    div.boxSize > div.footerSection > div.contentSection {
       /* height: 205px;*/
    padding: 15px;
    height: 190px;
    }
	.ld_hidden
	{
		display: none;
		visibility: hidden;
	}

	.ld_show
	{
		display: inherit;
		visibility: visible;
	}
  
	/* homepage formatting */
	.selectorBoxImage
	{
		background-position: right;
	}

	.infoImage img
	{
		width: 100%;
		height: auto;
	}

	.borderTop
	{
		border-top: 2px solid #efefef;
		margin-right: 20px;
		margin-left: -20px;
	}
  
   
	/* homepage selector boxes */
	#selectorBox1Open, #selectorBox2Open, #selectorBox3Open
	{
		width: 55%;
		float: left;
       
	}

	#selectorBox1Open, #selectorBox2Open, #selectorBox1Closed, #selectorBox2Closed
	{
		margin-right: 14px;
	}
	#selectorBox1Closed, #selectorBox2Closed, #selectorBox3Closed
	{
		width: 20%;
		overflow: hidden;
		border: 1px solid #e3e3e3;
		float: left;
          
	}

	.innerBottom
	{
		padding-top: 20px;
	}

	.selectorBoxLinks a
	{
		line-height: 90%;
	}

	div.selectorContentSection .innerContent
	{
		padding: 20px;
	}


	div.homeInfo
	{
		position: relative;
		width: 47%;
		margin-bottom: 15px;
	}

	div.homeInfo.caseStudy
	{
		display: block;
		height: auto;
		background-color: #ffffff;
		margin-bottom: 14px;
		float: left;
		padding-bottom: 0;
	}

	div.homeInfo.caseStudy.infoLargeFeature
	{
		display: block;
		width: 49%;
		height: 520px;
		margin-right: 20px;
	}

	div.infoImage
	{
		overflow: hidden;
	}

	div.infoImage img
	{
		width: 580px;
		height: 520px;
		float: right;
	}

	div.infoContent
	{
		margin-left: 0;
		width: calc(100% - 40px);
		height: auto;
		left: 0;
        max-height: none;
	}

	.divRight
	{
		width: 55%;
		margin-left: 10px;
	}

	.seeAll
	{
		font-size: 15px;
		padding-top: 3px;
	}

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

	.featureBox.homeFeatureBoxGrey  
	{
		width: 31%;
		margin-right: 2%;
	}

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

	div.iconFeatureBoxDouble
	{
		width: auto;
	}

	.sectionContainer
	{
		padding-left: 20px;
		padding-right: 20px;
	}

	div.sectionContainer.fourItems div.featureBox
	{
		width: 45%;
		margin-right: 2%;
		margin-left: 2%;
		margin-bottom: 4%;
	}

	div.textFeatureBox
	{
		height: 300px;
	}

	div.infoBox
	{
		width: auto;
	}
	/* end homepage formatting */
	div.infoBox.noImage > div.innerContainer
	{
		padding-right: 44px;
	}

	div.featureBox > div.footerSection, div.presentationBox > div.footerSection
	{
		position: relative;
	}

	div.imageFeatureBox.singleBox
	{
		width: 100%;
		max-width: 400px;
	}

	div.videoFeatureBox > iframe
	{
		height: auto;
	}

	div.sampleBox
	{
		width: calc(100% - 60px);
	}
	/* Team Member Box*/
	div.teamMemberBox > div.mainIcon
	{
		width: 23%;
	}

	div.teamMemberBox > div.mainIcon > img
	{
		max-width: 100%;
		max-height: 100%;
	}
	/* End Team Member Box*/
	/* Case study presentation box */
	div.presentationBox.caseStudy
	{
		height: auto;
		width: calc(100% - 20px);
        overflow: hidden;
	}

	div.presentationBox.caseStudy > div.footerSection > div.contentSection
	{
		padding-left: 20px;
		padding-right: 20px;
	}
    
	/* End Case study presentation box */
	/* Form with details box*/
	.sf_cols.tableContainer > div > div > div.formContainer > div
	{
		padding-right: 30px;
	}
	/* End Form with details box*/
	/* Circle numbered list */
	ol.circleOL div.contentSection
	{
		width: auto;
	}
	/* End Circle numbered list */
	/* Tax Calculator */
	div.taxCalculator ul.rateSelectionContainer > li.rateSelectionBox
	{
		width: 30%;
		margin-right: calc(5% - 4px);
	}

	div.taxCalculator ul.rateSelectionContainer > li.rateSelectionBox:last-child
	{
		margin-right: 0px;
	}

	div.taxCalculator.taxCalculator_LoanCalculation ul.rateSelectionContainer > li.rateSelectionBox
	{
		width: 18%;
		margin-right: calc(2% - 3px);
	}
	/* End Tax Calculator */
	div.homeFeatureBoxGrey img.boxImg
	{
		width: 100%;
		margin-bottom: 10px;
	}

	div.twoButtonContainer > a.vs_button, div.twoButtonContainer > a.vs_button:link
	{
		margin-right: 0;
		margin-bottom: 20px;
		width: 105px;
		text-align: center;
		float: right;
	}
	/* Hero Banners (plural) */
	div.heroBanners
	{
		width: 100%;
	}

	ul#HeroBannersList > li.heroBannersListItem > div.heroBannersItem > div.heroBannersItemContent
	{
		width: calc(100% - 540px);
	}

	.DPCSummaryPage .leftColumn
	{
		width: 45%;
	}
}
@media screen and (max-width: 1360px) {
    div.boxSize > div.footerSection > div.contentSection {
    height: 214px;
}
.boxSize div.topSection{
    height: 188.469px;
    }
  div.imageFeatureBox > .topSection > img {
        height: 100%;
    }
    div.textFeatureBox > div.innerContainer > div.footerSection {
        height: 80px;
        display: flex;
    }
      div.textFeatureBox > div.innerContainer > div.footerSection > .contentSection {
          width: 100%;
      }
    #investMenu #VSMegaMenu ul.sectionNav.level1 {
        padding-left: 10px;
    }
    #investMenu #VSMegaMenu ul.sectionNav.level1 > li {
            padding: 21px 21px 22px 21px;
        }
   
}
@media screen and (max-width: 1295px)
{
    /*Security Pages VS Main layout*/
    div.boxBorderPadding  {
    
    min-height: 334px;
  }
    div.boxBorderPadding > p > a.button_SecondaryNarrow {
  	display: flex;
    	
  }
    /* end of Security Pages VS Main layout*/
    .boxSize div.topSection{
    height: 170px;
    }
    div.testimonialContainer > div.messageContainer > p.testifierMessage, h3.testifierMessage {
        font-size: 34px;
    }
    /*3 boxes widget*/
    div.textFeatureBox {
    height: 345px;
}
div.featureBox {
    margin-right: 20px;
    width: calc(45% - 160px);
}
div.textFeatureBox > div.innerContainer > div.footerSection {
    display: flex;
}
div.textFeatureBox > div.innerContainer > div.footerSection > div.contentSection {
    width: 100%;
}
  div.scrollerContainer > div {
         width: 1062px;
}
    div.boxSize {
        width: calc(45% - 160px);
    }
    div.textFeatureBox.textBoxes {
        width: calc(45% - 160px);
    }
    div.textScrollerContainer {
    height: 358px;
    } 
    div.textBoxes {
    height: 345px;
}
   
div.boxSize > div.footerSection > div.contentSection {
   padding: 15px;
   height: 209px;
}
/*3 boxes END*/
/*photo and a text*/
    .sf_cols.sectionContainer {
        padding-left: 80px;
        padding-right: 80px;
    }
 /*END photo and a text*/

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

	.divRight
	{
		float: left;
	}

	div.homeInfo h4
	{
		padding: 15px 0;
	}

	div.vs_searchwidget
	{
		visibility: visible;
		display: block;
		position: absolute;
		margin-top: -90px;
		top: 30px;
		right: 140px;
	}

	.vs_searchwidget .sfsearchBox
	{
		margin-right: 0;
	}
   
	.infoSmallImage img
	{
		width: 200px;
		height: 179px;
		margin: -50px 0 -22px 0;
		float: left;
	}

	.infoSmallImage
	{
		width: 120px;
		height: 129px;
		overflow: hidden;
	}

	.vs_searchwidget .sfsearchBox input[type="text"]
	{
		background-color: #f7f7f7;
	}

	#globalNavBarWrapper.searchBoxMobile.menu-open > .vs_searchwidget .sfsearchBox
	{
		width: 95%;
	}
  
    ul.pagebar > li.tab1, 
    ul.pagebar > li.tab2,
    ul.pagebar > li.tab3 {
    width: calc((100% - 120px) / 3);
    }

    div.sf_cols.whiteSectionContainer.actOn-form {
    margin-left: 40px;
}
    .sf_2cols_2_50.rightTextContent > .sf_2cols_2in_50 {
        padding-left: 20px
    }
    div.presentationBox > img {
    width: auto;
    height: 260px;
}
  
}

@media screen and (max-width: 1160px)
{
    div.boxSize > div.footerSection > div.contentSection {
   padding: 15px;
    height: 212px;
}
    div.scrollerContainer > div {
        width: 980px;
    }
    div.scrollerContainer.mobScroll > div {
    width: 885px;
}
	div.noShrinkCol
	{
		float: none;
		width: 100%;
	}

	div.articlePhotoBox
	{
		background-position: center;
		background-size: cover;
	}

	div.homeInfo.caseStudy.infoLargeFeature ul.caseStudyDetails > li
	{
		margin-top: 35px;
	}
    .featureBox.iconFeatureBox {
        width: calc(47% - 160px);
       /* height: 450px;*/
    }
div.iconFeatureBox p {
    height: 113px;
}
 div.sf_cols.whiteSectionContainer.actOn-form {
    margin-left: 40px;
}

    a.donateNowTop {
        margin-right: 30px;
    }
    a.vs_link.vs_registerButton {
        margin-left: 30px;
        padding: 9px 30px;
    }
    }

@media screen and (max-width: 1025px)
{
	.smallFeature
	{
		margin-left: 0;
	}

	.sf_colsIn.sf_2cols_1in_50 > div.presentationBox.caseStudy
	{
		width: calc(50% - 12px);
	}
	.borderTop
	{
		border-top: 2px solid #efefef;
		margin-right: 12px;
		margin-left: -10px;
	}
    .featureBox.iconFeatureBox {
        width: calc(50% - 160px);
    }

    a.vs_link.vs_registerButton {
        margin-left: 25px;
        padding: 9px 20px;
    }
}