.zoomVP1  [class^="c-heading-"].f-lean {
   padding-top: 9vw;

}

/* Custom Copy Card */

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

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

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

/* Custom Copy Card */


/* Trailers and gallery section */
.media-gallery-black .m-product-placement-item a.inlinefsActive,  
.media-gallery-black .m-product-placement-item a {
   outline: 1px solid #42d4fe !important;
 }

.media-gallery-black .m-product-placement-item a.inlinefsActive:focus,  
.media-gallery-black .m-product-placement-item a:focus {
 outline: 1px solid #42d4fe !important;
}

.media-gallery .c-carousel.f-multi-slide.f-scrollable-previous, 
.media-gallery .c-carousel.f-multi-slide.f-scrollable-next{
 outline: 1px solid #42d4fe !important;
}

/* Video Hero */
@media screen and (max-width:767px) and (min-width:680px) {
.mobile520hero.custVidHeroCopy .m-hero-item.f-transparent:before {
   padding-bottom: 20% !important;
}
}

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

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



.mobile520hero.custVidHeroCopy .m-hero-item>div {
   height: 370px !important;
}
}

@media only screen and (min-width: 376px) and (max-width: 414px) {
.custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
   height: 550px !Important;
}
}


@media only screen and (min-width: 321px) and (max-width: 375px) {
.custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
   height: 580px;
}
}

@media only screen and (max-width: 1083px){
 .m-hero-item .high-contrast.opacity75 {background-color: rgba(0,0,0,0) !Important;}
}

.text-shadow {
text-shadow: 0px 0px 56px #000, 0px 0px 4px #000
}

.staticVideo{display:none;}

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

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



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

.multiplayerHero .m-hero-item.f-y-center.f-transparent>div>div {
   top: calc(50%);
}
} 

@media screen and (max-width:930px) and (min-width:768px) {
 .customFontSizeTab{
    font-size:15px !important;
    line-height:20px !important;
 }
}


/* Social Blade */

@media screen and (min-width:1399px){
.social-section .m-hero-item{
 height:55.2vw !important;
}
}

@media screen and (max-width:1400px) and (min-width:1084px){
.social-section .m-hero-item{
 height:53.9vw !important;
}
}

@media screen and (max-width:1084px) and (min-width:768px){
.social-section .m-hero-item{
 height:53.55vw !important;
}

}




.m-social>ul>li>a:focus{
   outline: #FFF dashed 2px !important;
}



.social-section {position:relative !Important;}
.social-section section.m-hero-item div div h2.c-heading-1{font-weight:700 !important; padding-bottom:20px;}
.social-section .m-social >ul >li > a {height:42px !Important; width:42px !important;  }
/*.social-section .m-social > ul { position:relative; left:50%; transform:translate(-50%, -50%);}*/


@media only screen and (max-width: 767px) {
/*.social-section .m-social > ul{ position:relative; left:20%; transform:translate(-37%, -30%);}*/
.iosLogo{display:inline !important; margin-right:15px !Important;}

}
/*
@media only screen and (max-width:600px) {
.social-section .m-social > ul{ position:relative; left:22%; transform:translate(-50%, -30%);}
}

@media only screen and (max-width:540px) {
.social-section .m-social > ul{ position:relative; left:24%; transform:translate(-50%, -30%);}
}

@media only screen and (max-width:400px) {
.social-section .m-social > ul{ position:relative; left:26%; transform:translate(-50%, -30%);}
}
*/
.ctaSection{margin-top:5px !Important;}


@media only screen and (min-width:768px){
.iosLogo{float:left !important; margin-right:23px !Important;}
}


@media only screen and (max-width: 767px){
.social-section .m-hero-item>div picture {display:inline !important;}
}

