@media screen and (min-width:0px) {
    .bgImage{ background-image: url('https://assets.xboxservices.com/assets/f5/6f/f56f9b44-f771-4ecc-93f9-72b5c68d858a.jpg?n=662195_Background-Image_0_767x6400_02.jpg'); margin-top:-10px !important; }
    }
    
    @media screen and (min-width:768px) {
    .kashmirBlade .m-hero-item {height:55vw !important;}
    .bgImage{ background-image: url('https://assets.xboxservices.com/assets/8f/bf/8fbf3299-de06-4367-977c-eb7ab3ff65dd.jpg?n=662195_Background-Image_1083x6400_02.jpg'); margin-top:-10px !important; }
    }
    
    @media screen and (max-width:858px){
    .staticVideo{padding-top:88px !important;}
    }
    
    @media screen and (min-width:1084px) {
    .bgImage{ background-image: url('https://assets.xboxservices.com/assets/e3/bb/e3bb05eb-8c9c-48de-af17-af6eefb45211.jpg?n=662195_Background-Image_1920x6950_02.jpg'); margin-top:-10px !important;}
    }
    
    @media screen and (max-width:1150px) and (min-width:1084px) {
       .gameFeatureFullWidth .right-align, 
       .gameFeatureFullWidth .left-align{ width:33% !Important;}
    }
    
    @media screen and (max-width: 1500px) and (min-width: 768px) {
    .vertX1S .c-paragraph-2 {
        font-size: 15px !important;
      }
    }
    
    .f-transparent-hero h1  {color:white !important;}
    .f-transparent-hero p  {color:white !important;}
    .f-transparent-hero .heroXGP a  {color: #9bf00b !important;}
    
    @media only screen and (min-width: 1084px) {
    .gameFeatureFullWidth .m-highlight-feature > .right-align {
        margin-right: 2% !Important;
     }
    .gameFeatureFullWidth .m-highlight-feature > .left-align {
        margin-left: 2% !Important;
     }
    }
    
    @media only screen and (min-width: 1400px) {
    .gameFeatureFullWidth .m-highlight-feature > div {
        width: 27vw !important;
    }
    }
    
    @media only screen and (min-width: 1920px) {
    .gameFeatureFullWidth .m-highlight-feature > div {
        width: 500px !important;
    }
    }
    
    @media screen and (max-width:1400px) and (min-width:1084px) {
      .gameFeatureFullWidth .m-highlight-feature > div {
        width: 32vw !important;
    }
    }
    
    
    .bgImage{ background-repeat:repeat; }
    .m-product-placement-item > a.inlinefsActive {   background: linear-gradient(to bottom right, #d60b6f, #ef6332); outline:none !important;}
    
    
      .mobileBackground { 
          background-image: url('https://assets.xboxservices.com/assets/a5/a7/a5a7d1b1-9b52-471a-bea4-4d11ec051525.jpg?n=662195_Background-Image_0_767x6400.jpg'); 
          background-repeat:no-repeat; background-size:cover; 
          background-position-y: -1700px;
    }
    
    
    
    .m-highlight-feature {
      margin-top:0 !important;
    }
    
    .m-image {
         padding: 0 !important;
    }
    
    @media screen and (max-width:767px) {
      .customPad{padding-bottom:48px !Important;}
     .custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero>div>div .cardContent{
        top: calc(110%) !important; }
    }
    
 
    
    @media only screen and (min-width: 768px) and (max-width: 1083px) {
    .custVidHeroCopy section.m-hero-item.glp-hero.mobile-440 {
        height: calc(370px + 15vw) !important;
    }
    }
    
    @media only screen and (min-width: 376px) and (max-width: 414px) {
    /*.xboxSocial .m-social {
        padding: 10px !important;
    }*/
    section.m-hero-item.glp-hero.mobile-440 {
        height: 515px !important;
    }
    }
    
    @media screen and (max-width:540px) {
    .legal a.c-hyperlink {display: block !important; width:220px !important;}
    /*
     .legal a.c-hyperlink:not(.f-image):focus, .legal a.c-hyperlink:not(.f-image):hover { padding: 0px 5px 5px 5px !important;}
    */
    }
    
    @media screen and (max-width:415px) {
    .kashmirBlade .m-hero-item { height:530px !important; }
    .kashmirBlade .m-hero-item div div { margin-top:65% !important;}
    }
    
    /* Social Section */
    @media screen and (min-width:1399px){
    .social-section .m-hero-item{
    height:55.2vw !important;}
    
    .social-section .c-heading-2 {
        font-size: 62px;
        line-height: 72px;}
    }
    
    @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.7vw !important;}
    }
    
    .social-section {position:relative !important;}
    .social-section section.m-hero-item div div h2.c-heading-1{font-weight:700 !important;}
    .social-section .custSvgImage > img {height: 42px !important;}
    .social-section .icons, .social-section .icons li > a {
        display: inline-block !important;
    }
    
    .social-section ul {display: flex;}
    .social-section li {padding: 0 .5em;}
    .social-section li > a:focus {
        border: 2px dotted #000;
        outline: 2px dotted #FFF;
    }
    
    @media screen and (max-width: 1083px) {
    .social-section .m-hero-item>div>div {
        max-width: 600px;}
    }
    
    @media screen and (max-width: 767px) {
    .social-section .m-hero-item>div picture {
        display: inline !important;}
    }
    
    @media screen and (max-width: 450px) {
    .social-section li {padding: 0 .2em;}
    }
    
    @media only screen and (max-width: 320px) {
    .hero-test .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(150%);
     }
    }
    
    @media screen and (max-width: 900px) {
    .social-section .custSvgImage > img {height: 35px !important;}
    }
    
    @media (forced-colors: active) {
    .social-section a{background-color:white !Important;}
    }
    
    .m-additional-information .c-list:first-child, .m-additional-information .c-age-rating:first-child, .m-additional-information .c-content-toggle:first-child {
        margin-top: 1px !important;
    }
    
    @media screen and (max-width: 1398px) and (min-width: 768px) {
        .vertX1S  [data-grid~=col-12] {
            margin-top: 0px !important;
        }
    }

