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

}



/* 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; margin-right:17px !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 screen and (max-width:415px) and (min-width:321px) {
.m-social.f-horizontal, .c-social.f-horizontal {
  padding-left:50px !Important;
 }
}

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



@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://compass-ssl.xbox.com/assets/0b/70/0b706db3-6170-46ae-af3c-edd45fa01998.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://compass-ssl.xbox.com/assets/a4/51/a451a0e5-d302-4efa-9c4f-0d1424b32b82.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;
  }
  .gmBgImage { background-image: url('https://compass-ssl.xbox.com/assets/dd/3e/dd3e06bb-8186-49c6-95f9-92c6e4590526.jpg?n=115115115115_Multi-Feature-1084_Game-Modes-Background_1920x1337.jpg'); }
 
  

}

@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://compass-ssl.xbox.com/assets/91/db/91db53fa-4aac-431c-9d15-16c93eb28803.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 (max-width:768px) {
.vertX1S #Overview{padding-bottom:96px;}
}

@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 only screen and (min-width: 415px) and (max-width: 767px) {
.hero-test section.m-hero-item.glp-hero.mobile-560 {
    height: calc(600px + 60vw);
 }
}

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


.hero-test { display:none;}



/* A/B Hero Test */