/*
@media only screen and (max-width: 767px) {
.social-section .m-social > ul {
   transform: translate(-37%, -30%);
 }
}



@media only screen and (max-width: 560px) {
.social-section .m-social > ul {
   transform: translate(-30%, -30%);
 }
}

@media only screen and (max-width: 540px) {
.social-section .m-social > ul {
   transform: translate(-30%, -30%);
 }
}
*/


@media (forced-colors: active) {
.social-section a{background-color:white !Important;}
}






@media only screen and (max-width: 415px) {
 .social-section [class*=f-x][class*=f-y].m-hero-item > div > div {
   top: calc(50%);
}
}






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




@media screen and (min-width: 1920px) {
.custVidHeroCopy .m-hero-item.f-x-right>div>div ,
.custVidHeroCopy .m-hero-item.f-x-left>div>div {
   margin-top: 0% !Important;
}
}

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

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



.m-hero-item .heroAvailableDate  p { margin-top:-8px !important;}



/* 2021 updates */
.bgColor{background-color:#061117 !important;}
.bgImage, .gmBgImage {
   background-size: cover;
   background-repeat:no-repeat;
}

@media screen and (min-width:0px) {
 .bgImage {
    background-image: url('https://assets.xboxservices.com/assets/8f/f9/8ff95a9c-3549-4211-a416-054c7ae888df.jpg?n=115115115115_Background-Top-768_1083x3705_02.jpg') !important;
 }
.gameModes .char-rotate #characterSection .c-pivot h2 {font-size:34px !important; line-height:34px !important;}
.gameModes .char-rotate #characterSection  h3 {font-size: 24px; line-height:24px;}
.spartanCustomization h2{font-size: 24px !important; line-height:24px !important;}
}


@media only screen and (max-width: 767px) {
.spartanCustomization .m-hero-item>div, .c-hero>div {
    height:150vw !Important;
}
.spartanCustomization .c-carousel li .m-hero-item>div>div{
 margin-top:55% !important;
}
.multiplayerHero .m-hero-item  {/*background-color:#061117 !Important;*/ color:white !Important;}
.mediaGallery{padding-bottom:48px;}
}

@media only screen and (max-width:375px) {
  .spartanCustomization .m-hero-item>div, .c-hero>div {
    height:300vw !Important;
}
.c-sequence-indicator{position:relative !important; top:-53px !important;}
 .spartanCustomization .c-carousel li .m-hero-item>div>div {
   margin-top: 55% !important;
}
}

@media only screen and (max-width:414px) and (min-width:376px) {
 .spartanCustomization .m-hero-item>div, .c-hero>div {
    height:250vw !Important;
}
.c-sequence-indicator{position:relative !important; top:-90px !important;}
.spartanCustomization .c-carousel li .m-hero-item>div>div {
   margin-top: 55% !important;
}
}

@media only screen and (max-width: 540px) and (min-width:415px) {
.spartanCustomization .m-hero-item>div, .c-hero>div {
    height:200vw !Important;
}

.c-sequence-indicator{position:relative !important; top:-50px !important;}

}

@media only screen and (max-width: 580px) and (min-width:540px){
.spartanCustomization .m-hero-item>div {
    height:190vw !Important;
}
}

@media only screen and (max-width: 670px) and (min-width:580px) {
.spartanCustomization .m-hero-item>div {
    height:170vw !Important;
}
}

@media screen and (min-width:768px) {
   .multiplayerHero .m-hero-item>div>div {
    max-width:305px !Important;
 }

.heroBlade section {
 height:62.2vw !important;
}

.spartanCustomization section {
      height:118.6vw;
  }

  .spartanCustomization .c-table table {width:90% !important;}
 .gameModes .char-rotate #characterSection .c-pivot h2 {font-size:46px !important; line-height:46px !important;}
 .gameModes .char-rotate #characterSection  h3 {font-size: 32px; line-height:32px;}
 .spartanCustomization h2{font-size: 32px !important; line-height:32px !important; padding-bottom:5px !important;}

 .c-sequence-indicator{position:relative !important; top: 40px !important;}
}

@media only screen and (max-width:400px) {
   #multiplayer-2 .m-hero-item.f-transparent:before {
       padding-bottom: 97.2% !important;
   }
   #multiplayer-2 .m-hero-item.f-y-center.f-transparent>div>div {
       top: calc(34%);
   }
}

