/* Prevent horizontal scrollbar and margin during hero transitions */
.hero-slider {
    overflow: hidden !important;
    width: 100%;
    position: relative;
}



.PBColorCircleContainer {
    display: none;
}

.purchRow1 .specialPadding {
    margin-top: 16px;
}

.purchRow2, .newAvailableDate {
    display: none !important;
}

.hero-slider.custom .heroTabControls .c-logo p {
    padding-top: 0;
}

.hero-slider.custom .color-indicator-border {
    display: none;
}

.hero-slider.custom .m-multi-feature [role="tablist"] li>.c-logo.f-active:before {
    border: none;
    top: 0px;
    width: 125px;
}

.hero-slider.custom .heroTabControls[role="tablist"] li {
    flex-basis: auto;
    float: none;
}
.hero-slider.custom .heroTabControls[role="tablist"] li:not(:last-of-type) {
    padding-right: 24px;
    flex-basis: auto;
    float: none;
}
.hero-slider.custom .m-multi-feature [role="tablist"] li>a.c-logo {
    width: auto !important;
    padding: 8px 24px;
    color: #171717;
    /*border: 2px solid #e7e7e7;*/
    background-color: #e7e7e7 !important;
}

.hero-slider.custom .m-multi-feature [role="tablist"] li>a.c-logo.f-active {
    outline: 2px solid #000;
    background-color: transparent !important;
    color:#fff;
}

/* SPECIFICATIONS drawer */

.specs-drawer .c-heading-2 {
    margin-left: 16px;
}

.specs-drawer .c-drawer {
    margin-top: 24px;
}

.specs-drawer .c-drawer button {
    height: 68px;
}

.specs-drawer .c-drawer {
    background-color: transparent;
}

.specs-drawer .m-system-requirements {
    padding-top: 12px;
    /*background-color: #171717;*/
    padding-bottom: 36px;
}

.specs-drawer .c-drawer+.c-drawer {
    margin-top: 2px;
}

@media screen and (max-width:1083px) {
    .specs-drawer>section[data-grid="container"] {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media only screen and (max-width: 539px) {
    .specs-drawer .m-system-requirements {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.m-hero-item .xgpLogo {
    max-width: 195px;
}

/* fixing global override in MWF-accessories.css */
a:not(.x-hidden-focus).c-call-to-action:focus, 
a.c-call-to-action:hover {
    color: #054b16;
}

@media screen and (max-width:1500px) and (min-width:768px) {
  .featuretall .darkgreyback h2.c-heading {
    font-size:20px !important;
    line-height:25px !Important;
 }
.featuretall .darkgreyback p.c-paragraph-2{
    font-size:15px !important;
    line-height:20px !Important;
 }
}

@media screen and (max-width:850px) and (min-width:768px) {
  .featuretall .darkgreyback p.c-paragraph-2{
    padding-top:5px;
 }
}

@media screen and (max-width: 768px) {
   .special3UP [data-grid*=col-12] {
    padding-bottom: 0 !important;
 }
.special3UP h2.c-heading-3 {
  padding-top:48px;
 }
}

.custAccessoryPad {
 padding-top:11px;
}

.hero-slider .theme-light {
    background-color: transparent !important;
}

.hero-slider.custom .m-banner p[class^="c-paragraph"] {
    opacity: 1;
}

 .bgImage {
  background-repeat: no-repeat;
  background-size:contain;
}

@media screen and (min-width:1920px) {
  .bgImage {
  background-size:cover;
 }
}

@media screen and (min-width:0px) {
 .bgImage {
  background-image: url('https://cms-assets.xboxservices.com/assets/ae/cd/aecd4d6b-a79f-4a5c-8d28-5c4fe55a4471.jpg?n=5033269_Page-Background-0_767x4230.jpg');
 }
}

@media screen and (min-width:768px) {
 .bgImage {
  background-image: url('https://cms-assets.xboxservices.com/assets/0f/1d/0f1dc25f-175e-4ceb-abd2-ad0176eb376c.jpg?n=5033269_Page-Background-768_1083x3900.jpg');
 }
}

@media screen and (min-width:1084px) {
 .bgImage {
  background-image: url('https://cms-assets.xboxservices.com/assets/53/95/5395f9f2-889f-4944-a80e-e3d8ebd4c63a.jpg?n=5033269_Page-Background-1084_1920x5000.jpg');
 }
}

@media screen and (min-width:1920px) {
  .bgImage {
  background-size:cover;
 }
}

.ottoinlinemedia .m-hero-item {
 background:none !important;
}

.gallery .theme-white {
  background:transparent !important;
}

.special3UP .greyDiv {
    background-color: #4c4c4c;
}

.newFavoriteGame {
 background-color:#000;
}

@media screen and (max-width:1083px) and (min-width:768px) {
 .hero-slider.custom .c-logo.custMargLeft {
   left:-12px;
 }
}

  #heroTabControls {
  width:100%;
 }

@media screen and (min-width:768px) {
  .featuretall-color.darkgreyback {
    background-color:#000;
 }
} 



@media screen and (min-width:1400px) {
 .CTAdiv .c-select .c-select-menu, .c-select-menu .c-menu {
   min-width:350px;
 }
}



@media screen and (max-width:1083px) {
    #heroTabControls.stack-mobile {
        width: auto;
    }
    .heroTabControls.stack-mobile {
        display: inline-flex;
        flex-direction: column;
    }
      .playTogetherHero h2.c-heading-3 {
        font-size: 20px;
        line-height: 24px;
    }
}



@media screen and (max-width: 767px) {
 .m-hero-item .mobMargContent {
  top:calc(78%) !important;
 }
.featuretall .m-feature {
  background:none !important;
  }
.m-hero-item>div {
        height: 450px;
    }
}

@media screen and (max-width: 600px) {
 .m-hero-item .mobMargContent {
  top:calc(75%) !important;
 }
}

@media screen and (max-width: 500px) {
 .m-hero-item .mobMargContent {
  top:calc(72%) !important;
 }
}

.accessoriesPane {
 background-color:#000;
}

@media only screen and (max-width: 490px) {
 .m-hero-item>div {
        height: 500px;
    }
.m-hero-item .mobMargContent {
        top: calc(65%) !important;
    }
}

@media screen and (max-width: 1500px) and (min-width: 768px) {
    .specAddHero  h2.c-heading-3 {
        font-size: 20px !important;
        line-height: 25px ! Important;
    }
  .specAddHero p.c-subheading-3 {
        font-size: 15px !important;
        line-height: 20px ! Important;
    }
}

@media screen and (max-width: 767px) {
    .specAddHero  h2.c-heading-3 {
        font-size: 20px !important;
        line-height: 25px ! Important;
    }
  .specAddHero p.c-subheading-3 {
        font-size: 15px !important;
        line-height: 20px ! Important;
    }
}

.specAddHero  h2.c-heading-3 {
  padding-bottom:24px;
}

@media only screen and (min-width: 1921px) {
.playTogetherHero  {
        max-width: 1920px;
        margin: 0px auto;
 }
body {
 background-color:#000;
}
}