@media only screen and (max-width: 375px) and (min-width: 321px){
section.m-hero-item.glp-hero.mobile-220 {
    height: 450px !Important;
 }
}

@media only screen and (max-width: 414px) and (min-width: 376px){
section.m-hero-item.glp-hero.mobile-220 {
    height: 450px !important;
  }
}

@media screen and (max-width:415px){
.mobile220hero.custVidHeroCopy .f-transparent:before  {
    padding-bottom: 25% !important;
 }
}

@media screen and (max-width: 320px) {
.custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
    height: 500px;
}
.m-hero-item.mobile-220.glp-hero.f-y-center>div>div {
    top: calc(48%);
}
}


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

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

@media only screen and (min-width: 768px) and (max-width: 1083px){
.custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
    height: calc(400px + 12vw) !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){
.m-hero-item.f-y-center.f-transparent>div>div, .c-hero.f-y-center.f-transparent>div>div {
    top: calc(68%) !Important;
}
}


.gamePassBlade .m-hero-item.f-x-center > div > div{min-width:92% !Important;}
.gamePassBlade a.c-call-to-action, button.c-call-to-action{margin-top:-50px !Important;}
.bgColor{background-color:#052b2e !important;}



@media screen and (max-width:858px){
.nineTeenTwenty.m-image{padding-top:88px !Important;}
}



@media screen and (max-width:350px){
.newXGPshared h2{font-size:13px !important;}
}

.ottoinlinemedia .m-hero-item{background:#030717 !important;}

@media screen and (-ms-high-contrast: active) {
  .f-transparent-hero .joinNowLink a{
         background-color:white !important;
         color:green !Important;
  }
}

@media (forced-colors: active) {
.f-transparent-hero .joinNowLink a:focus {forced-color-adjust: none !important;}
}



/* Video Hero */


.c-hero.f-transparent:before,
.custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 0%;
}

@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) and (min-width: 415px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(0%);
    }

    .custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
        height: 530px;
    }
}





@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 only screen and (max-width: 768px) {
    .custVidHeroCopy .m-hero-item>div {
        height: 600px !important;
    }
}



@media only screen and (max-width: 767px) and (min-width: 415px){
section.m-hero-item.glp-hero.mobile-220 {
    height: calc(100px + 29vw);
 }
}

@media only screen and (max-width: 320px){
section.m-hero-item.glp-hero.mobile-220 {
    height: 480px !important;
 }
}

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

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


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

.custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
     margin-top:0% !important;
 }


@media screen and (-ms-high-contrast: black-on-white) {
.f-lightweight{ color:black !important;}
}


/* AQA Fixes */

@media only screen and (max-width: 1083px) {
#BodyContent .custVidHeroCopy div div,
.popicons 
  {
    background-color: #052b2e !important;
 }
}