@media screen and (min-width:931px) {
   .multiplayerHero .m-hero-item>div>div {
    max-width:330px !Important;
 }
}

@media screen and (min-width:1084px) {
  /* .bgColor{background-color:#000 !important;}*/
   .bgImage {
    background-image: url('https://assets.xboxservices.com/assets/d0/bc/d0bc66fb-9b81-440f-aecf-7f7cd3545f30.jpg?n=115115115115_Background-Top-768_1083x3705.jpg') !important
 }
  .multiplayerHero .m-hero-item>div>div {
    max-width:425px !Important;
     
 }
  .gameModes .c-badge.f-small.f-highlight {
      left:-5.5vw !important; 
  }
/*
.spartanCustomization section {
      height:86vw;
  }
*/
.gameModes .char-rotate #characterSection .c-pivot h2 {font-size:62px !important; line-height:62px !important;}
.gameModes .char-rotate #characterSection  h3 {font-size: 46px; line-height:46px;}
.spartanCustomization h2{font-size: 46px !important; line-height:46px !important;}
}

@media screen and (min-width:1300px){
 .gameModes .c-badge.f-small.f-highlight {
      left:-5vw !important; 
  }
}


@media only screen and (max-width: 1083px){
  #BodyContent div div { margin-bottom:0 !Important;}
  .ottoinlinemedia section.m-hero-item {
   padding: 0 4.95% !important;
 }

 

}

@media screen and (max-width:1050px) and (min-width:860px) {
.heroBlade .c-heading-1a {
   font-size: 52px !important;
   line-height: 52px !important;
}
.heroBlade .m-hero-item>div>div {
   max-width: 400px !Important;
}
}

@media screen and (max-width:860px) and (min-width:768px) {
.heroBlade .c-heading-1a {
   font-size: 42px !important;
   line-height: 42px !important;
}
.heroBlade .m-hero-item>div>div {
   max-width: 300px !Important;
}
}

@media screen and (max-width:930px) and (min-width:768px) {
  .tabletFontHeadline{
     font-size:36px !Important;
     line-height:42px !important;
 }
}

@media screen and (max-width:1084px) and (min-width:930px) {
  .tabletFontHeadline{
      font-size:40px !Important;
      line-height:45px !important;
 }

}

@media screen and  (max-width:1084px) {
    .spartanCustomization  .c-carousel .c-flipper+div { overflow:visible;}
   .spartanCustomization {
      padding-top:96px !important;
  }
 
}

@media screen and (max-width:1083px) {
  .spartanCustomization .m-hero-item .c-heading {
     min-height:48px !important;
 }
}

@media screen and (min-width:1400px) {
  .bgImage {
   background-image: url('https://assets.xboxservices.com/assets/9d/24/9d241fdf-c71a-49cb-8fca-f0080afab4e9.jpg?n=115115115115_Background-Top-1400_1920x2282.jpg') !important;
 } 
  .multiplayerHero .m-hero-item>div>div {
    max-width:520px !Important;
    margin-top:-2% !important;
 }
  .spartanCustomization section {
  height:87.3vw;
}

 .spartanCustomization .customHeadline {
    width:90% !important;
  }
  .gameModes .c-badge.f-small.f-highlight {
    left:-7.5vw !important; 
  }
 .tabletFontHeadline{font-size:70px !Important;}
}



@media only screen and (max-width: 1399px) {
.spartanCustomization .m-hero-item .c-heading {
  font-size:46px;
  line-height:56px;
  min-height:100px;
 }
}



