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

  .custVidHeroCopy .m-hero-item {
      position: absolute;
      background-color: transparent !important;
  }
  .staticVideo{display:none !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: 2.9% !Important;
   }
      #BodyContent>div:nth-child(2) {
        background-color: black !important;
    }
    .custVidHeroCopy .m-hero-item.f-x-right>div>div {
      margin-right: 4.1% !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: 500px;
        transform: translateY(0px);
    }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 1083px) {
  .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
      height: calc(400px + 8vw);
      margin-top:-5% !important;
   }
  .custVidHeroCopy section.m-hero-item.glp-hero.mobile-440 {
      height: calc(300px + 7vw);
       margin-top:-5% !important;
   }
  }
  
  
  @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 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: 415px) and (max-width: 580px) {
  .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 (max-width: 768px) {
      .custVidHeroCopy .m-hero-item>div {
          height: 600px !important;
      }
  }
  
  
  @media screen and (max-width:580px) and (min-width:415px) {
   .mobile520hero.custVidHeroCopy .m-hero-item.f-transparent:before {
      padding-bottom: 35% !important;
   }
  
  .mobile440hero.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 screen and (max-width: 320px) {
  .custVidHeroCopy .m-hero-item>div {
      height: 350px !important;
   }
  }
  
  
  @media screen and (max-width:1083px){
   .custVidHero{display:none !important;}
  .staticVideo{display:block !important;}
  }
  
  /* VIDEO HERO */
  


















@media only screen and (min-width: 1084px){
.tagLine .m-banner{max-width:1200px !Important;}
}

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


@media screen and (max-width:415px){
.m-banner h2{font-size:30px !important; line-height:35px !Important;}
}

@media only screen and (min-width: 1084px) {
    .tagLine .m-banner {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media screen and (max-width:607px) {
  .custCopyCard .heroCTA *:not(:first-child) {
      margin-left: 0px !important;
  }
}

@media screen and (min-width: 750px) and (max-width:767px) {
  .purchaseSection .purchaseButtons .wishListBtnPad {
      margin-top: 0px;
      margin-left: 15px;
  }
}





.popicons.manualIcons {
   display:none !important;
 }

/* fix for focus on battlenet storefront logo */
.storefronts .c-logo:nth-of-type(2) {
    position: relative;
    z-index: 1;
}

@media screen and (max-width:768px) {
  p.storeFrontsParText {
     padding-top:48px !Important;
 }
}

  p.storeFrontsParText {
     padding-left:5% !important;
     padding-right:5% !Important;
 }

@media screen and (min-width: 540px) {
    .storefronts .c-logo:nth-of-type(3) {
        margin-left: -2%;
    }
}

@media screen and (max-width: 539px) {
    .storefronts .m-banner .c-logo {
        padding: 30px 14px
    }
 .storefronts .c-logo:nth-of-type(3) {
        margin-left: -2%;
    }
}

.storefronts .m-banner .c-logo {
  height:0 !Important;
}
/*
@media screen and (max-width:1367px) and (min-width:1084px) {
  .deskTabPad {
  margin-top:16px !important;
  left:-16px !important;
 }
}
*/

@media screen and (max-width: 539px) and (min-width: 534px) {
    .purchaseSection .wishListBtnPad, .purchaseSection .wishListCTAPad {
        margin-top: 16px !important;
    }
}

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