.gamePassLogo {
  height: 40px;
  width: 235px;
}

@media screen and (max-width: 768px) {
.gamePassLogo {
   display: none;
}
}

.xgp-hero .m-hero-item div[role="heading"] {
  padding-top:0;
  margin-top: 0;
}

/* HERO MODIFICATIONS */


@media screen and (min-width: 1084px) and (max-width: 1200px) {
  .xgp-upgrade-hero .m-hero-item>div>div {
      max-width: 400px;
  }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
  .xgp-upgrade-hero .m-hero-item>div>div {
      max-width: 325px;
  }
}

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


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

.xgp-hero .c-group button.c-action-trigger {
   padding-top: 7px;
}

/* END HERO MODS */


/* SOMETHING FOR EVERYONE */

@media only screen and (min-width:0px) {
  .hqpc-Games {
      background-image: url(https://assets.xboxservices.com/assets/fa/7b/fa7b2d4e-7dbd-486b-861e-269d05785bff.jpg?n=XGPU_Background-Image-0_Forza-Motorsport_767x1660.jpg);
  }
}

@media only screen and (min-width:768px) {
  .hqpc-Games {
      background-image: url(https://assets.xboxservices.com/assets/3a/58/3a5892ed-a790-4a97-a7fc-6cae4927bf2d.jpg?n=XGPU_Background-Image-768_Forza-Motorsport_1083x1218.jpg);
  }
}

@media only screen and (min-width: 1084px) {
  .hqpc-Games {
      background-image: url(https://assets.xboxservices.com/assets/58/f9/58f97069-edee-418e-8a05-6ed6207413de.jpg?n=XGPU_Background-Image-1084_Forza-Motorsport_1920x1740.jpg);
  }
}

@media only screen and (min-width: 1400px) {
  .hqpc-Games {
      background-image: url(https://assets.xboxservices.com/assets/de/02/de021b04-9d3b-4045-9359-ba8886367e63.jpg?n=XGPU_Background-Image-1400_Forza-Motorsport_1920x1740.jpg);
  }
}

/* END SOMETHING FOR EVERYONE */


/* FAQ */

.high-contrast-mode.black-on-white .xgp-faq button.c-glyph:focus {
  filter: grayscale(1) brightness(0);
  color: red !important;
}

.high-contrast-mode.black-on-white .xgp-faq button.c-glyph:hover {
  filter: grayscale(1) brightness(1);
  color: black !important;
}

.high-contrast-mode.black-on-white .xgp-faq button.c-glyph:not(:disabled) {
  filter: grayscale(1) brightness(1);
  color: black !important;
}

.high-contrast-mode.white-on-black .xgp-sysreq .xgp-faq p {
  color: white !important;
}

.high-contrast-mode.white-on-black .xgp-sysreq .xgp-faq p {
  color: white !important;
}

@media screen and (max-width: 321px) {
  .xgp-faq .c-group a.c-call-to-action {
      font-size: 13px;
  }
}

/* END FAQ */


/* PLAY DAY ONE */

.pd-one .c-badge.f-small {
  background-color: rgb(16, 124, 16) !Important;
}


/* EA PLAY BLADE */

.eaPlayLogo {
  height: 90px;
  width: 240px;
}

@media only screen and (min-width: 768px) {
  .ea-pad {
    padding-right: 42px;
  }

  a.c-call-to-action.eaPlayCTA {
    color: #9bf00b !important;
  }
}

@media screen and (max-width:415px) {
  .mobilePadTop {
      padding-top: 48px !important;
  }
}

/* END EA PLAY BLADE */



@media screen and (max-width:415px) {
  .m-multi-feature>section {
      padding-top: 13px !important;
  }
}

.hqpc-Games .m-content-placement-item a {
  text-transform: uppercase;
}
.mfpc-banner .m-banner.jumpgcontainer p {
  margin-top: 0vw;
}

/* .sb-pivot.SB-hero-banner.head1a .banner-background div.m-banner {
  margin-top: -2% !important;
}

/* @media screen and (min-width:0px) {
  .SB-hero-banner .m-banner {
      margin-bottom: 32px;
  }
}

/* @media screen and (min-width:1084px) {
  .SB-hero-banner .m-banner {
      margin-bottom: 35px;
  }
} */

/** @media screen and (min-width:1400px) {
  .SB-hero-banner .m-banner {
      margin-bottom: 55px;
  }
}  */

/** .pd-one .m-multi-feature ul[role="tablist"] li {
  font-weight: 600;
} **/

.c-pivot>[role="tablist"]>[role="tab"] {
  color: rgba(0, 0, 0, .8) !important;
}

@media only screen and (min-width: 768px) {
  .m-multi-feature.f-align-left>section,
  .m-multi-feature.f-align-right>section {
      padding-top: 20px !important;
  }
}

@media screen and (max-width:1399px) {
  .mpWidth {
      top: 120px !important;
  }
}


/**Benefits Icons Banner**/

@media screen and (min-width: 1400px) {
  .biBanner {
      margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 1084px) {
  .biBanner {
      margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 0px) {
  .biBanner {
      margin-bottom: 0px !important;
  }
}

.biBannerPad {
  padding-bottom: 1px !important;
}


/**Benefits Icons**/

.biImage {
  width: 65%;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .biImage {
      padding-bottom: 24px;
  }
}

.biCopy {
  text-align: center !important;
}

.multiplayer-pp-button div button {
  bottom: -50vw;
  right: 68vw;
}

.cg-pp-button div button {
  bottom: -2vw;
  right: -96vw !Important;
}

@media screen and (max-width: 1920px) {
  .mpWidth {
      min-width: 44% !important;
  }
}

@media screen and (max-width: 1400px) {
  .mpWidth {
      min-width: 60% !important;
  }
}

@media screen and (max-width: 1080px) {
  .mpWidth {
      min-width: 64% !important;
  }
}

@media screen and (max-width: 945px) {
  .mpWidth {
      min-width: 66% !important;
  }
}

@media screen and (max-width: 915px) {
  .mpWidth {
      min-width: 70% !important;
      top: 80px !important;
  }
}

@media screen and (max-width: 860px) {
  .mpWidth {
      min-width: 71% !important;
      top: -11px !important;
  }
}

@media screen and (max-width: 845px) {
  .mpWidth {
      min-width: 80% !important;
  }
}

@media screen and (max-width: 400px) {
.mpWidth {
      min-width: 80% !important;
      top: 170px !important;
  }
}

.mpImage {
  height: 118%;
}

.xaaLogo {
  height: 53px;
  width: 240px;
  padding-bottom: 24px;
}

@media only screen and (max-width: 1083px) and (min-width: 768px) {
  .m-hero-item.f-y-top.f-transparent>div>div,
  .c-hero.f-y-top.f-transparent>div>div {
      top: 2%;
  }
}


/**JOIN NOW BUY BOX**/

.bbPad {
  padding-bottom: 0px !important;
  padding-left: 0px;
}

@media screen and (max-width: 1084px) and (min-width: 768px) {
  .bbHeight {
      height: 82vw;
  }
}

@media screen and (min-width: 1084px) {
  .bbHeight {
      height: 42vw;
  }
}

@media screen and (min-width: 1400px) {
  .bbCopy {
      min-height: 705px;
  }
}

@media screen and (max-width: 1399px) {
  .bbCopy {
      height: 767px;
  }
}

@media screen and (max-width: 1084px) {
  .bbCopy {
      height: 745px;
  }
  .m-hero-item.f-y-bottom>div>div,
  .c-hero.f-y-bottom>div>div {
      bottom: 19%;
  }
}

@media screen and (max-width: 880px) {
  .bbCopy {
      height: 862px;
  }
}

@media screen and (max-width: 768px) {
  .bbCopy {
      height: 1260px;
  }
}

@media screen and (max-width: 767px) {
  .bbCopy {
      height: 775px;
  }
}

@media screen and (max-width: 479px) {
  .bbCopy {
      height: 1006px;
  }
}

@media screen and (max-width: 768px) {
  .join-now .banner-background section.m-hero-item {
      padding-bottom: 39vw !important;
  }
  .join-now .banner-background .sku-chooser__panel .intro .price {
      margin: auto !important;
  }
}

@media screen and (max-width: 550px) {
  .join-now .banner-background section.m-hero-item {
      padding-bottom: 74vw !important;
  }
}

@media screen and (min-width: 1084px) and (max-width: 1399px) {
  .join-now .banner-background {
      height: 71vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 880px) {
  .join-now .banner-background section {
      height: 100vw;
  }
}

@media screen and (min-width: 1084px) and (max-width: 1399px) {
  .join-now .banner-background section {
      height: 59vw;
  }
}

@media screen and (min-width: 881px) and (max-width: 985px) {
  .join-now .banner-background section {
      height: 90vw;
  }
}

@media screen and (max-width: 1399px) {
  .bbImage {
      height: 81.85vw !important;
  }
}

@media screen and (max-width: 985px) {
  .bbImage {
      height: 103.85vw !important;
  }
}

@media screen and (max-width: 880px) {
  .bbImage {
      height: 108.85vw !important;
  }
}

@media screen and (max-width: 462px) {
  .join-now .banner-background section.m-hero-item {
      padding-bottom: 111vw !important;
  }
}

@media screen and (max-width: 435px) {
  .join-now .banner-background section.m-hero-item {
      padding-bottom: 106vw !important;
  }
}

@media screen and (max-width: 435px) {
  .join-now .banner-background section.m-hero-item {
      padding-bottom: 128vw !important;
  }
}

.join-now .c-image.xgp-logo {
  width: 220px;
  max-width: 100%;
}

.m-content-placement-item .c-heading,
.m-content-placement-item .c-paragraph,
.c-content-placement .c-heading,
.c-content-placement .c-paragraph {
  padding-right: 0px;
}

@media only screen and (max-width: 1399px) {
  .cgWidth {
      max-width: 500px !important;
  }
  .gamePassLogo {
      width: 175px;
  }
  .jump-g {
      font-size: 26px;
  }
}

@media only screen and (max-width: 1083px) and (min-width: 1084px) {
  .videoHero .m-hero-item:before {
      padding-bottom: 78.6vw !important;
  }
}

@media only screen and (max-width: 1920px) and (min-width: 1451px) {
  .xgp-hero.garrison .m-hero-item.f-y-center.f-transparent>div>div {
      max-width: calc(55%);
  }
}

@media only screen and (max-width: 1450px) and (min-width: 1100px) {
  .xgp-hero.garrison .m-hero-item.f-y-center.f-transparent>div>div {
      max-width: calc(57%);
  }
}

@media only screen and (max-width: 1099px) and (min-width: 1084px) {
  .xgp-hero.garrison .m-hero-item.f-y-center.f-transparent>div>div {
      max-width: calc(63%);
  }
}

@media only screen and (max-width: 1083px) and (min-width: 768px) {
  .videoHero .m-hero-item:before {
      padding-bottom: 78.6vw !important;
  }
}

@media only screen and (max-width: 1083px) {
  .cgWidth {
      max-width: 500px !important;
  }
  .mpWidth {
      max-width: 284px !important;
  }
}

@media only screen and (max-width: 920px) {
  .cgHeading {
      font-size: 34px;
      line-height: 34px;
  }
  .cgWidth {
      max-width: 425px !important;
  }
}

@media only screen and (max-width: 960px) and (min-width: 860px) {
  .m-hero-item.f-x-right>div>div,
  .c-hero.f-x-right>div>div {
      right: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 880px) {
  .join-now .banner-background section div div.high-contrast {
      max-width: 281px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .xgp-hero h1 {
      line-height: 1em;
      font-size: 46px;
  }
}

@media screen and (max-width: 415px) {
  .SB-hero-banner.head1a.sb-pivot.pd-one {
      padding-top: 353px !important;
  }
}

.xgp-logo {
  width: 433px;
  margin: auto !important;
}

@media screen and (min-width: 1400px) {
  .bbBanner {
      margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 1084px) {
  .bbBanner {
      margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 0px) {
  .bbBanner {
      margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 479px) {
  .SB-hero-banner.join-now .banner-background .sku-chooser__panel .intro {
      padding-top: 272px;
  }
  #pcgames.c-heading-1L {
      font-size: 48px;
      line-height: 1;
  }
}



@media only screen and (max-width: 767px) {
 .benefits.SB-hero-banner {
      padding-top: 0;
  }
}

/* override to make hero text block flow at mobile */

@media only screen and (max-width: 767px) {
  .custom-hero .m-hero-item:before {
      /* This is what defines the aspect ratio of the hero */
      display: none;
  }
  .custom-hero .m-hero-item>div,
  .custom-hero .m-hero-item>div>div,
  .custom-hero .m-hero-item>picture img,
  .custom-hero .m-hero-item>img,
  .custom-hero .m-hero-item>picture {
      /* Some of these styles are redundant for some of these elements, but it doesn't hurt to pile them up in one place */
      position: relative;
      top: 0 !important;
      left: 0 !important;
      transform: none !important;
      overflow: visible;
      height: auto;
  }
  .custom-hero .m-hero-item>div>div {
      padding-top: 12px;
      padding-bottom: 48px;
  }
}
@media only screen and (max-width: 419px) {
  .join-now .banner-background .sku-chooser__panel .details {
      width: 100%;
  }
  
}
.SB-hero-banner .sku-chooser__panel .details li {
  padding-left: 56px;
}
@media only screen and (max-width: 767px) {
  .SB-hero-banner .sku-chooser__panel .details li {
      padding-left: 34px;
      background-position: 0px 3px;
      background-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
.mpWidth {
  top: calc(35%) !important;
}
}

@media only screen and (max-width: 350px) {
.mpWidth {
    top: calc(44%) !important;
}
}

@media only screen and (min-width: 767px) and (max-width: 1083px) {
.bbWidth {
 max-width: 284px !important;
}
}

@media screen and (max-width: 767px) {
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action, .c-hero .c-group>.c-call-to-action+.c-call-to-action  {
 color: #107c10 !important;
}
}


@media screen and (min-width: 768px) {
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action, .c-hero .c-group>.c-call-to-action+.c-call-to-action {
 color: #9bf00b !important;
}
}

button.green-brdr:focus {
    outline: 4px dashed #9bf00b !important;
}

.m-in-page-navigation.trans .CTAdiv > button, button.green-brdr, button.green-brdr:hover {
    border: 0px solid #9bf00b !important;
}

/** PDO mobile adjustments **/
@media screen and (min-width: 0px) and (max-width: 374px) {
.sb-pivot.SB-hero-banner.head1a .banner-background {
    height: 392.3vw;
}
.sb-pivot.SB-hero-banner.head1a .m-multi-feature {
    transform: translateY(-316vw);
}
}

@media screen and (min-width: 1600px) and (max-width: 1800px){
    .xgp-lower-hero .m-hero-item.f-y-top.f-transparent>div>div {
        top: 110px;
}
}
@media screen and (min-width: 1400px) and (max-width: 1599px){
    .xgp-lower-hero .m-hero-item.f-y-top.f-transparent>div>div {
        top: 75px;
}
}
@media screen and (min-width: 1084px) and (max-width: 1399px){
    .xgp-lower-hero .m-hero-item.f-y-top.f-transparent>div>div {
        top: 30px;
}
}
@media screen and (min-width: 1084px){
.xgp-lower-hero.xb-app .m-hero-item>div>div {
    max-width: 430px;
}
}



@media screen and (min-width:716px) and (max-width: 767px) {
.pd-one .m-multi-feature .c-pivot ul {
  margin-left:3vw !important;
 }
}

@media screen and (min-width:700px) and (max-width: 715px) {
.pd-one .m-multi-feature .c-pivot ul {
  margin-left:5vw !important;
 }
}

@media screen and (min-width:650px) and (max-width: 699px) {
.pd-one .m-multi-feature .c-pivot ul {
  margin-left:5vw !important;
 }
}
@media screen and (min-width:630px) and (max-width: 649px) {
.pd-one .m-multi-feature .c-pivot ul {
  margin-left:5vw !important;
 }
}
@media screen and (min-width:600px) and (max-width: 629px) {
.pd-one .m-multi-feature .c-pivot ul {
  margin-left:5vw !important;
 }
}
@media screen and (min-width:560px) and (max-width: 599px) {
.pd-one .m-multi-feature .c-pivot ul {
  margin-left:5vw !important;
 }
}
@media screen and (min-width:520px) and (max-width: 559px) {
.pd-one .m-multi-feature .c-pivot ul {
  margin-left:5vw !important;
 }
}

.c-carousel .c-flipper:focus {
    outline: 2px dashed #fff;
    border: 2px dashed #fff;
}



@media screen and (max-width: 768px) {
.hqpc-Games .tall5up .m-content-placement {
    height: 172vw;
}
}

@media screen and (max-width: 1083px) {
.hqpc-Games .tall5up .m-content-placement {
    height: 44vw;
}
.hqpc-Games .tall5up .m-content-placement {
    margin-bottom: 12vw !important;
}
}

@media screen and (max-width: 415px) {
.hqpc-Games.SB-hero-banner {
    height: 379vw;
}
}


@media screen and (max-width: 767px) {
.hqpc-Games {
    height: 288vw !important;
}
}

.pdo-pad {
 position: absolute !important;
}

@media screen and (max-width: 539px) {
.SB-hero-banner.head1a.sb-pivot.pd-one {
  padding-top: 21% !important;
}
}

@media screen and (max-width: 415px) {
.SB-hero-banner.head1a.sb-pivot.pd-one {
  padding-top: 94% !important;
}
}

.SB-hero-banner.head1a.sb-pivot.pd-one {
  margin-top: 35px;
}

.sku-chooser__panel .price {
  padding-top: 16px;
  max-width: 300px;
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
.featured-games {
    transform: translateY(-16.5%);
}
.SB-hero-banner {
    padding-top: 202px;
}
}

@media screen and (min-width: 768px) and (max-width: 1083px) {
.hqpc-Games {
    height: 113.46vw;
}
}


@media screen and (min-width: 768px) {
.tall5up .m-content-placement div div picture {
height: 68.7291vw !important;
}
}


@media screen and (min-width: 1084px) {
.tall5up .m-content-placement div div picture {
height: 61.7291vw !important;
}
}

@media screen and (min-width: 1500px) {
.tall5up .m-content-placement div div picture {
    height: 56.7291vw !important;
}
}

@media screen and (min-width: 1650px) {
.tall5up .m-content-placement div div picture {
   height: 56.7291vw !important;
}
}

@media screen and (min-width: 1921px) {
.multiplayer-pp-button div button {
  bottom: -1000px;
  right: 1350px;}

.cg-pp-button div button {
    bottom: 20px !important;
    right: -1850px !important;}
}