@media screen and (min-width:1921px) {
/* .char-rotate #characterSection .c-pivot h3, .char-rotate #characterSection .c-pivot p{width:600px !important;}*/
 #bodycolumn {width: 1920px; margin: 0 auto;}


 
}

@media screen and (min-width:2500px) {
  .char-rotate #characterSection .m-multi-feature.f-align-center > section > section {
   top: 15vw !important;
   right: -2vw !important;
 }
}

@media screen and (max-width:414px) {
.heroBlade [class*=f-x][class*=f-y].c-hero > div > div, .heroBlade [class*=f-x][class*=f-y].m-hero-item > div > div {
   top: calc(45%) !important;
}
}

/* Custom Zoom in blade */
.zoomVP1 {
      position: relative;
    }

    
    .zoomVP1 .m-area-heading {
      max-width: 768px;
      position: absolute;
      /*top: 42px;*/
      left: 50%;
      transform: translateX(-50%);
      z-index: 20;
    }

    @media screen and (max-width: 539px) {
      .zoomVP1 .m-area-heading {
     padding-top: 24px !important;
      }
     
      .zoomVP1 .m-area-heading p{
      padding-top: 12px;
      }
     
    }

    .zoomVP1 .m-area-heading p {
      max-width: 560px;
      margin-left: auto;
      margin-right: auto;
    }
    
     .zImg {
    overflow: hidden;
    z-index: -1;
      }
     .zImg img {
     transform: scale(2.5); 
     transition: all 4.6s cubic-bezier(0.22, 0.61, 0.36, 1); 
     width: 100%;
     }
     .zImg img.zoom-out {
     transform: scale(1.01);
     }
/* Custom Zoom in blade */

@media screen and (min-width:1920px){
   .gameModes .c-badge.f-small.f-highlight {
    left:-8.5vw !important; 
  }
}





.characterLineHeight{padding-bottom:25px !important;}



/* character rotator */
.char-rotate #characterSection .m-multi-feature {padding-top: 0px;}
.char-rotate #characterSection .m-multi-feature [role=tablist] + [role=tabpanel] .c-heading {
   padding-top: 24px !important;
}



@media screen and (min-width: 1084px) {
.charRotaterFont { text-align:left;}


#characterSection .m-multi-feature [role='tablist']{justify-content:left !Important;}
.char-rotate #characterSection .c-pivot h2{margin-left:-5px !Important;}

.char-rotate #characterSection .c-pivot > header > a{font-size:20px !Important;}

.char-rotate #characterSection .m-multi-feature.f-align-center > section > section {
   width: 28vw;
   position: absolute;
   top: 25vw; 
   right: 2.3vw;
   z-index: 100;
   padding: 0px;
}



