/* High Color Contrast */
@-moz-document url-prefix() {
    .high-contrast-mode .high-contrast {
        background-color: #000;
        color: #fff !important;
    }
  
    .high-contrast-mode .high-contrast-reverse {
        background-color: #000;
        color: #fff !important;
    }
  
    .high-contrast-mode .high-contrast-FF {
        border: 1px solid #000;
        background-color: #000;
    }
  }
  
  @media screen and (-ms-high-contrast:white-on-black) {
    .high-contrast-reverse {
        background-color: #000;
        color: #fff !important;
    }
  
    .high-contrast-w-png {
        background-color: #000;
        color: #fff !important;
    }
  
    .high-contrast-svg-white {
        background-color: #fff;
    }
  }
  
  @media screen and (-ms-high-contrast:black-on-white) {
    .high-contrast-reverse {
        background-color: #000;
        color: #107c10 !important;
    }
  
    .high-contrast-svg-black {
        background-color: #000;
    }
  }
  /* End High Color Contrast */
  
  /* Override */
@media only screen and (max-width: 767px) {
  .xox-hero {
    height: 200px !important;
  }
}
  @media screen and (max-width:767px) {
    .top-hero .m-hero-item.f-transparent:before {
      padding-bottom: 160.55% !important;
    }
    .top-hero .m-hero-item.f-transparent>div {
      position:absolute;
      top: 20%;
    }
  }
  
  @media screen and (min-width:768px) {
    .top-hero .m-hero-item.f-transparent:before {
      padding-bottom: 145.17% !important;
    }
    .top-hero .m-hero-item.f-transparent>div>div {
      top: 15%;
    }
  
  }
  
  @media screen and (min-width:1084px) {
    .top-hero .m-hero-item.f-transparent:before {
      padding-bottom: 110.35% !important;
    }
  }
  @media screen and (min-width:392px) {
    .top-hero .jump-g {
      margin-left: 8%
    }
  }
  @media screen and (min-width:1400px) and (max-width: 1599px) {
    .top-hero .jump-g {
      margin-left: 9.5%
    }
  }
  
  
  button.c-action-toggle.xraydrawerbutton, button.c-action-toggle.fourkbutton, button.c-action-toggle.compatbutton {
    background-color: rgba(0, 0, 0, 0) !important;
  }
  
  .tg-mosaic.c-dialog [role=dialog]:focus {
    outline: 2px dashed #fff;
  }
  
  .tg-mosaic button:focus {
    outline: 2px dashed #fff !important;
  }
  
  /* temp - remove when hero video is back */
  .static-hero .c-group .c-action-trigger {
    display: none;
  }
  
  @media screen and (min-width:1084px) {
    .static-hero .c-group {
        width: 200px !important;
    }
  }
  
  /************* TG ovewrrides *****************/
  @media screen and (max-width:1083px) {
    [data-grid~=container] {
        padding-left: 5%;
        padding-right: 5%;
    }
  }

  
  /* january hero redesign */
  @media screen and (max-width:1083px) {
    .accOnly.accoladeRotator.static-hero .m-image-intro > div {
        width: 700px;
    }
  
    .accOnly.accoladeRotator .content h2 {
        padding-top: 0px;
    }
  
    .accOnly.accoladeRotator p {
        padding-top: 0px !important;
    }
  
    .accOnly.accoladeRotator .content.lower p {
        padding-left: 37%;
    }
  
    .accOnly.accoladeRotator .content {
        padding-right: 83px;
    }
  }
  
  @media screen and (max-width:767px) {
    .accOnly.accoladeRotator.static-hero .m-image-intro > div {
        width: 540px;
    }
  }
  
  @media screen and (max-width:540px) {
    .accOnly.accoladeRotator.static-hero .m-image-intro {
        padding-top: 70px;
    }
  }
  
  @media screen and (max-width:380px) {
    .accOnly.accoladeRotator .content {
        padding-right: 0px;
    }
  
        .accOnly.accoladeRotator .content .quotes {
            display: none;
        }
  
    .accOnly.accoladeRotator p {
        padding-left: 22%;
    }
  }
  
  @media screen and (min-width: 1084px) {
    .accOnly.accoladeRotator .content h2 {
        text-align: left;
    }
  }
  
  .accOnly.accoladeRotator .content .quotes {
    height: 100%;
    width: 83px;
    margin-right: -10px;
  }
  
  .accOnly.accoladeRotator .content .slash {
    width: auto;
    height: 97px;
  }
  
  .accOnly.accoladeRotator p {
    line-height: normal;
  }
  
  /* September redesign hero */
  .static-hero {
    position: relative;
    z-index: 990;
  }
  
    .static-hero h1 {
        letter-spacing: .075em;
    }
  
    .static-hero .c-action-trigger {
        margin-top: 0px;
    }
  
  .quotes {
    width: 121px;
    height: 103px;
    margin-right: -50px;
  }
  
  .slash {
    width: 84px;
    height: 145px;
  }
  
  .quoteLogo {
    width: 70px;
    height: 42px;
    margin: 0 24px;
  }
  
  .static-hero button.c-action-trigger.c-glyph::before {
    color: #5dc21e;
  }
  
  .accoladeRotator .theme-dark {
    background-color: #171717;
  }
  
  .accoladeRotator .content {
    display: inline-flex;
  }
  
  .accoladeRotator .m-hero-item > div > div {
    max-width: 100%;
    min-width: 100%;
  }
  
  .accoladeRotator p {
    line-height: 40px;
    padding-top: 38px !important;
  }
  
  @media (min-width: 1084px) and (max-width: 1399px) {
    .static-hero h1 {
        padding-top: 0px;
    }
  }
  
  @media screen and (min-width: 1084px) {
    .static-hero p {
        padding-top: 0px;
    }
  
    .static-hero .c-group {
        width: 360px;
        margin: 12px auto;
    }
  
    .accoladeRotator .m-hero-item::before {
        padding-bottom: 370px;
    }
  
    .accoladeRotator .m-hero-item > div {
        max-width: 1084px;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .static-hero h1 {
        font-size: 84px;
    }
  
    .static-hero p {
        padding-top: 27px;
    }
  
    .static-hero .c-group {
        margin: 40px auto;
    }
  }
  
  @media screen and (min-width: 1600px) {
    .static-hero .m-image-intro > div {
        margin-top: 3vw;
    }
  }
  
  @media screen and (max-width: 1083px) {
    .slash {
        display: none;
    }
  
    .static-hero .m-image-intro > div {
        padding: 0px;
        width: 400px;
        margin: 0 auto;
    }
  
    .static-hero p {
        padding-top: 15px;
    }
  
    .static-hero .c-group {
        margin: 30px auto;
        width: 330px;
        margin-left: 37%;
    }
  
    .accoladeRotator .m-hero-item .content.lower p {
        margin: 0 auto;
    }
  }
  
  @media screen and (max-width: 767px) {
    .accoladeRotator .m-hero-item > div {
        position: absolute;
        height: 280px;
    }
  }
  
  @media screen and (max-width: 540px) {
    .static-hero .m-image-intro > div {
        top: -150vw;
        height: 0px;
    }
  
    .static-hero p {
        padding-top: 5px;
    }
  
    .static-hero .c-group {
        margin: 0 auto;
        width: 205px;
    }
  
    .accoladeRotator .m-hero-item::before {
        padding-bottom: 56.25%;
    }
  
    .accoladeRotator .m-hero-item > div {
        position: relative;
        height: 180px;
    }
  
        .accoladeRotator .m-hero-item > div > div {
            top: calc(1%) !important;
        }
  }
  
  /* Fix for Page Bar US Only */
  @media screen and (max-width: 540px) {
    .static-hero .m-image-intro > div.usFix {
        top: -140vw;
        height: 0px;
    }
  }
  
  
  /* Top level Hero Fix for Page Bar */
  @media only screen and (min-width: 540px) {
    .m-image-intro.f-transparent.f-align-top > div.usFix {
        top: 120px !important;
    }
  }
  
  .newWow .m-immersive-hero-item {
    z-index: 997;
    min-height: auto !important;
  }
  
  @media only screen and (max-width: 768px) {
  .newWow .m-immersive-hero-item.f-align-top>div {
    top: 100px !important;}
  }
  
  .c-feature > div .c-paragraph, .m-feature > div .c-paragraph {
    width: 56vw;
    margin: 0 auto;
  }
  
  #headerArea {
    position: relative;
    z-index: 999;
  }
  
  .c-universal-header > div:first-child .c-logo .c-image {
    width: 108px !important;
  }
  
  .xp-loader {
    display: none !important;
  }
  
  .wowHero .m-immersive-hero-item {
    position: relative;
    z-index: 997;
    min-height: 100%;
    max-height: 100%;
  }
  
  .dskHero .c-subheading, .tabHero .c-subheading {
    font-size: 34px;
    line-height: normal;
    margin-bottom: 24px;
    display: block;
  }
  
  @media screen and (max-width: 1399px) {
    .xp-wow-copy .c-heading-2 {
        font-size: 150px !important;
    }
  
    .wowHero .m-hero-item > div > div {
        max-width: 500px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1083px) {
    .wowHero .m-hero-item.f-x-left > div > div {
        left: calc(30%);
        text-align: center;
    }
  }
  
  @media screen and (max-width: 1083px) {
    .wowHero .m-hero-item.f-x-left > div > div {
        top: 27vw;
    }
  
    .wowHero .m-immersive-hero-item.f-align-bottom > div {
        top: 70%;
    }
  
    .c-feature > div .c-paragraph, .m-feature > div .c-paragraph {
        width: 66vw;
    }
  }
  
  @media screen and (max-width: 768px) {
    .wowHero .m-hero-item.f-x-left > div > div {
        top: -15%;
    }
  
    .dskHero .c-subheading, .tabHero .c-subheading {
        font-size: 24px;
    }
  
    .c-feature > div .c-paragraph, .m-feature > div .c-paragraph {
        width: 83vw;
    }
  }
  
  @media screen and (max-width: 540px) {
    .wowHero .m-hero-item.f-x-center > div > div {
        top: -12%;
    }
  
    .wowHero .m-hero-item .c-heading {
        padding-bottom: 5px !important;
    }
  }
  
  @media screen and (min-width: 1084px) {
    .wowHero .m-immersive-hero-item.f-align-bottom > div {
        top: 60%;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .wowHero .m-immersive-hero-item.f-align-bottom > div {
        top: 70%;
    }
  }
  
  .xp-wow-copy .c-heading-2 {
    font-size: calc(200px + 1.18vw) !important;
    text-shadow: 0px 0px 15px #000;
    text-align: center;
    line-height: 0.9;
    margin-bottom: 0px !important;
    padding: 0;
    color: #fff;
  }
  
  .xp-wow-copy p.c-paragraph-2 {
    font-size: calc(17.6px + 1.18vw) !important;
    text-shadow: 0px 0px 13px #000;
    text-align: center;
    padding: 0;
    line-height: initial;
    height: 50px;    
  }
  
  .wowHero .m-hero-item.f-x-center > div > div {
    min-width: 60%;
  }
  
  @media screen and (max-width: 1083px) {
    .wowHero .m-hero-item, .wowHero .m-hero-item .tabHero {
        height: 132vw;
    }
  }
  
  @media screen and (max-width: 768px) {
    .wowHero .m-hero-item, .wowHero .m-hero-item .tabHero {
        height: 163vw;
    }
  
    .xp-wow-copy .c-heading-2 {
        font-size: 150px !important;
    }
  }
  
  @media screen and (min-width: 0) {
    .wowHero .m-hero-item .c-heading {
        font-size: 46px;
        letter-spacing: .075em;
        line-height: 100%;
        line-height: 100%;
        font-weight: 100;
    }
  }
  
  @media screen and (min-width: 768px) {
    .wowHero .m-hero-item .c-heading {
        font-size: 62px;
        letter-spacing: .075em;
        line-height: 100%;
        line-height: 100%;
        font-weight: 100;
    }
  }
  
  @media screen and (min-width: 1084px) {
    .wowHero .m-hero-item {
        height: 56vw;
    }
  
        .wowHero .m-hero-item .m-ambient-video video {
            height: 56vw;
        }
  
        .wowHero .m-hero-item .c-heading {
            font-size: 62px;
            letter-spacing: .075em;
            line-height: 100%;
            line-height: 100%;
            font-weight: 100;
        }
  }
  
  .wowHero .m-hero-item .c-heading {
    padding-bottom: 26px;
  }
  
  .wowHero .m-hero-item a {
    font-weight: 700;
  }
  
  .wowHero .c-glyph.glyph-play::before {
    color: #5DC21E;
    padding-right: 10px;
  }
  
  .wowHero .m-hero-item {
    padding: 0px !important;
  }
    /* .wowHero .m-hero-item h1 {text-shadow:0px 0px 75px rgba(18, 18, 19, 1);} */
    .wowHero .m-hero-item .c-action-trigger {
        color: #fff;
    }
  
  .m-image-intro {
    overflow: hidden;
  }
  
  .accCont .lightboxcontent {
    position: static !important;
  }
  
  .accCont .lightboxclosebutton {
    cursor: pointer;
    width: 35px;
    margin-top: -15px;
    margin-left: auto;
    margin-left: 115%;
    margin-top: 15px;
    position: relative;
    z-index: 500001;
    top: -50px;
  }
  
  .accCont .m-banner .c-call-to-action {
    color: #5dc21e;
  }
  
  .accCont .c-paragraph-1 {
    width: 56vw;
    margin: 0 auto;
  }
  
  .x-ray .c-paragraph-4 {
    padding-top: 22px
  }
  
  @media screen and (max-width: 1084px) {
    .x-ray .c-paragraph-2 {
        font-size: 20px;
    }
  }
  
  @media screen and (max-width: 1084px) {
    .accCont .c-paragraph-1 {
        width: 83vw;
    }
  }
  
  @media screen and (max-width: 768px) {
    .x-ray .c-paragraph-2 {
        font-size: 18px;
        width: 83vw;
        margin: 0 auto;
    }
  
    .accCont .c-paragraph-1 {
        width: 66vw;
    }
  }
  
  .x-ray .stripeWrapper {
    max-width: 230px;
  }
  
  .slide-detail .c-caption {
    font-size: 13px;
    margin-top: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  
  #xp-accolade-panel .accoladeFooter .holder {
    margin-bottom: 0px;
  }
  
  #xp-accolade-panel .accoladeFooter .rotate-descriptor {
    width: 270px;
    margin: 0 auto;
  }
  
    #xp-accolade-panel .accoladeFooter .rotate-descriptor p {
        letter-spacing: 3px;
        color: #c8c8c8;
        font-weight: 600;
        padding: 0px;
    }
  
  /*************** Drawer ********************/
  /*
  .xp-drawer-container button.c-action-toggle:focus {
    outline: #fff dashed 1px;
  }
  */
  .xp-drawer-container button.c-action-toggle:focus:after {
    outline: #fff dashed 1px !important;
    border: 1px dashed #fff !important;
  }
  
  .xp-drawer-container .xp-drawer-toggle button.c-action-toggle.c-glyph:before {
    color: #9bf00b;
    padding: 2px;
    line-height: 1.2em;
  }
  
  .xp-drawer .c-feature.f-align-center > div, .m-feature.f-align-center > div {
    max-width: none !important;
  }
  
  .xp-drawer .m-multi-feature.f-align-center > section > .c-pivot > section, .m-multi-feature.f-align-center > section > ul {
    width: auto;
  }
  /*
  .c-action-toggle.fourkbutton, .c-action-toggle.xraydrawerbutton {
    font-family: segoe ui semibold, helvetica, arial;
    letter-spacing: 0.075em;
  }
  */
  .xp-drawer {
    background-color: #2f2f2f;
    color: #fff;
  }
  
    .xp-drawer .h-divider {
        border-right: 2px solid #000;
    }
  
  .xp-drawer-container {
    -ms-transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    border-bottom: 1px solid #171717;
  }
  
  .xp-drawer .xp-drawer-content {
    -ms-transform: skew(0deg, 3deg);
    -webkit-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
    padding-top: 20px;
  }
  
  .xp-drawer-container .xp-drawer-toggle button {
    -ms-transform: skew(0deg, 3.5deg);
    -webkit-transform: skew(0deg, 3.5deg);
    transform: skew(0deg, 3.5deg);
  }
  
  .xp-drawer-container.drawer3 .xp-drawer img {
    box-shadow: none;
  }
  
  .xp-drawer-container .xp-drawer img {
    box-shadow: 0 0 80px rgba(0,0,0,.4);
  }
  
  .xp-drawer-container .xp-drawer .connectivity img {
    box-shadow: none;
  }
  
  .xp-drawer-container .xp-drawer .four-K-drawer > div:nth-child(2) > section img {
    box-shadow: none;
  }
  
  .xp-drawer-container .xp-drawer .compat-drawer img {
    box-shadow: none;
  }
  
  .xp-drawer-container .xp-drawer .c-carousel .c-flipper + div {
    overflow: inherit;
  }
  
  .xp-drawer-container .specs picture img {
    width: auto;
  }
  
  @media screen and (max-width: 1084px) {
    .xp-drawer-content .m-banner .c-paragraph-1 {
        width: 66vw;
        margin: 0 auto;
        color: #c8c8c8;
    }
  }
  
  .xp-drawer-content .m-feature .c-paragraph {
    width: 66vw;
    margin: 0 auto;
    color: #c8c8c8;
  }
  
  
  
  @media screen and (max-width: 768px) {
    .xp-drawer-content .m-banner .c-paragraph-1 {
        width: 83vw;
        margin: 0 auto;
    }
  
    .xp-drawer-content .m-feature .c-paragraph {
        width: 83vw;
        margin: 0 auto;
    }
  }
  
  @media only screen and (min-width:541px) {
    .xp-drawer-content .m-feature {
        margin-top: 80px !important;
    }
  
    .h-divider {
        border-right: 2px solid #000 !important;
    }
  }
  
  @media (min-width:541px) and (max-width: 1084px) {
    .connectivity .rtBorder.tab {
        border-right: none;
    }
  }
  
  @media only screen and (min-width:540px) {
    .connectivity .rtBorder {
        border-right: 2px solid #000;
    }
  
    .connectivity .rtBorder {
        height: 183px;
    }
  }
  
  @media only screen and (min-width:769px) {
    .xp-drawer-content .m-feature {
        margin-top: 100px !important;
    }
  }
  
  @media only screen and (min-width:1084px) {
    .xp-drawer-content .m-feature, .four-K-drawer .m-feature {
        margin-top: 120px !important;
    }
  }
  
  
  .btmSlant {
    -ms-transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg);
    transform: skew(0deg, -3deg);
    height: 100px;
    background-color: #171717;
    position: relative;
    z-index: 10;
    margin-top: -1px;
    margin-bottom: -40px;
    border-top: 1px solid #171717;
  }
  
    .btmSlant.tech {
        height: 10px;
    }
  
  .empty-pagebar-target {
    height: 1px;
    width: 1px;
    content: " ";
    overflow:hidden;
  }
  
  .xp-drawer-container :not(.f-disabled).c-pivot > div > a.f-active:focus, .xp-drawer-container :not(.f-disabled).c-pivot > header > a.f-active:focus {
    outline: 1px dashed #fff;
  }
  
  .xp-drawer-container :not(.f-disabled).c-pivot > div > a.f-active:hover, .xp-drawer-container :not(.f-disabled).c-pivot > header > a.f-active:hover {
    color: #ccc;
  }
  
  .xp-drawer-container :not(.f-disabled).c-pivot > div > a.f-active, .xp-drawer-container :not(.f-disabled).c-pivot > header > a.f-active {
    color: #fff !important;
    border-bottom: 2px solid #5DC21e;
  }
  
  .xp-drawer-container .c-pivot > div > a, .xp-drawer-container .c-pivot > header > a {
    color: #ccc !important;
  }
  
  .xp-drawer-container .m-multi-feature [role=tabpanel] .c-paragraph {
    width: 56vw;
    margin: 0 auto;
  }
  
  @media screen and (max-width: 1084px) {
    .xp-drawer-container .m-multi-feature [role=tabpanel] .c-paragraph {
        width: 66vw;
    }
  }
  
  @media screen and (max-width: 768px) {
    .xp-drawer-container .m-multi-feature [role=tabpanel] .c-paragraph {
        width: 83vw;
    }
  }
  
  #xp-accolade-panel {
    background-color: #171717;
  }
  
  .c-image.blutooth {
    height: 59px;
    margin: 38px 0 18px;
  }
  
  .connectivity {
    margin-bottom: -38px;
  }
  
  @media screen and (max-width: 1084px) {
    .connectivity {
        margin-bottom: -55px;
    }
  }
  
  .connectivity picture img {
    width: 100px !important;
  }
  
  .four-K-drawer .m-multi-feature, .four-K-drawer .m-feature {
    margin-top: 80px;
    padding-top: 0px;
  }
  /*************** End Drawer ********************/
  @media screen and (max-width: 767px) {
    .hero-4kMob {
        display: block;
    }
  
    .hero-4kDsk {
        display: none;
    }
  
    .fourK-ent .m-hero-item > picture::before {
        content: "";
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
    }
  }
  
  @media screen and (min-width: 768px) {
    .hero-4kMob {
        display: none !important;
    }
  
    .hero-4kDsk {
        display: block;
    }
  }
  
  .fourK-ent .m-hero-item > div.m-ambient-video::before {
    top: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0),rgba(255,255,255,0), #171717);
    padding-bottom: 60%;
  }
  
  @media only screen and (max-width:767px) {
    .fourK-ent [class*=f-x][class*=f-y].m-hero-item > div > div {
        top: calc(-20%);
    }
  
    .fourK-ent .m-hero-item > div {
        margin-bottom: -400px;
    }
  }
  
  .fourK-pwr .m-image-intro {
    z-index: 999
  }
  
  .fourK-ent .m-hero-item {
    padding-left: 0px;
    padding-right: 0px;
  }
  
    .fourK-ent .m-hero-item > div {
        width: 100%;
    }
  
  .fourK-ent .c-heading-1 {
  
    text-align: center;
    text-shadow: 0px 0px 15px #000;
    line-height: 1.2;
    margin-bottom: 0px !important;
    padding: 0;
    color: #fff;
  }
  
  .fourK-ent p.c-subheading-2 {
    text-shadow: 0px 0px 13px #000;
    /*text-align: center;
    padding: 0;
    line-height: initial;
    height: 50px;*/
  }
  
  .fourK-icons .m-content-placement-item > picture {
    /*height: 52px;*/
    padding-bottom: 0%;
  }
  
    .fourK-icons .m-content-placement-item > picture img {
        position: relative;
    }
  
  .fourK-icons picture img {
    width: 128px !important;
  }
  
  .fourK-ent {
    padding-bottom: 48px;
  }
  
    .fourK-ent .m-content-placement section {
        text-align: center;
    }
  
    .fourK-ent .m-content-placement picture img {
        width: auto;
    }
  
    .fourK-ent [data-grid~=container] {
        max-width: calc(1100px + 10%);
    }
  
  .specs-container, .four-K-drawer {
    -ms-transform: skew(0deg, 3.1deg);
    -webkit-transform: skew(0deg, 3.1deg);
    transform: skew(0deg, 3.1deg);
    padding-top: 60px;
    padding-bottom: 80px;
  }
  
  .x-ray .slide-detail h2 {
    display: inline-flex;
    line-height: 95px;
  }
  
  .x-ray .slide-detail span {
    font-weight: normal !important;
  }
  
  .x-ray .slide-detail picture img {
    margin-top: 36px;
  }
  
  .scroll-magic #xp-x-ray-panel .slide-detail {
    z-index: 1000;
  }
  
  .purchase-mod .m-hero-item {
    background-color: #171717 !important;
  }
  
  .purchase-mod .c-call-to-action {
    background: none !important;
    border: 2px solid #9bf00b;
  }
  
  .purchase-mod hr.c-divider {
    border-top: 2px solid #464646;
    margin-top: 29px;
    margin-bottom: 7px;
  }
  
  .purchase-mod .c-caption-1 {
    padding-top: 32px;
    color: #919191;
  }
  
  @media screen and (min-width: 0px) {
    .x-sell .copyContent picture {
        margin-bottom: 36px !important;
    }
  }
  
  @media screen and (min-width: 768px) {
    .x-sell .copyContent picture {
        margin-bottom: 40px;
    }
  
    .purchase-mod .m-hero-item {
        height: 55vw;
    }
  
    .x-sell .m-hero-item {
        height: 31.25vw;
    }
  
    .x-sell .c-product-subtitle {
        font-size: 26px;
    }
  }
  
  @media screen and (min-width: 1084px) {
    .x-sell .copyContent picture {
        margin-bottom: 48px;
    }
  
    .purchase-mod .m-hero-item {
        height: 55vw;
    }
  
    .x-sell .copyContent {
        margin-right: 7.5vw;
    }
  }
  
  @media only screen and (max-width:767px) {
    .x-sell .c-product-subtitle {
        font-size: 34px;
    }
  
    .purchase-mod [class*=f-x][class*=f-y].m-hero-item > div > div {
        top: calc(55%);
    }
  
    .purchase-mod .m-hero-item > div {
        height: 600px;
    }
  
    .x-sell .m-hero-item {
        background-color: #fff !important;
    }
  
        .x-sell .m-hero-item > div {
            height: 305px;
        }
  
            .x-sell .m-hero-item > div picture, [class*=f-x][class*=f-y].m-hero-item > picture::after {
                display: block !important;
                max-width: 400px;
                margin: 0 auto;
            }
  
    .x-sell [class*=f-x][class*=f-y].m-hero-item > div > div {
        top: calc(45%);
    }
  }
  
  /* specs */
  .xp-drawer .oneFiftyCol {
    height: 200px;
    margin-bottom: 2vw;
  }
  
  .specs-container .c-heading-1, .c-subheading-1 {
    font-weight: 400;
  }
  
  .specs .m-banner {
    padding-bottom: 48px;
    padding-top: 115px;
  }
  
  @media screen and (max-width: 1084px) {
    .connectivity .x-type-center {
        padding-bottom: 12px;
    }
  
    .specs .m-banner {
        padding-top: 65px;
        padding-bottom: 24px;
    }
  }
  
  @media screen and (max-width: 768px) {
    .specs .m-banner {
        padding-top: 35px;
    }
  }
  
  @media screen and (min-width: 541px) {
    .specs-container .c-heading-1 {
        font-size: calc(26px + 1vw);
    }
  
    .specs-container .c-subheading-1 {
        font-size: calc(17px + 1vw);
    }
  
    .specs-container .c-paragraph-1 {
        font-size: calc(10px + .5vw);
    }
  }
  
  @media screen and (min-width: 768px) {
    .specs-container .c-heading-1 {
        font-size: calc(31px + 2vw);
    }
  }
  
  .specs {
    margin: 0 auto;
    float: none;
  }
  
  .specsRight {
    background-image: url('https://compass-ssl.xbox.com/assets/82/16/82167492-ca90-4295-86bf-8e4ffdc5c09e.jpg?n=Charlie_Background-Desktop_Tech-right_1920x486-02.jpg');
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  .specsLeft {
    background-image: url('https://compass-ssl.xbox.com/assets/96/7d/967d2c12-ec4c-4fef-82ac-f0407bf3f0ac.jpg?n=Charlie_Background-Desktop_Tech-left_1920x486-02.jpg');
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  #xp-drawer-panel .xp-drawer {
    display: none;
  }
  
  #xp-drawer-panel2 .xp-drawer {
    display: none;
  }
  /* end specs */
  
  .purchase-mod .social-icons {
    margin-top: 32px;
  }
  
    .purchase-mod .social-icons img {
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }
  
  @media only screen and (min-width:541px) {
    .drawer .h-divider {
        border-right: 1px solid #000 !important;
    }
  }
  
  @media only screen and (min-width: 0px) {
    .fourK-ent .m-hero-item, #SoT {
        height: 95vw;
    }
  }
  
  @media only screen and (min-width:768px) {   
  
    .fourK-ent .m-hero-item, #SoT {
        height: 56.45vw;
    }
  }
  
  @media only screen and (min-width:1084px) {
    .purchase-mod .buttons {
        position: relative;
        top: 8vw;
    }
  }
  
  @media only screen and (min-width:1400px) {
    .purchase-mod .buttons {
        position: relative;
        top: 16vw;
    }
  }
  
  @media only screen and (min-width:1600px) {
    .purchase-mod .buttons {
        position: relative;
        top: 20vw;
    }
  }
  
  @media (max-width:768px) {
  }
  
  @media only screen and (max-width:539px) {
    .drawer2 [data-grid*=col-] {
        float: left;
    }
  }
  
  /*.m-banner .c-image, .c-logo .c-image {
    width: auto !important; 
  }*/
  
  .faqMod {
    padding: 120px 0;
  }
  
    .faqMod .c-heading-4 {
        color: #acacac !important;
    }
  
    .faqMod p {
        color: #e3e3e3;
    }
  
    .faqMod .c-drawer > button {
        color: #107c10;
    }
  
    .faqMod .c-drawer.f-divider .f-toggle, .faqMod .c-drawer.f-divider > button, .faqMod .c-drawer.f-divider > header .f-toggle, .faqMod .c-drawer.f-divider > header > button {
        border-top: 1px solid #c8c8c8;
    }
  
  #newRTBItemContent1 .c-heading {
    padding-top: 22px;
  }
  
  @media screen and (min-width: 0px) {
    .dskVid {
        display: none !important;
    }
  
    .tabVid {
        display: none !important;
    }
  
    .mobVid {
        display: block;
    }
  
    .dskHero {
        display: none;
    }
  
    .tabHero {
        display: block;
    }
  }
  
  @media screen and (min-width: 768px) {
    .dskVid {
        display: none !important;
    }
  
    .tabVid {
        display: block;
    }
  
    .mobVid {
        display: none !important;
    }
  }
  
  @media screen and (min-width: 1084px) {
    .dskVid {
        display: block;
    }
  
    .tabVid {
        display: none !important;
    }
  
    .mobVid {
        display: none !important;
    }
  
    .dskHero {
        display: block;
    }
  
    .tabHero {
        display: none;
    }
  }
  
  .c-badge.f-large {
    padding: 3px 14px 5px 10px;
  }
  
  .blockBusters .m-ambient-video::before {
    top: 0;
    background: linear-gradient(180deg, #171717 0%, rgba(19, 19, 19, 0) 100%);
  }
  
  .blockBusters .f-wrap-items .c-action-trigger {
    /*line-height: 2.3;*/
    color: #9bf00b;
  }
  
  .blockBusters button.c-action-trigger {
    /* font-size: 13px */
    padding: 8px 0 6px;
    font-family: SegoeProBlack;
    border: 0;
  }
  
  @media screen and (min-width: 0px) {
    .blockBusters .m-image {
        width: 360px !important;
        margin: 0 auto;
    }
  }
  
  @media screen and (min-width: 768px) {
    .blockBusters .m-image {
        width: 508px !important;
    }
  
    .blockBusters a.bbMob {
        display: none;
    }
  
    .blockBusters a.bbDsk {
        display: block;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .blockBusters .m-image {
        width: 900px !important;
    }
  }
  
  @media screen and (max-width: 1084px) {
    .back-compat .floatCopy img {
        margin-top: 34px;
    }
  
    .back-compat .floatCopy h5 {
        padding-top: 12px;
    }
  }
  
  .back-compat .floatCopy img {
    width: 56px;
    height: 56px;
  }
  /*
  .blockBusters .c-heading-5, .back-compat .c-heading-5, .multiplayer-network .c-heading-5 {
    font-weight: 700;
  }
  */
  .blockBusters .m-banner .c-image {
    width: 25%;
    min-width: 120px;
    max-height: 100%;
  }
  /*
  .blockBusters .m-feature :not(.f-primary):not(.f-secondary).c-call-to-action, .four-K-drawer .m-feature :not(.f-primary):not(.f-secondary).c-call-to-action {
    color: #5DC21E;
  }
  
  .blockBusters .m-banner .c-call-to-action:hover {
    color: #5DC21E;
  }
  */
  .back-compat > div:nth-child(3) {
    position: relative;
    margin-top: -13%;
    padding-bottom: 55px;
  }
  
  .multiplayer-network > div:nth-child(2) {
    position: relative;
    margin-top: -13%;
    padding-bottom: 72px;
  }
  
  .blockBusters .c-paragraph-3 {
    /*padding-top: 14px;*/
    width: 32vw;
    margin: 0 auto;
  }
  
  @media screen and (max-width: 1084px) {
    .back-compat > div:nth-child(3) {
        padding-bottom: 52px;
    }
  
    .multiplayer-network > div:nth-child(2) {
        padding-bottom: 52px;
    }
  
    .blockBusters .c-paragraph-3 {
        width: 66vw;
        margin: 0 auto;
    }
  }
  
  @media screen and (max-width: 767px) {
    .back-compat > div:nth-child(3) {
        padding-bottom: 32px;
    }
  
    .multiplayer-network > div:nth-child(2) {
        padding-bottom: 32px;
    }
  
    .blockBusters .vidCOntainer, .blockBusters .m-heading-2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
  
    .blockBusters .c-paragraph-3 {
        width: 83vw;
        margin: 0 auto;
    }
  
    .blockBusters a.bbMob {
        display: block;
    }
  
    .blockBusters a.bbDsk {
        display: none;
    }
  }
  
  .multiplayer-network {
    background-color: #171717;
  }
  
    .back-compat .m-banner, .multiplayer-network .m-banner {
        max-width: 88vw
    }
  
  .c-drawer.f-divider.first > button {
    border-bottom: 1px solid #c8c8c8;
  }
  
  .back-compat, .multiplayer-network {
    max-width: 1920px;
    margin: 0 auto;
  }
  
  /* 4-up content fixes */
  [data-grid~=pad-12x][data-grid~=stack-3].m-rich-content-block > div [class*=c-heading]:first-child {
    padding-top: 38px;
  }
  
  @media only screen and (min-width: 1084px) {
    .m-rich-content-block[data-grid~=pad-12x][data-grid~=stack-3] > div + div [class*=c-heading]:first-child {
        padding-top: 38px;
    }
  }
  
  .xbx-pageBar.m-page-bar {
    max-width: 100%;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    border-bottom: none;
    left: 0px;
    -ms-transform: none;
    transform: none;
  }
  
    .xbx-pageBar.m-page-bar > div .context-menu .c-list li {
        margin: 0 20px;
    }
  
  
    .xbx-pageBar.m-page-bar.f-sticky {
        z-index: 999;
    }
  
    .xbx-pageBar.m-page-bar > div .context-menu .c-list li .c-hyperlink {
        color: #fff;
    }
  
  #link-nav_generated_clone > div .context-menu .c-list li .c-hyperlink:focus,
  #link-nav > div .context-menu .c-list li .c-hyperlink:focus {
    color: #fff;
    font-weight: 700;
    border: 2px dashed #fff;
  }
  
  a.c-call-to-action.green-bdr, .xbx-pageBar.m-page-bar a.c-call-to-action {
    border: 2px solid #5dc21e;
    color: #fff;
    background: none;
  }
  
    a.c-call-to-action:hover.green-bdr, .xbx-pageBar.m-page-bar a.c-call-to-action:hover {
        border: 2px solid #107c10;
        color: #c8c8c8;
        background: none;
    }
  
  .xbx-pageBar.m-page-bar .c-menu-item a {
    background: #000;
  }
  
  .xbx-pageBar.m-page-bar .c-select-menu > a::after, .xbx-pageBar.m-page-bar .c-select-menu > button::after {
    color: #fff;
  }
  
  .xbx-pageBar.m-page-bar .c-select-menu > a,
  .xbx-pageBar.m-page-bar .c-select-menu > a:hover,
  .xbx-pageBar.m-page-bar .c-select-menu > a:hover::after,
  .xbx-pageBar.m-page-bar .c-select-menu > button,
  .xbx-pageBar.m-page-bar .c-select-menu > button:hover,
  .xbx-pageBar.m-page-bar .c-select-menu > button:hover::after {
    color: #fff;
  }
  
  .xbx-pageBar.m-page-bar .c-menu-item a:focus,
  .xbx-pageBar.m-page-bar .c-menu-item a:hover,
  .xbx-pageBar.m-page-bar .c-menu-item button:focus,
  .xbx-pageBar.m-page-bar .c-menu-item button:hover,
  .xbx-pageBar.m-page-bar .c-menu-item span:focus,
  .xbx-pageBar.m-page-bar .c-menu-item span:hover {
    background: #464646;
  }
  
  @media only screen and (max-width:1083px) {
    .xbx-pageBar.m-page-bar > div {
        display: block;
    }
  }
  
  @media only screen and (max-width:767px) {
    .xbx-pageBar.m-page-bar > div {
        width: 20%;
    }
  }
  
  @media only screen and (max-width:540px) {
    /* .xbx-pageBar.m-page-bar {z-index: 999;} */
    .xbx-pageBar.m-page-bar {
        display: none;
    }
  
    .m-page-bar > div > .c-call-to-action {
        max-width: 120px;
    }
  }
  
  /* parallax new */
  .parallaxarea [data-grid~=container] {
    max-width: calc(1237px + 10%);
  }
  
  .parallaxarea {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-color: #171717;
    color: #fff;
  }
  
    .parallaxarea .plxbgImg {
        background-image: url("https://compass-ssl.xbox.com/assets/03/01/030161a8-95b0-4569-a419-6fba95889be9.jpg?n=PS_1920_MostPowerful2_img.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 2910px;
        position: fixed;
    }
  
  @media (max-width:768px) {
    .parallaxarea .plxbgImg {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        top: 25vw;
    }
  }
  
  .plx-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .plx-content .c-heading-3 {
    padding: 0;
  }
  
  .plx-content .c-paragraph-4 {
    margin-top: 7px;
    margin-bottom: 2.51vw;
  }
  
  .fgContent {
    position: relative;
    z-index: 30;
    margin-bottom: 71px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .parallaxarea .m-heading-2 {
    margin-bottom: 28vh;
    background-color: rgba(0,0,0, .4);
  }
  
  .plx-content {
    background-color: rgba(47, 47, 47, .85);
    /*padding: 40px 2vw 10px !important;*/
    padding: 0 !important;
    border-bottom: 2px solid #5cc11d;
    max-width: 443px;
  }
  
  .plxText {
    padding: 16px 3.9vw 10px !important;
  }
  
  .sDetails canvas {
    margin-bottom: 5px;
    max-width: 230px;
    width: 100%;
  }
  
  .sDetails .stripeWrapper {
    background-color: #787878;
    height: 20px;
    position: relative;
    margin-bottom: 8px;
    max-width: 230px;
  }
  
    .sDetails .stripeWrapper .stripe {
        width: 0%;
        height: 100%;
        background-color: white;
    }
  
    .sDetails .stripeWrapper .gray-stripe {
        width: 0%;
        height: 100%;
        background-color: #787878;
        position: absolute;
        top: 0;
    }
  
  .sDetails .c-caption {
    margin-top: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  
  .sDetailsvid {
    width: 100%;
    max-width: 443px;
  }
  
  .spacerBlock {
    height: 40vw;
  }
  /* mosaic new */
  .MosaicDiv {
    padding-top: 96px;
  }
  
  .MosaicDiv a:focus {
    outline: 2px #fff dashed;
  }
  
  .tg-mosaic.c-dialog.f-lightbox [role=dialog] {
    max-width: 100%;
  }
  
  .tg-mosaic.c-dialog.f-lightbox > [role=presentation] + .c-glyph {
    z-index: 1001;
  }
  
  .tg-mosaic.c-dialog [role=dialog] {
    max-height: 100%;
    overflow: hidden;
  }
  
  .tg-mosaic .m-hero-item::before {
    padding-bottom: 62%;
  }
  
  #DocumentBody {
    transition: all 2s ease;
  }
  /* accolade rotator */
  .notransform {
    transform: translateY(0) !important;
  }
  
  .compatdrawer .c-feature > div .c-paragraph, .compatdrawer .m-feature > div .c-paragraph {
    width: 100%;
  }
  
  #xp-drawer-panel3 .xp-drawer {
    display: none;
  }
  /*** new game pass blade ***/
  
  .gpBlade .m-hero-item .c-heading {
    padding-top: 0px;
  }
  
  @media only screen and (max-width:767px) {
    .gpBlade .m-hero-item {
        background-color: inherit;
    }
  
        .gpBlade .m-hero-item .c-subheading {
            display: block;
        }
  
        .gpBlade .m-hero-item > div {
            height: 515px;
        }
  }
  
  @media screen and (min-width: 768px) {
    .gpBlade section {
        height: 53.75vw;
    }
     .gpBlade .logo {width: 280px; height: 44px;}
  }
  
  @media screen and (min-width: 1400px) {
    
    .gpBlade section {
        height: 55.64vw;
    }
  }
  /********* New Purchase Panel ************/
  @media (min-width: 768px) and (max-width:1083px) {
    .newPurchase [data-grid~=stack-3] > [data-grid] {
        width: 500px;
    }
  }
  
  .newPurchase {
    background-color: #171717;
    color: #fff;
  }
  
  .retail-purchase {
    border-bottom: 1px solid #c8c8c8;
    border-top: 1px solid #c8c8c8;
  }
  
    .retail-purchase img {
        margin-left: auto;
        margin-right: auto;
    }
  
  .newPurchase a.f-lightweight, .ps-widget.ps-theme-1 {
    color: #5dc21e !important;
  }
  
  
  .p-content h2 {
    padding-top: 12px;
  }
  
  .p-content h3 {
    padding-top: 23px;
  }
  
  .p-content p {
    padding-top: 15px;
  }
  
  .p-content .c-list {
    margin-top: 20px;
  }
  
    .p-content .c-list li {
        padding: 4px 0;
    }
  
  .p-content .c-divider {
    border-top: 1px solid #c8c8c8;
  }
  
  .retailContain {
    width: 975px;
    margin: 0 auto;
  }
  
    .retailContain .m-content-placement {
        padding-left: 0px;
        padding-right: 0px;
    }
  
    .retailContain .m-content-placement-item {
        float: left;
        padding: 0 12px;
    }
  
  .btnBox {
    padding-left: 12px;
    padding-right: 12px;
  }
  
    .btnBox p {
        padding-top: 0px;
    }
  
    .btnBox h4 {
        padding-top: 22px;
    }
  
    .btnBox .c-group {
        padding-top: 25px;
    }
  
  @media screen and (max-width: 1725px) {
    .retailer-boxShot h2 {
        font-size: 50px !important;
    }
  }
  
  @media screen and (max-width: 1178px) {
    .retailer-boxShot h2 {
        font-size: 40px !important;
    }
  }
  
  @media screen and (max-width: 1083px) {
    .p-content .m-area-heading {
        padding-top: 20px !important;
    }
  
    .retailContain {
        width: 700px;
        margin: 0 auto;
    }
  }
  
  @media screen and (max-width: 767px) {
    .retailContain {
        width: 470px;
        margin: 0 auto;
    }
  
    .retailer-boxShot h2 {
        text-align: center;
    }
  
    .newPurchase .c-group {
        display: inline-table;
    }
  
    .newPurchase .ps-widget {
        padding-left: 0px;
        margin-top: 12px;
        cursor: pointer;
    }
  
    .newPurchase .customRetCTA {
        margin-left: 0px !important;
        margin-top: 12px;
        cursor: pointer;
    }
  
    .vanilla .retailer-boxShot img:first-of-type {
        padding-top: 150px;
    }
  }
  
  @media screen and (max-width: 470px) {
    .retailContain {
        width: 250px;
        margin: 0 auto;
    }
  }
  
  
  @media (min-width:768px) and (max-width: 1084px) {
    .retailer-boxShot h2 {
        margin-left: 4vw;
    }
  }
  
  @media only screen and (min-width:0) {
    .retailer-boxShot {
        height: 550px;
        padding-top: 60px;
        margin: 0 auto;
        width: 83vw;
    }
  
        .retailer-boxShot img {
            margin: 0 auto;
        }
  
    .retail-purchase {
        width: 83vw;
        margin: 0 auto 80px auto;
        height: 250px;
        float: none;
    }
  
        .retail-purchase img, .retail-purchase a, .retail-purchase h3 {
            margin-top: 24px;
        }
  
        .retail-purchase p {
            margin-top: 15px;
        }
  }
  
  @media only screen and (min-width:540px) {
    .retail-purchase {
        width: 83vw;
        height: 303px;
    }
  
        .retail-purchase h3 {
            margin-top: 23px;
        }
  
        .retail-purchase p {
            margin-top: 15px;
        }
  
        .retail-purchase img, .retail-purchase a {
            margin-top: 40px;
        }
  
    .btnBox {
        padding-left: 24px;
        padding-right: 24px;
    }
  }
  
  @media only screen and (min-width:768px) {
    .retailer-boxShot {
        height: 396px;
        padding-top: 80px;
        margin: 0 auto;
        width: 83vw;
    }
  
        .retailer-boxShot h2 {
            margin-top: 92px;
        }
  
    .retail-purchase {
        width: 83vw;
        height: 123px;
    }
  
        .retail-purchase h3 {
            margin-top: 23px;
        }
  
        .retail-purchase p {
            margin-top: 15px;
        }
  
        .retail-purchase img, .retail-purchase a {
            margin-top: 40px;
        }
  
    .vanilla .retailer-boxShot {
        padding-top: 0px;
        height: 300px;
    }
  
        .vanilla .retailer-boxShot img:first-of-type {
            padding-top: 180px;
        }
  
    .btnBox, .p-content .m-area-heading {
        padding-left: 36px;
        padding-right: 36px;
    }
  
    #gallery2 {
        padding-bottom: 25px;
    }
  }
  
  @media screen and (min-width: 1084px) {
    .retailer-boxShot {
        height: 396px;
        padding-top: 80px;
        margin: 0 auto;
    }
  
        .retailer-boxShot h2 {
            margin-top: 164px;
        }
  
    .retail-purchase {
        height: 110px;
    }
  
        .retail-purchase h3, .retail-purchase p {
            line-height: 110px;
            margin-top: 0px;
        }
  
        .retail-purchase img, .retail-purchase a {
            margin-top: 32px;
        }
  
    .newPurchase > picture {
        display: none;
    }
  
    .btnBox .c-divider.f-pad-top-6x {
        margin-top: 36px !important;
    }
  }
  
  @media only screen and (min-width:1400px) {
    .retailer-boxShot {
        width: 70vw;
    }
  
    .retail-purchase {
        width: 70vw;
        height: 110px;
    }
  
    .p-content {
        padding-left: 85px;
    }
  
        .p-content .m-area-heading {
            padding-top: 0px !important;
        }
  
        .btnBox, .p-content .m-area-heading {
            padding-left: 48px;
            padding-right: 48px;
        }
  }
  
  @media only screen and (min-width:1600px) {
    .p-content .m-area-heading {
        padding-top: 6vw !important;
    }
  }
  /*
  a.c-call-to-action.green-brdr, .wowHero a.c-call-to-action {
    border: 2px solid #5dc21e;
    color: #fff !important;
    background: none !important;
    text-transform: uppercase;
  }
  
    a.c-call-to-action.green-brdr:hover, .wowHero a.c-call-to-action:hover, a.c-call-to-action.green-brdr:focus, .wowHero a.c-call-to-action:focus {
        border: 3px solid #5dc21e;
        color: #c8c8c8;
        background: none;
    }
  */
  .xb1x.c-dialog.f-lightbox [role=dialog], .itb.xb1x.c-dialog.f-lightbox [role=dialog] {
    background: #000;
    color: #fff;
    border-color: transparent;
    max-width: 100%;
    overflow: visible;
    padding: 0;
  }
  
  .itb.xb1x.c-dialog.f-lightbox [role=dialog] {
    background: rgba(0,0,0,0.1);
  }
  
  .xb1x.c-dialog [role=dialog] {
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    background: #FFF;
    border: 1px solid #0F760F;
    max-height: 100%;
    width: 100%;
    z-index: 1000;
  }
  
  .xb1x.c-dialog.f-lightbox > [role=presentation] + .c-glyph {
    top: 40px;
    right: 40px;
    color: #5dc21e;
    z-index: 1001;
  }
  
  @media screen and (max-width: 767px) {
    .witb .c-list li {
        text-align: left;
    }
  
    .witb h3 {
        padding-top: 58px;
    }
  
    .witb picture {
        text-align: center;
    }
  }
  
  .witb {
    overflow: hidden;
    padding-bottom: 48px;
  }
  
    .witb .c-list {
        padding-top: 16px;
        padding-right: 48px;
    }
  
        .witb .c-list li {
            padding: 4px 0;
        }
  
  /* WITB logos US*/
  .ms-logo {
    width: 197px;
    height: 43px;
  }
  
  @media screen and (min-width: 0px) {
    .usa.retailer-logos picture img {
        width: 208px;
        height: 117px;
        padding: 2vw;
    }
  }
  
  @media screen and (min-width: 1084px) {
    .usa.retailer-logos picture img {
        width: 300px;
        height: 169px;
        padding: 2vw;
    }
  }
  /* WITB logos ROW*/
  .ms-logo {
    width: 197px;
    height: 43px;
  }
  
  @media screen and (min-width: 0px) {
    .retailer-logos picture img {
        width: auto;
        height: 117px;
        padding: 2vw;
    }
  
    .retailer-logos picture .svg {
        width: 208px;
        height: 117px;
        padding: 2vw;
    }
  }
  
  @media screen and (min-width: 1084px) {
    .retailer-logos picture img {
        width: auto;
        height: 169px;
        padding: 2vw;
    }
  
    .retailer-logos picture .svg {
        width: 280px;
        height: 169px;
        padding: 2vw;
    }
  }
  
  /*** Mosiac overrides ****/
  .box .c-glyph {
    position: relative;
    bottom: 9.4vw;
    left: 45%;
  }
  
  .box .c-caption {
    position: relative;
    bottom: 35%;
    left: 16px;
  }
  
  .MosaicDiv button.c-action-trigger {
    background: rgba(0,0,0,.6) !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    line-height: 14px !important;
    padding-right: 5px !important;
    height: 48px !important;
    width: 48px !important;
    color: #FFF !important;
  }
  
  @media screen and (max-width: 1800px) {
    .box .c-caption {
        position: relative;
        bottom: 40%;
        left: 16px;
    }
  }
  
  @media screen and (max-width: 1600px) {
    .box .c-caption {
        position: relative;
        bottom: 45%;
        left: 16px;
    }
  }
  
  @media screen and (max-width: 1400px) {
    .box .c-glyph {
        position: relative;
        bottom: 11vw;
        left: 45%;
    }
  
    .box .c-caption {
        position: relative;
        bottom: 50%;
        left: 16px;
    }
  }
  
  @media screen and (max-width: 1200px) {
    .box .c-caption {
        position: relative;
        bottom: 60%;
        left: 16px;
    }
  }
  
  @media screen and (max-width: 1083px) {
    .box .c-caption {
        position: relative;
        bottom: 70%;
        left: 16px;
    }
  }
  
  @media screen and (max-width: 890px) {
    .box .c-caption {
        position: relative;
        bottom: 70%;
        left: 16px;
    }
  }
  
  @media screen and (max-width: 768px) {
    a.c-call-to-action.green-brdr {
        height: 40px;
    }
  
    #gallery2 {
        padding-top: 64px;
    }
  
    .box .c-glyph {
        position: relative;
        bottom: 17vw;
        left: 41%;
    }
  
    .box .c-caption {
        position: relative;
        bottom: 57%;
        left: 16px;
    }
  }
  
  @media screen and (max-width: 540px) {
    .box .c-glyph {
        position: relative;
        bottom: 25vw;
        left: 38%;
    }
  
    .box .c-caption {
        position: relative;
        bottom: 98%;
        left: 16px;
    }
  }
  
  .hiddenCTA {
    display: none !important;
  }
  
  a.c-call-to-action span.shopOtherText,
  a.c-call-to-action span.shopNowText {
    display: none;
  }
  
  .price-spider .green-brdr {
    border: 2px solid #5dc21e;
    color: #fff !important;
    background: none !important;
  }
  
  .legal {
    background-color: #171717;
  }
  .legal [class^='m-'] {
    padding-left: 5%;
    padding-right: 5%;
  }
  
  
  
  
  @media (min-width: 400px) and (max-width: 539px) {
    .accoladeRotator-2 .m-hero-item::before {
        padding-bottom: 35%;
    }
  }
  
  @media (min-width: 540px) and (max-width: 679px) {
    .accoladeRotator-2 li > section {
        padding-bottom: 45px;
    }
  
        .accoladeRotator-2 li > section > div {
            height: 25vw !important;
        }
  }
  
  @media (min-width: 680px) and (max-width: 767px) {
    .accoladeRotator-2 li > section {
        height: 40vw;
    }
  
        .accoladeRotator-2 li > section > div {
            height: 18vw !important;
        }
  }
  
  @media (min-width: 768px) and (max-width: 1083px) {
    .accoladeRotator-2 li > section {
        height: 40vw;
    }
  
        .accoladeRotator-2 li > section > div {
            height: 35vw;
        }
  }
  
  @media (min-width: 1084px) and (max-width: 1399px) {
    .accoladeRotator-2 li > section {
        height: 20vw;
    }
  
        .accoladeRotator-2 li > section > div {
            height: 15vw;
        }
  }
  
  @media (min-width: 1400px) and (max-width: 1599px) {
    .accoladeRotator-2 li > section {
        height: 20vw;
    }
  
        .accoladeRotator-2 li > section > div {
            height: 15vw;
        }
  }
  
  @media screen and (min-width: 1600px) {
    .accoladeRotator-2 li > section {
        height: 250px;
    }
  
        .accoladeRotator-2 li > section > div {
            height: 200px;
        }
  }
  
  @media screen and (max-width: 430px) {
    .logoBlade p {
        font-size: 10px;
        line-height: 15px;
    }
  }
  
  .newPurchase .logoBlade {
    height: 69px;
  }
  
    .newPurchase .logoBlade img {
        float: left;
    }
  
  .newPurchaseSection .c-caption {
    margin-bottom: 12px;
  }
  
  .newPurchaseSection .pricing.old {
    text-decoration: line-through;
    padding-right: 12px;
  }
  
  .newPurchaseSection .pricing {
    display: inline-block;
  }
  .xboxSocial {background-color: #fff;}
  @media screen and (max-width: 768px) {
  a.m-back-to-top, a.c-back-to-top {display: none;}
  }
  
  
  
  /* page par workarounds */
  div.m-in-page-navigation {
    z-index: 998;
  }
  
  /* link margins */
  @media screen and (max-width: 1399px) {
    nav.c-in-page-navigation > ul li > a {
        margin: 0 14px !important;
    }
  }
  /* breakpoint override for dropdown */
  @media screen and (max-width: 1279px) {
    nav.c-in-page-navigation > p[class^=c-heading-],
    nav.c-in-page-navigation > ul {
        display: none;
    }
    div.m-in-page-navigation div.c-navigation-menu {
        display: inline-block;
    }
  }
  /* END page par workarounds */
  
  
  /* Accessibility Overrides */
  .blockBusters .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus) {
    background: none !important;
    color: #5dc21e !important;
  }
  
  .blockBusters button.c-action-trigger:focus:not(.x-hidden-focus) {
    background: none !important;
    color: #5dc21e !important;
  }
  
  /* XAA Section */
  
  /* en-AU, enNZ Difference -- enAU, enNZ class added dynamically */
  @media screen and (max-width: 1545px) and (min-width: 1400px) {
  .purchaseAA.enAU .consolePurchase p.c-heading-4 {
    padding-bottom: 40px;}
  }
  
  @media screen and (min-width: 1400px) {
  .purchaseAA.enAU .consolePurchase .staticDiv, .purchaseAA.enAU .staticDiv {
    height: 180px;}
  
  .purchaseAA.enNZ .consolePurchase .staticDiv, .purchaseAA.enNZ .staticDiv {
    height: 225px;}
  
  .purchaseAA.enAU .consolePurchase h3.c-heading-3 {
    padding-top: 22px;}
  
  .purchaseAA .consolePurchase .staticDiv, .purchaseAA .staticDiv {
    height: 235px;}
  
  .purchaseAA .consolePurchase h3.c-heading-3, .purchaseAA.enNZ .consolePurchase h3.c-heading-3 {
    padding-top: 22px;}
  
  .purchaseAA .consolePurchase p.c-heading-4, .purchaseAA.enNZ .consolePurchase p.c-heading-4 {
    padding-bottom: 8px;}
  
  .purchaseAA .m-panes section {
    padding-left: 7%;
    padding-right: 3.5%;}
  
  .purchaseAA .m-panes section:nth-child(2) {
   border-left: 1px solid rgba(251, 249, 249, 0.62) !important;}
  }
  /* end en-AU */
  
  @media screen and (max-width: 1400px) {
  .purchaseAA .m-panes section:nth-child(2) {
   border-top: 1px solid rgba(251, 249, 249, 0.62) !important;}
  }
  
  @media screen and (max-width: 767px) {
  .purchaseAA .x-type-left.c-group {
    display: block !important;}
  }
  
  .purchaseAA .c-list {
    font-size: 20px;
    line-height: 24px;
  }
  
  .purchaseAA .c-group {
    padding-top: 25px;
  }
  
  .purchaseAA .m-banner {
    padding-bottom: 48px;
  }
  
  .purchaseAA .spFnt {
    font-size: 15px;
    float: none !important;
    font-weight: 400;
  }
  /* hack to match snowbird
  .purchaseAA .c-call-to-action.c-glyph.spcCTA {
    border: 1px solid #9bf00b;
    color: #9bf00b;
    padding: 5px 20px 5px 22px !important;
  
  }
   */
  /*
  .purchaseAA .c-call-to-action.c-glyph.spcCTA:hover {
    border: 2px solid #107c10;
    color: #c8c8c8;
    background: none;
  }
  
  .purchaseAA .f-lightweight.link-marg-left.white-c {
    font-size: 15px;
  }
  */
  .strikethrough {
  text-decoration: line-through;
  }
  /*
  nav.c-in-page-navigation a.f-active {
    color: #fff !important;
  }*/
  
  .high-contrast-mode a.c-hyperlink:focus,
  .high-contrast-mode button:focus,
  .high-contrast-mode .c-call-to-action:focus {
    border: 1px dashed #fff !important;
    outline: 1px dashed #000 !important;
  }


.tune-in .m-banner {
    border: 2px solid #9bf00b !important;
}

.pv-vfi:focus {
border: 3px dotted white !important;
}

.pv-pad {
    width: 139px !important;
}

.sg-bg {
    background-color: #171717 !important;
}

@media screen and (min-width: 768px) {
.hero-text {
    font-size: 55px !important;
}
}

  /* End TG ovewrrides */