@media only screen and (min-width: 585px) and (max-width: 767px) {
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
        top: calc(103%) !important;
    }
}

@media only screen and (max-width: 414px) and (min-width: 375px) {
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
        top: calc(73%) ! Important;
    }
}

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

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




/* VIDEO HERO */
@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;
    }

    .staticVideo{
        padding-top: 87px;
    }
}

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


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

}

@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(29%);
    }
}

@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(25%);
    }
}

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

@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:415px){
.c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
    padding-bottom: 0% !important;
 }
}


@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 */

div:not(.c-group) > a.c-call-to-action ~ .f-lightweight {
    padding-left: 0px !important;
}


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

@media only screen and (max-width: 766px) {
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
    top: calc(200%) !important;
 }
}

/*
@media screen and (max-width:767px) and (min-width:767px) {
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(200%) !important;
    }
}
*/

@media only screen and (max-width: 650px) {
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
    top: calc(180%) !important;
 }
}

@media only screen and (max-width: 580px) {
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
    top: calc(150%) !important;
 }
}

@media only screen and (max-width:540px) {
 section.m-hero-item.glp-hero.mobile-560 {
    height: calc(600px + 60vw) !important;
 }
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
    top: calc(150%) !important;
 }
}

@media only screen and (max-width: 415px) {
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
    top: calc(155%) !important;
 }
section.m-hero-item.glp-hero.mobile-560 {
    height: calc(650px + 65vw) !important;
 }
}



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

@media only screen and (max-width: 1083px) and (min-width: 950px) {
.custCopyCard.custVidHeroCopy .m-hero-item.f-y-center.f-transparent>div>div {
    top: calc(68%) !important;
 }
}

@media only screen and (max-width: 950px) and (min-width: 768px) {
.custCopyCard.custVidHeroCopy .m-hero-item.f-y-center.f-transparent>div>div {
    top: calc(63%) !important;
 }
}


@media screen and (min-width:540px) {
.xgpRiotLogo {
  height:48px !important;
 }
}

@media screen and (max-width:539px) {
.xgpRiotLogo {
  height:24px !important;
 }
}

/*
@media only screen and (max-width: 767px) {
   .riotGames .m-hero-item>div {
        height: 280px;
    }
}
*/