.spartanCustomization .m-hero-item>div>div>div{padding-top:50px !important;}
.gameModes .c-badge.f-small.f-highlight {position:relative !important; background-color:#42d4fe !important; font-weight:600 !Important;}
.gameModes .char-rotate #characterSection .c-pivot h3, .gameModes .char-rotate #characterSection .c-pivot p {text-align: left;}

.gameModes .c-carousel.f-multi-slide .c-flipper,
.spartanCustomization .c-carousel.f-multi-slide .c-flipper 
{ border-color:#42d4fe;}

.gameModes .c-carousel.f-multi-slide.theme-dark .c-flipper:focus,
.spartanCustomization .c-carousel.f-multi-slide.theme-dark .c-flipper:focus
{ border-color:#42d4fe;}
.gameModes .char-rotate #characterSection .c-pivot h2 {font-size: 62px !important; padding-bottom:40px; }

.char-rotate #characterSection .c-pivot > header > a {
   font-size: 35px;
   border:none;
 }
}
.gameModes .char-rotate #characterSection .c-pivot h2 {font-size: 62px; line-height:62px;}
.char-rotate #characterSection .c-pivot > header > a { border:none;}
.gameModes .c-pivot:not(.f-disabled)>header>[role="tab"].f-active:after{ border-bottom:2px solid #42d4fe !important;}
.tabListSection{padding-bottom:10px !important; border:none !Important;}

.spartanCustomization .c-badge.f-small.f-highlight,
.gameModes .c-badge.f-small.f-highlight 
{ background-color:#42d4fe !important; font-weight:600 !Important;}


@media screen and (max-width:1084px) and (min-width:768px) {
.char-rotate .m-hero-item > div > div{max-width:440px !Important;}
}

@media only screen and (max-width: 539px) {
.gameModes .c-pivot > header {
   display: block !important;
}
}



/* spartan character rotater */
@media screen and (min-width:767px) {
.spartanCustomization .m-hero-item.f-y-top>div>div {
  top: 22% !Important;
  width:500px !important;
}
}




/* Trailers and gallery section */
.media-gallery .m-product-placement-item a.inlinefsActive,  
.media-gallery .m-product-placement-item a {
   outline: 1px solid #42d4fe !important;
 }

.media-gallery .m-product-placement-item a.inlinefsActive:focus,  
.media-gallery .m-product-placement-item a:focus {
 outline: 1px solid #42d4fe !important;
}

.media-gallery.c-carousel.f-multi-slide.f-scrollable-previous, 
.media-gallery.c-carousel.f-multi-slide.f-scrollable-next{
 outline: 1px solid #42d4fe !important;
}

.custListItem { 
 line-height:35px !important;
}

.m-hero-item>div>div>div{
 margin-top:0 !important;
}




/* Hero Video section */
.c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
   padding-bottom: 0% !important;}



.m-ambient-video div button { z-index:10; }
@media screen and (min-width:1084px){
.custVidHeroCopy{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){
section.m-hero-item.glp-hero.mobile-220 {height: calc(380px + 24vw) !Important;}
section.m-hero-item.glp-hero>div>div.high-contrast {top: 0 !important; padding-bottom:0px !important;}
.m-banner.jumpgcontainer{padding-top:0px !important;}
}

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

@media only screen and (max-width: 900px) and (min-width: 780px){section.m-hero-item.glp-hero.theme-black {height: 45vw;}}
@media only screen and (max-width: 779px) and (min-width: 768px){section.m-hero-item.glp-hero.theme-black {height: 49vw;}}
@media only screen and (max-width: 767px) and (min-width: 415px){

/*.m-hero-item.theme-black.glp-hero.f-y-center>div>div {
   top: calc(50%);
}*/
section.m-hero-item.glp-hero.mobile-440 {
   height: auto;
}
}
@media only screen and (max-width: 414px) and (min-width: 376px){
.m-hero-item.theme-black.glp-hero.f-y-center>div>div.high-contrast {
   top: calc(59%);}
section.m-hero-item.glp-hero.theme-black {height: 138vw;}
.custVidHeroCopy  .c-hero.f-transparent:before, .custVidHeroCopy .m-hero-item.f-transparent:before{padding-bottom:0% !important;}
}
@media only screen and (max-width: 375px) and (min-width: 320px){
section.m-hero-item.glp-hero.theme-black {
   height: 150vw;
}
.m-hero-item.theme-black.glp-hero.f-y-center>div>div {
   top: calc(59%);
}
}
@media only screen and (max-width: 320px){
section.m-hero-item.glp-hero.theme-black {
   height: 172vw;
}
.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(F295px);}
.custVidHeroCopy .m-hero-item.glp-hero>div{margin-right: calc((101% - 1600px) * .25);}
/*.custVidHeroCopy .m-hero-item.glp-hero>div div.high-contrast{top: calc(20%); transform: translateY(0px);}*/


}



@media only screen and (max-width: 767px) and (min-width: 540px){
 section.m-hero-item.glp-hero.mobile-220 {height: calc(310px + 30vw) !Important;}
}

@media only screen and (max-width: 540px) and (min-width: 415px){
 section.m-hero-item.glp-hero.mobile-220 {height: calc(330px + 30vw) !Important;}
}


@media screen and (max-width:768px) and (min-width:767px) {
  .tabletFont{font-size:42px !important;}
}

@media screen and (min-width:1921px) {
  #bodycolumn {width: 1920px; margin: 0 auto;}
}



@media screen and (min-width: 1950px) {
.custVidHeroCopy .m-hero-item.f-x-right>div>div ,
.custVidHeroCopy .m-hero-item.f-x-left>div>div {
   margin-top: 5% !Important;
}
}

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

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

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

}

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

.headingPadBottom{padding-bottom:10px !Important;}



/* AQA fixes */

@media only screen and (max-width:1083px) {
#BodyContent .hero .custVidHeroCopy  .heroTitle,
#BodyContent .hero .custVidHeroCopy  p,
#BodyContent .hero .custVidHeroCopy .heroXGP a
{
background-color:#061117 !important;
}

.high-contrast-mode.black-on-white .heroLogos img {
filter: grayscale(1) brightness(0);
}
#BodyContent .hero .custVidHeroCopy .popicons{
color:white !important;
background-color:#061117 !important;
}
}




