.sectionfeature {
  background-color: rgba(255, 255, 255, 0);
  height: 700px;
  width: 100%;
  margin-top: 33px;
  position: relative;
}
/*used when the feature div is the last element before the footer*/
.sectionfeature.abovefooter {
    padding-bottom: 60px;
}
.sectionfeature .herobanners {
  
  background-color: #F6F6F6;
  margin-bottom: 0;
  position: relative;
  
  height: auto;
  flex-shrink: 1;
  flex-grow: 1;
}

/*banner options override*/
.sectionfeature .bannerarrow.arrowleft .arrow {
  background-image: url(../graphics/gray-arrow-lt.svg);
}
.sectionfeature .bannerarrow.arrowright .arrow {
    background-image: url(../graphics/gray-arrow-rt.svg);
}
.sectionfeature .herobanners .billboards-container .billboarditem {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.sectionfeature .herobanners.nopadding .billboards-container .billboarditem {
  padding: 0;
}


@media screen and (min-height: 1600px) {
    .sectionfeature {
        height: 990px;
    }      
}


@media screen and (max-width: 991px) {
    .sectionfeature {
        margin-top:25px;
    }
    
}
@media screen and (max-width: 768px) {
    .sectionfeature {
        height: 500px;
    }
}

@media screen and (max-width: 640px) {
    .sectionfeature.abovefooter {
      padding-bottom: 35px;
    }
}