@media screen and (min-width:768px) {
 .m-banner.jumpgcontainer .c-heading-1 {
    font-size: 62px !important;
    line-height: 72px !important;
 }
}

@media screen and (max-width:539px) {
  .m-banner.jumpgcontainer .c-heading-1,
  #whatsnew .c-heading-3 {
    padding-right: 5% !important;
    padding-left: 5% !important;
 }
}

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

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

  @media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
      .social-section [class^="m-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus), 
      .social-section [class*=" m-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus), 
      .social-section [class^="c-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus), 
      .social-section [class*=" c-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus) {
          outline: 2px dashed #fff !important;
          border: 2px dashed #000 !important;
      }
  }

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

/* page bar hero modifications */

.GLP-pageBar .pageBarLogo img {
 width:118px;
}

.GLP-pageBar .parMarginLeft {
 margin-left:25%;
}

.GLP-pageBar .c-in-page-navigation {
 background-color:#ff0088 !important;
 padding-left: 27px !important;
 padding-right: 32px !important;
}


@media screen and (min-width: 860px) and (max-width: 1083px) {
   .GLP-pageBar .m-in-page-navigation div[data-js-in-page-navigation-wrapper="true"] {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.GLP-pageBar  .pageBarCTALink {
  font-size:18px !important;
  line-height:25px !important;
  text-wrap-mode: wrap;
  color:#fff !important;
  background:transparent !important;
}

.GLP-pageBar a.c-hyperlink:not(.glyph-play):after, button.c-hyperlink:not(.glyph-play):after {
    content: "";
    display: inline-block;
    font-size: 11px;
    margin-left: 3px;
    margin-top: 3px;
    position: relative;
    right: 0;
    vertical-align: top;
    font-weight:100;
}

.GLP-pageBar .trans nav.c-in-page-navigation .c-hyperlink {
   text-decoration:none !important;
   font-weight: 700 !important;
}

.GLP-pageBar .pageBarLogo {
  margin-top:10px;
}

.GLP-pageBar .trans.m-in-page-navigation nav.c-in-page-navigation .c-hyperlink:hover, 
.GLP-pageBar .trans.m-in-page-navigation nav.c-in-page-navigation .c-hyperlink:active,
.GLP-pageBar .trans.m-in-page-navigation nav.c-in-page-navigation .c-hyperlink:focus  {
 color:#fff !important;
 text-decoration:underline !important;
}

.GLP-pageBar .c-in-page-navigation {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: space-evenly;
}

.GLP-pageBar a.c-call-to-action:hover:not(.f-lightweight):not([aria-disabled="true"]) {
 box-shadow:none !important;
}

.GLP-pageBar a.c-call-to-action span {
  line-height:25px !important;
}


 @media screen and (max-width: 859px) {
   .GLP-pageBar .m-in-page-navigation div[data-js-in-page-navigation-wrapper="true"] {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 860px) {
   .GLP-pageBar  div.trans.m-in-page-navigation:not(.standard-header) {
        top: 0px !important;
    }
}

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

 .GLP-pageBar .pagebarCtaSection {
   align-content: space-between !important;
    justify-content: space-around !important;
   flex-wrap: wrap !important;
 }
}

@media screen and (min-width:699px) {
.GLP-pageBar  .pageBarCTALink {
  padding-left:30px;
 }
}


@media screen and (max-width:641px) {
.GLP-pageBar  .pageBarCTALink {
  width:90% !important;
 }
}

/*
@media screen and (min-width:1084px) {
.custCopyCard .m-ambient-video video {
margin-top:66px;
 }
}
*/

@media screen and (max-width:1083px) {
.custCopyCard.staticVideo img {
  margin-top:66px !Important;
 }
}

@media screen and (max-width:759px) {
.custCopyCard.staticVideo img {
  margin-top:102px !Important;
 }
}

@media screen and (max-width:641px) {
.custCopyCard.staticVideo img {
  margin-top:125px !Important;
 }
}

@media screen and (max-width:370px) {
.custCopyCard.staticVideo img {
  margin-top:150px !Important;
 }
}

.GLP-pageBar .c-glyph::after {
 margin-top:2px !important;
}

nav.c-in-page-navigation.f-sticky {
 border-bottom:none !important;
}

@media screen and (min-width: 1921px) {
    .social-section .m-hero-item {
     max-height:1080px !Important;
  }

}