.gameModes a:focus {
outline:3px dashed white !important;
}


@media (forced-colors: active) {
.social-section .m-hero-item {
forced-color-adjust: auto !important;
}
}

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


.multiplayerHero .m-hero-item>div>div a{
top:-10px !important;
}

.multiplayerHero .m-hero-item .jump-g.jumpganimate {top:20px !important;}

.tabletFontHeadline {
position: relative;
top: 50px;
}
}

@media screen and (min-width:1084px) {
#halotheseries .m-hero-item.f-y-center.f-transparent>div>div {
margin-top:-70px;
}
}

@media only screen and (min-width: 768px) and (max-width:826px) {
.spartanCustomization .m-hero-item>div>div {
   max-width: 300px !Important;
}
.spartanCustomization .m-hero-item.f-y-top>div>div {
  top:16% !Important;
}
}



@media screen and (min-width:768px) and (max-width: 1083px) {
.mpHeading {
font-size: 34px !important;
line-height: 40px !important;
}
}

@media screen and (max-width:1280px) {
.heroBlade .superHero2 a{
margin-bottom:55px !important;
}
}


@media screen and (max-width:768px) and (min-width:767px) {
.social-hero-height { margin-top:20% !Important; }
}

.m-additional-information ul.c-list {
 margin-top:0px !important
}



.c-badge.f-small.f-highlight {
   background-color: #42d4fe !important;
}


.esrbblade .c-paragraph-4 {padding-bottom:30px; }





/* AB Hero Test */
@media screen and (max-width:1083px) and (min-width:768px) {
.hero-test .m-hero-item.f-y-center.f-transparent>div>div {
   top: calc(50%) !important;
}

}

@media screen and (max-width:1083px) {
  .hero-test.staticVideo{
  position: absolute !Important;
}
}

@media screen and (max-width:768px) {
  .hero-test .m-hero-item.f-y-center.f-transparent>div>div {
   top: calc(210%) !important;
}
}

@media screen and (max-width:680px) {
  .hero-test .m-hero-item.f-y-center.f-transparent>div>div {
   top: calc(300%) !important;
}
}

@media only screen and (max-width: 1399px) and (min-width: 1084px) {
.hero-test .m-product-placement-item.f-size-large.context-video img {
   width: 260px !Important;
   margin-left: 0% !Important;
}
}

@media only screen and (max-width: 580px) {
.hero-test .m-product-placement-item.f-size-large.context-video img {
   width: 260px !Important;
   margin-left: 0% !Important;
}

}

@media screen and (max-width:415px) {
  .hero-test .m-hero-item.f-y-center.f-transparent>div>div {
   top: calc(350%) !important;
}
}




