

@media screen and (max-width:415px){
.c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
    padding-bottom: 0% !important;
 }
.custVidHeroCopy .m-hero-item>div {
    height: 400px !important;
  }
}

@media only screen and (min-width: 415px) and (max-width: 580px) {
.custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
    height: calc(150px + 15vw) !important;
}
}


@media only screen and (max-width: 415px)  {
.c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
    padding-top: 25% !important;
}
}

/* VIDEO HERO */

@media only screen and (max-width: 768px) {
.custVidHeroCopy .m-hero-item>div {
    height: 102vw !important;
}
}


@media only screen and (min-width: 768px) and (max-width: 1083px) {
.custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
    height: calc(500px + 10vw);
    margin-top:-5% !important;
 }
.custVidHeroCopy section.m-hero-item.glp-hero.mobile-480 {
    height: calc(200px + 30vw);
 }
}


@media screen and (min-width:768px) and (max-width:1083px) {
    .custVidHeroCopy. m-hero-item .high-contrast.opacity75 {
        background-color: rgba(0, 0, 0, 0.7) !important;
        padding-bottom: 48px !important;
    }
}

.custVidHero .m-ambient-video div button {
    z-index: 10;
}

@media screen and (min-width:1084px) {
    .custVidHeroCopy {
        transform: translateY(-56vw);
        background-color: transparent !important;
    }

    .custVidHeroCopy .m-hero-item {
        position: absolute;
        background-color: transparent !important;
    }
}

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

    .custVidHeroCopy section.m-hero-item.glp-hero>div>div.high-contrast {
        top: 0 !important;
        padding-bottom: 0px !important;
    }

}

@media screen and (max-width: 859px) {
    .custVidHeroCopy .m-hero-item.glp-hero.f-transparent.f-precise-click {
        margin-top: inherit;
    }

}

@media only screen and (max-width: 767px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(-26%) !important;
    }
}


@media only screen and (max-width: 540px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(0%);
        margin-top: 6% !important;
    }

}

@media only screen and (min-width: 580px) and (max-width: 767px) {
.custVidHeroCopy  section.m-hero-item.glp-hero.mobile-520 {
    height: calc(310px + 30vw);
 }
.custVidHeroCopy  section.m-hero-item.glp-hero.mobile-480 {
    height: calc(400px + 30vw);
 }

}

@media only screen and (min-width: 415px) and (max-width: 580px) {
.custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
    height: calc(450px + 10vw);
 }
.custVidHeroCopy section.m-hero-item.glp-hero.mobile-480 {
    height: calc(400px + 30vw);
 }
.c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
    padding-bottom: 45.2% !important;
    padding-top: 0px;
  }
}

@media only screen and (max-width: 414px) and (min-width: 376px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div.high-contrast {
        top: calc(59%);
    }
}

@media only screen and (max-width: 375px) and (min-width: 321px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(59%);
    }
}

@media only screen and (max-width: 320px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(67%);
    }
}

@media only screen and (min-width: 1920px) {
    #BodyContent>div:nth-child(2) {
        background-color: black !important;
    }

    .custVidHero {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }

    .custVidHeroCopy {
        transform: translateY(-1295px);
    }

    .custVidHeroCopy .m-hero-item.glp-hero>div {
        margin-right: calc((101% - 1600px) * .25);
    }

    .custVidHeroCopy .m-hero-item.glp-hero>div div.high-contrast {
        top: 550px;
        transform: translateY(0px);
    }
}


@media screen and (max-width:767px){
.custVidHeroCopy .c-hero.f-transparent:before, .custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 38% !important;
 }
}

@media screen and (max-width:580px){
.custVidHeroCopy .c-hero.f-transparent:before, .custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 50% !important;
 }
}



@media screen and (max-width:580px){
.c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
    padding-bottom: 50% !important;
 }
}

@media only screen and (min-width: 580px) and (max-width: 415px) {
section.m-hero-item.glp-hero.mobile-520 {
    height: calc(350px + 30vw);
 }
section.m-hero-item.glp-hero.mobile-480 {
    height: calc(350px + 30vw);
 }
}




@media screen and (max-width: 320px) {
.custVidHeroCopy .m-hero-item>div {
    height: 350px !important;
 }

}


@media screen and (min-width:1083px){
.staticVideo{display:none !important;}
}

@media screen and (max-width:1083px){
 .custVidHero{display:none !important;}
.staticVideo{display:block !important;}
}

@media screen and (min-width:1920px){
.custVidHeroCopy .m-hero-item.f-x-right>div>div {
    margin-right: 4.1% !important;
 }
}
/* VIDEO HERO */



@media screen and (max-width:539px) {
 .esrbblade .c-list.f-lean li {
    padding-top: 3px !important;
 }
}

@media only screen and (min-width: 321px) and (max-width: 415px) {
.m-hero-item.mobile-370.glp-hero.f-y-center>div>div {
    top: calc(35%) !important;
 }
}

/*
@media screen and (-ms-high-contrast: black-on-white) {
.custVidHero [class*="m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), .custVidHero [class*="m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled) {
    background-color: white !Important;
}
}
*/

@media screen and (max-width:858px){
.staticVideo{padding-top:88px !important;}
}

@media only screen and (min-width: 680px) and (max-width: 767px) {
    .heroMod.custCopyCard.custVidHeroCopy .m-hero-item.mobile-small.glp-hero.f-y-center>div>div {
        top: calc(85%) !Important;
    }
}

@media screen and (min-width: 575px) and (max-width: 680px) {
    .heroMod.custCopyCard.custVidHeroCopy .m-hero-item.mobile-small.glp-hero.f-y-center>div>div {
        top: calc(78%) !important;
    }
}

@media screen and (min-width: 415px) and (max-width: 575px) {
    .heroMod.custCopyCard.custVidHeroCopy .m-hero-item.mobile-small.glp-hero.f-y-center>div>div {
        top: calc(70%) !important;
    }
}



@media only screen and (min-width: 320px) and (max-width: 415px) {
   .heroMod.custCopyCard.custVidHeroCopy .m-hero-item.mobile-small.glp-hero.f-y-center>div>div{
        top: calc(45%) ! Important;
    }
}

@media only screen and  (max-width: 320px) {
   .heroMod.custCopyCard.custVidHeroCopy .m-hero-item.mobile-small.glp-hero.f-y-center>div>div{
        top: calc(75%) ! Important;
    }
}