@media only screen and (min-width: 768px) {

.field-s-subsite-hero-banner .hero-banner__inner {
    margin-left: 20px;
    margin-right: 20px;
}

/*Fix for Video Banners on Subsite*/
.stanford-subsite .has-video .hero-banner__inner {
    margin-left: 20px;
    margin-right: 20px;
}

.stanford-subsite .section-callout-filmstrip.header-to-top {
    padding: 1em calc(((50% /12) * 0) + 30px);
}
}




/*DOUBLE FILMSTRIP ON SUBSITE FIX*/

@media only screen and (min-width: 1024px) {
.stanford-subsite .section-double-filmstrip.has-columns .filmstrip__container {
    width: calc(75% - 260px);
    float: left;
    margin-left: 30px;
}
}

/*TALL FILMSTRIP FOR SUBSITE FIX*/

@media only screen and (min-width: 1024px) {
.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(2), 
.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(4), 
.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(6),
.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(6n+2){
    margin-top: -2em !important;
}
.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(1), 
.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(3), 
.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(5),
.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(7),
.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(7n+2){
    margin-top: 0;
}

.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(5n){
    margin-left: 30px;
}

.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(4n) {
    clear: right;
}

.stanford-subsite .section-tall-filmstrip .filmstrip.is-tall .film-card:nth-child(10) {
  clear: none;
}

.stanford-subsite .section-tall-filmstrip  .filmstrip.is-flexible .film-card {
    width: calc(25% - 37.5px);
    float: left;
    margin-left: 30px;
}

}

@media only screen and (max-width: 768px) {
.stanford-subsite .filmstrip.is-flexible .film-card {
    width: calc(50% - 45px) !important;
    float: left;
    margin-left: 30px;
    max-width: none;
}
.stanford-subsite .filmstrip.component-centered-container {
    padding-left: 0;
    padding-right: 0;
}
}