@media screen and (max-width: 413px) {
.infoBar [data-grid~="col-2"] {
  width:48% !important;
  margin-left:0% !important;
}

}

@media screen and (max-width: 369px) {
.infoBar [data-grid~="col-2"] {
  width:50% !important;
  margin-left:0% !important;
}
}



.hero-test .m-product-placement-item>a {
   border: 1px solid #42d4fe !important;
}


.hero-test { display:none;}



/* A/B Hero Test */

/* hide info bar */

.infoBar .infoBarSection { display:none !Important; }




.GLP-purchase {
display:none;
}
/*
#whatsnew,
#Stealth-Carousel {
display:none  !important;
}
*/

@media only screen and (max-width: 767px) {
.c-hero>div, .m-hero-item>div {
   height: 500px !important;
}
}


@media screen and (max-width: 355px) {

#multiplayer-2 .m-hero-item p {
margin-left:0% !important;
width:100% !Important;
}
#multiplayer-2 .m-hero-item.f-y-center.f-transparent>div>div {
   top: calc(20%) !important;
}
}



/* copy card fixes */
@media screen and (max-width: 768px) and (min-width: 768px) {
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
   top: calc(315%) !important;
}
}

@media only screen and (min-width: 415px) and (max-width: 767px) {
 .custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-medium {
   height: calc(650px + 60vw);
}
}

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

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

@media only screen and (min-width: 415px) and (max-width: 490px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-medium {
   height: calc(580px + 63vw);
}
}

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

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

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

@media screen and  (max-width:320px) {
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
   top: calc(330%) !Important;
}
}
/* Copy card fixes */


.social-section .m-social.f-horizontal {
  display:flex !important;
  justify-content: center !important;
  position:relative;
  left:10px;
} 

@media only screen and (max-width: 767px) {
  .social-section .m-hero-item>div{
       height: 280px !important;
   }
    .social-section .m-hero-item{
      background-color:black !important;
}
 .vertX1S { padding-bottom:48px !important; }
  
}

@media only screen and (max-width: 767px) and (min-width:415px) {
   .superHero2 .m-hero-item>div {
       height: 370px !important;
   }
}

@media screen and (min-width: 768px) {
    .heroBlade .jump-g.jump-b {
        font-size: 66px !important;
        line-height: 42px !important;
    }
}

@media screen and (max-width:415px) {
 .m-social.f-horizontal ul>li>a{
  margin-right:0 !important; 
 }
.social-section .m-social.f-horizontal {
  left:-0% !important;
 }
}


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

@media screen and (max-width:539px) {
 .tagLine .m-banner.jumpgcontainer {
     padding-bottom:48px !important;
     padding-top:0px !important;
 }
}

@media only screen and (min-width: 1920px) {
    .custVidHeroCopy .m-hero-item.glp-hero>div div {
        top: calc(50%) !important;
    }
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
    .logoStrip__Content__logo  img {
        filter: brightness(0) invert(1) !important;
    }
  .infoBar.whiteLogos img {
        filter: brightness(0) invert(1) !important;
    }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
    .infoBar.whiteLogos img {
        filter: brightness(0) invert(1) !important;
    }
}

.stealth-carousel .stealth-carousel-arrow {
 background-color:white !Important;
}
.stealth-carousel .c-flipper {
 color: #404040 !important;
}

.stealth-carousel .c-flipper:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2) !Important;
}



@media screen and (max-width: 1083px) {
    .infoBar [data-grid~="col-2"] {
        width: 90% !important;
        margin-left: 5% !important;
        margin-right: 5% !Important;
    }
}

/* AQA fix at 400% */
@media screen and (max-width:415px) {
    .infoBar .tabCustomPad  { padding-top:24px !important; }
}


@media only screen and (min-width: 1921px) {
    section.m-hero-item, div.m-hero, .legal, .characterRotate, .multiplayerHero section.m-hero-item{
        max-height: 1080px;
    }
}