.clear {display: none;}
     .c-nav-dropdown-menu { overflow: visible!important;} 


.c-universal-footer { 
    margin-top: 0px;
}



/* v23.1 overrides */

.m-multi-feature > section .c-carousel {
            height: 100%; // set height to 100% to fix flex bug in IE11
            height: initial; // reset height for all non-IE browsers
}
.c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
    padding-bottom: 60.2% !important;
    padding-top: 0px;
}

.c-hero>picture, .m-hero-item>picture { 
    -ms-transform: none !important;
    transform: none !important;
}

.c-hero .c-heading, .m-hero-item .c-heading {
    font-weight: 100 !important;
}

@media only screen and (max-width: 767px) {
.c-hero .c-heading, .m-hero-item .c-heading {
    font-weight: 400 !important;
}
}

.m-area-heading {
    padding-top: 48px !important;
}

.c-content-placement .c-heading, .m-content-placement-item .c-heading {
    font-weight: 400 !important;
}

.c-product-placement .c-heading, .m-product-placement-item .c-heading {
    font-weight: 400 !important;
}

.BGtransplay button.c-action-trigger.x-hidden-focus {
    background: rgba(0,0,0,.6) !important;
}

.m-media-gallery {
    padding-top: 52px;
}

/* end v23.1 overrides */

@media screen and (max-width: 1084px) {
.v-hidden.h-divider {border-right: 0px solid rgba(0, 0, 0, .2);}
}


#BodyFooter {margin-bottom: -20px;} 
/* remove this line once engineering fixes the white bar at the bottom of the footer */
/* MWF Overrides below this line */
@media screen and (min-width: 1921px) {
.hero-center {max-width: 1920px; margin: 0 auto;}
}
.c-call-to-action.f-heavyweight {
    font-size: 13px;
    display: inline-block;
    max-width: 100%;
    padding: 10px 22px 7px 24px !important;
    overflow: hidden;
    border: 2px solid transparent;
    color: #fff !important;
    background: #107c10 !important;
    line-height: 1.3;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.07em;
    white-space: nowrap;
    transition: scale .2s ease-in-out;
}
a.c-call-to-action.f-heavyweight:hover {
  background: #0f760f !important;
}
a.c-call-to-action.f-heavyweight:hover span {text-decoration: none !important;}

a.c-call-to-action.f-heavyweight:focus {
    outline: #107c10 dashed 2px !important;
}

@media only screen and (max-width:539px) {
.box-shots .c-content-placement > a:first-child > picture img, .box-shots .m-content-placement-item > a:first-child > picture img { padding: 0 60px 0 30px;}
.c-hero .c-paragraph, .c-hero .c-price, .c-hero .c-rating, .m-hero-item .c-paragraph, .m-hero-item .c-price, .m-hero-item .c-rating {display: block}
.c-pivot > header > a {display: table-caption;}
.c-pivot > header > a:first-child, .c-pivot > header > a {padding-left: 16vw;}
.c-pivot>header { display: table-header-group !important;}
}
@media only screen and (max-width:767px) {
nav.c-link-navigation li a.c-hyperlink {text-decoration: underline;}
 .accessories-blade .c-heading {text-align: left;} 
.acc-small img {margin: 0 auto !important;}
.m-rich-heading a{
    position: absolute;
    z-index: 1;
    bottom: 80px;
    padding-left: 8px !important;
}
.h-divider { border-right: none !important;}

[class*=f-x][class*=f-y].c-hero > div > div, [class*=f-x][class*=f-y].m-hero-item > div > div {
    top: calc(35%);
}

}
.m-content-placement-item .xpa {margin-top: 20px;}
.c-badge.f-small { line-height: normal;}
.link-marg-left {margin-left: 15px !important;}
.zmt {margin-top: 0px !important;}
.zpt {padding-top: 0px !important;}
.zpl {padding-left: 0px !important;}
.btn-def-marg {margin-left: -24px !important;}
.bottom-def-margin {margin-bottom: 48px !important;}
.context-control-appearance > [class^='m-'] {
    margin-top: 0px;
    padding: 0;
}
@media screen and (max-width: 540px) {
.zpl {padding-left: 24px !important;}
}
    .pad48 {padding-top: 48px;}
    .pad96 {padding-top: 96px;}
     @media screen and (max-width: 768px) {
      .pad48, .pad96 {padding-top: 0px;}
    }

/* Link and CTA colors */
.white-c {color: #fff !important;}
.black-c {color: #000 !important;}
.green-c {color: #107c10 !important;}
.lime-green-c {color: #5dc21e !important;}


a.c-call-to-action {
    font-weight: 700;
}

.theme-dark a.c-call-to-action:focus {outline: #fff dashed 2px !important;}

.theme-dark a.c-call-to-action, .theme-light .theme-dark a.c-call-to-action,a:not(.x-hidden-focus).c-call-to-action:focus, a.c-call-to-action:hover { background: #107c10; color: #fff;}
.theme-dark a:not(.x-hidden-focus).c-call-to-action:focus, .theme-dark a.c-call-to-action:hover, .theme-light .theme-dark a:not(.x-hidden-focus).c-call-to-action:focus, .theme-light .theme-dark a.c-call-to-action:hover {
    background: #107c10;
} 
.theme-black :not(.f-disabled).c-pivot > header > a.f-active, .theme-light .theme-black :not(.f-disabled).c-pivot > header > a.f-active {
    color: #fff;
    border-color: #107c10;
}
.theme-black :not(.f-disabled).c-pivot > header > a, .theme-light .theme-black :not(.f-disabled).c-pivot > header > a {
    color: rgba(255, 255, 255, 0.6);
}

a.c-call-to-action.f-lightweight {padding-bottom: 4px;}
a.c-action-trigger:not(.epb-launch), 
button.c-action-trigger:not(#close-epb) {
    letter-spacing: 0.07em;
    font-weight: 700;}



/* Accessories blade */
@media (min-width: 541px) and (max-width: 767px) {
 .accessories-blade .acc-small { float: left; padding: 0 25px;}
.c-feature.f-align-left > div, .c-feature.f-align-right > div {   width: auto !important;}
}
a.customize-button::before, button.customize-button::before, div.customize-button::before {
    content: "";
    background-image: url("https://web-archive.nli.org.il/National_Library/20170827070107oe_/http://compass.xbox.com/assets/ff/2a/ff2a4e17-4171-4e79-a597-e5137a1c6290.png?n=xdl-icon.png");
    position: absolute;
    top: 3px;
    left: 3px;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
}
a.customize-button, button.customize-button, div.customize-button {
    padding-left: 50px !important;
    padding-right: 25px !important;
    box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    width: auto;
    min-width: 110px;
    text-decoration: none;
    position: relative;
}
a.customize-button:hover {color: #ccc !important;}
.customize-button:focus {outline: 2px dashed #000 !important; color: #ccc !important;}
.accessories-blade .c-price {margin-top: 1vw;}

.c-call-to-action.cta-btn-dark:active, .c-call-to-action.cta-btn-dark:focus {  background: #000 !important;}
a.c-call-to-action.cta-btn-dark {background: #000; color: #fff; margin-left: 0px;}
a.c-call-to-action.cta-btn-dark:hover {background: #464646; }

/* End  Accessories blade */
a.c-call-to-action.cta-btn {background: #107c10; color: #fff; margin-left: 0px; padding-left: 10px; padding-right: 25px;}
.c-call-to-action.cta-btn:focus, .c-call-to-action.cta-btn:hover {background: #0e6c0e !important; border-color: rgba(0,0,0,.4) !important; color: #fff; text-decoration: none !important;} 
.c-call-to-action.cta-btn:focus span, .c-call-to-action.cta-btn:hover span {text-decoration: none !important; color: #fff;}
.cta-btn.c-glyph:hover::after, .cta-btn.c-glyph:hover::before {color: #fff;}

a.c-call-to-action.f-lightweight {background: none !important;}
a.c-call-to-action.cta-txt {background: none !important; border: none; color: #107c10;}
a.c-call-to-action.cta-txt:focus {color: #107c10;}
a.c-call-to-action.cta-btn-dark {margin-top: 10px;} 

.c-call-to-action.cta-txt:focus span, .c-call-to-action.cta-txt:hover span {text-decoration: underline;}


.m-area-heading .c-call-to-action {margin-top: 14px;}
.m-banner .c-caption-1 {line-height: 1.3}

/*intro bar */
.greenBar {padding-bottom: 48px;}
.greenBar .m- {text-align: center;}
.greenBar p {padding: 24px 0;}
.greenBar .c-image.winLogos { max-width: 446px; margin: 0 auto; padding: 0 10px; width: 100%;}
.greenBar h3, .greenBar a {display: inline-table !important; margin: 0 10px;}
/* themes and colors */
.theme-f2 {
    color: #000;
    background-color: #f2f2f2 !important;
}
.theme-2f {
    color: #fff;
    background-color: #2f2f2f !important;
}
.theme-black {
    color: #fff;
    background-color: #000 !important;
}
.theme-green {
    color: #fff;
    background-color: #107c10 !important;
}
.theme-madden-blue {
    color: #fff;
    background-color: #091937 !important;
}
.badge-silver {
    background-color: #C8C8C8 !important;
}
.theme-dark .m-panes section {border-left: 1px solid #fff;}
.theme-dark .m-panes section:first-child {border-left: 0px;}
@media only screen and (max-width:1399px) {
.theme-dark .m-panes section {
    border-bottom: 1px solid #fff;
    border-left: 0;
}
}


/*  Infinite box shots **/
.infinite .m-product-placement-item {display: inline-block;}
.infinite .c-product-placement picture, .infinite .c-product-placement picture .c-image, .infinite .c-product-placement picture img, .infinite .m-product-placement-item picture, .infinite .m-product-placement-item picture .c-image, .infinite .m-product-placement-item picture img {display: block !important;}
.infinite.boxShots-gallery {padding: 84px 0; text-align: center;}
.infinite .gameDiv {text-align: left;}
.infinite .m-product-placement-item {margin-top: 0px !important; padding-top: 14px;}
.gameDivsWrapper {overflow: hidden;}

/* Legal */

.legal {background-color: #000; padding: 42px 0; color: #fff;}
.legal img {padding-bottom: 25px; max-width: 10%;}
.legal p {margin-bottom: 10px;}
.legal a, .legal a:hover {color: #fff; text-decoration: underline;}
@media screen and (max-width: 1084px) {
.legal {padding: 20px;}
}
.legal a.c-hyperlink:not(.f-image):focus, .legal a.c-hyperlink:not(.f-image):hover {color:#5dc21e;}
.magenta {background-color: #ff00ff;}


/* Hero */
.c-carousel.f-multi-slide.theme-light .c-flipper { background: #000;  color: #fff;}

.c-hero .c-subheading, .m-hero-item .c-subheading {
    max-height: 100%;
}

@media only screen and (max-width:767px) {
.c-hero > div, .m-hero-item > div { height: 400px; overflow: visible}
}
@media only screen and (min-width:768px) and (max-width:1084px) {
.m-global-promotion.f-image > div > div + div {
    text-align: left !important;
}
}
/* END Hero */



.h-divider {border-right: 1px solid rgba(0,0,0,.2)}

/* Sub hero thin slider */

.m-global-promotion { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding: 12px; text-align: center; min-height: 120px; }


    .m-global-promotion > .c-image img { margin: 0 auto; height: 100%; width: auto; max-width: none; }
    .m-global-promotion .c-call-to-action { background: transparent; color: #0078D7; border-color: transparent; border-width: 2px; padding: 10px 44px 7px 24px; margin-left: 0px; margin-right: 0px; }
        .m-global-promotion .c-call-to-action:focus, .m-global-promotion .c-call-to-action:hover { background: transparent; border-color: transparent; }
        .m-global-promotion .c-call-to-action:active { background: transparent; text-decoration: none; }
        .m-global-promotion .c-call-to-action span:hover { text-decoration: underline; }
.theme-light .m-global-promotion .c-call-to-action, .theme-dark .theme-light .m-global-promotion .c-call-to-action { color: #000; background: transparent; border-color: transparent; }
    .theme-light .m-global-promotion .c-call-to-action:active, .theme-dark .theme-light .m-global-promotion .c-call-to-action:active { color: rgba(0, 0, 0, 0.6); }
    .theme-light .m-global-promotion .c-call-to-action:focus, .theme-dark .theme-light .m-global-promotion .c-call-to-action:focus { outline-color: #000; }
.theme-dark .m-global-promotion .c-call-to-action, .theme-light .theme-dark .m-global-promotion .c-call-to-action { color: #FFF; background: transparent; border-color: transparent; }
    .theme-dark .m-global-promotion .c-call-to-action:active, .theme-light .theme-dark .m-global-promotion .c-call-to-action:active { color: rgba(255, 255, 255, 0.6); }
    .theme-dark .m-global-promotion .c-call-to-action:focus, .theme-light .theme-dark .m-global-promotion .c-call-to-action:focus { outline-color: #FFF; }
.m-global-promotion > div { padding-left: 12px; padding-right: 12px; width: 100%; }

@media only screen and (min-width: 540px) {
    .m-global-promotion > div { padding-left: 24px; padding-right: 24px; }
}

@media only screen and (min-width: 768px) {
    .m-global-promotion > div { padding-left: 0; padding-right: 0; }
}

.m-global-promotion > div > div .c-heading { font-size: 20px; line-height: 24px; padding: 35px 0 5px; font-weight: 200; padding-top: 8px; }
.m-global-promotion > div > div .c-paragraph { font-size: 15px; line-height: 20px; padding: 24px 0 0; font-weight: 400; padding-top: 8px; }

@media only screen and (min-width: 768px) {
    .m-global-promotion > div > div { max-width: 70%; margin: 0 auto; }
}

@media only screen and (min-width: 1084px) {
    .m-global-promotion > div > div { max-width: 50%; }
}

.m-global-promotion > div > .c-group { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 540px) {
    .m-global-promotion > div > .c-group { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
        .m-global-promotion > div > .c-group .c-call-to-action { margin: 0; }
}

@media only screen and (min-width: 768px) {
    .m-global-promotion.f-image { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: left; padding: 0; }
        .m-global-promotion.f-image > div { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: calc(100% - 320px); padding: 12px 0 12px 12px; width: auto; }
            .m-global-promotion.f-image > div > div { margin: 0; }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
    .m-global-promotion.f-image > div > div { max-width: none; }
        .m-global-promotion.f-image > div > div .c-heading { padding-top: 0; }
}

@media only screen and (min-width: 768px) and (min-width: 1084px) {
    .m-global-promotion.f-image > div > div { max-width: none; }
}

@media only screen and (min-width: 768px) {
    .m-global-promotion.f-image > div > div + div { text-align: right; min-width: 250px; }
}

@media only screen and (min-width: 768px) and (min-width: 1084px) {
    .m-global-promotion.f-image > div { min-width: calc(100% - 440px); }
}

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

    .m-global-promotion > div { padding-bottom: 22px; }
    .m-global-promotion .c-call-to-action { margin-left: 0px; margin-right: 0px; }
}

@media only screen and (min-width: 767px) {
    .hero-preorder-banner.ie10 .text-container { width: 60%; display: table; }
    .hero-preorder-banner.ie10 .header-container { width: 80%; display: table-cell; vertical-align: middle; }


    .hero-preorder-banner.ie10 .cta-container { width: 20%; display: table-cell; vertical-align: middle; }
}

.promos .theme-dark { background: none; }

.c-carousel li.f-animate-next picture img, .c-carousel li.f-animate-next picture img, .c-carousel li.f-animate-next .text-container { -webkit-animation: hero-content-next 0.667s cubic-bezier(0.16, 1, 0.29, 0.99) both; animation: hero-content-next 0.667s cubic-bezier(0.16, 1, 0.29, 0.99) both; }

.c-carousel li.f-animate-previous .text-container, .c-carousel li.f-animate-previous picture img { -webkit-animation: hero-content-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; animation: hero-content-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }


.theme-dark .m-global-promotion a.c-call-to-action:hover, .theme-dark .m-global-promotion a.c-call-to-action:active, .theme-dark .m-global-promotion a.c-call-to-action:visited, .theme-dark .m-global-promotion a.c-call-to-action:focus { background: none; }

.promos { overflow: hidden; }
    .promos .c-carousel .c-sequence-indicator { bottom: 10px; }
    .promos .c-group { position: static; }
.theme-dark .c-sequence-indicator button:focus, .theme-light .theme-dark .c-sequence-indicator button:focus { outline: rgb(0, 0, 0) none 0px; }

/* SHow Hide*/
.svg-container svg {
    width: 23px;
    height: 23px;
    fill: #fff;
    vertical-align: sub;
    margin-bottom: -4px;
    padding-left: 5px;
}
svg:not(:root) {
    overflow: hidden;
}

.hide {
    display: none !important;
}
a[role=button].c-button, button.c-button {
    color: #fff;
    background-color: #107c10;
}

/************ Xbox Live pages **************/
/* fix for hero text under logo in desktop sizes*/
.m-hero-item h1.c-heading {
  max-height: 212px;
}
/* GWG 3-across infinite boxshots */
[data-grid*="col-12"].three-across  {
  padding: 24px 15%;
}
  @media screen and (min-width: 1084px) {
     .xbox-live-table p.c-paragraph-1 {width: 80%; margin-top: 29px;}
  }
@media (min-width: 1489px) {
  [data-grid*="col-12"].three-across .three-across-item {
    height: 36vw;
  }
}
@media (min-width: 1080px) and (max-width: 1488px) {
  [data-grid*="col-12"].three-across .three-across-item {
    height: 46vw;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  [data-grid*="col-12"].three-across {
    padding: 24px 6%;
  }
  [data-grid*="col-12"].three-across .three-across-item {
    height: 66vw;
  }
}

/* 6x2 boxshot-only layout */
.gameDivsWrapper.gameList-6-2 {
    width: 922px;
    padding: 24px 6px;
}
@media (min-width: 640px) and (max-width: 941px) {
  .gameDivsWrapper.gameList-6-2 {
    width: 618px;
  }
}
@media (max-width: 639px) {
  .gameDivsWrapper.gameList-6-2 {
    width: 302px;
    padding: 0px 0px;
  }
}
.gameList-6-2 .m-product-placement-item {
    margin-right: 12px !important;
    margin-left: 12px !important;
    width: 124px !important;
}
/* Xbox Live Gold table */
.xbox-live-table {
    padding: 0 2% 4vw;
}
.xbox-live-table.c-table td {
    padding: 20px 12px;
}
.xbox-live-table h3.c-heading-3, 
.xbox-live-table h4.c-heading-4 {
    padding: 0;
}
@media (min-width: 1080px) {
  .xbox-live-table p.c-paragraph-1 {
    width: 80%;
  }
}
@media (max-width: 508px) {
  .xbox-live-table h4.c-heading-4 {
    font-size: 14px;
  }
  .xbox-live-table p.c-paragraph-1 {
    font-size: 12px;
  }
  .xbox-live-table td.f-numerical.f-sub-categorical {
    width: 26%;
  }
  .xbox-live-table img {
    width: 100%;
  }
}
/* End  Xbox Live Pages */

/* Console and Accessory hubs */
.consoleList .consoleItem {
    float: none !important;
    display: inline-block;
    margin-bottom: 24px;
    vertical-align: top;
}
.itemCat .item {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-top: 24px;
}
.itemCat.catHidden {
  display: none;
}
.hiLo.priceSelected, .loHi.priceSelected {
  text-decoration: underline;
}
.c-feature a:focus picture {outline: 1px dashed !important;}

.c-dialog.f-lightbox > [role=presentation] + .c-glyph, .c-dialog.f-lightbox:hover > [role=presentation] + .c-glyph {
    color: #5dc21e; 
    z-index: 1001;
}

/* End Console and Accessory hubs */

/* mosaic over rides */
.c-mosaic-placement > div {
    justify-content: flex-end;
    padding-bottom: 50px;
}
.c-mosaic-placement .firstItem {
    justify-content: center;
}

.c-mosaic-placement .c-subheading {padding-top: 5px !important;}

/***** Scaling Mosaic *************/

            .mosaic-container {margin: 0 auto; }
            .mosaic-container a:focus img {outline: dashed !important;}
            .m-scale-mosaic { padding-left: 0px; padding-right: 0px; }
            .m-scale-mosaic .square div img { width: 100%; }
            .m-scale-mosaic .rect img { width: 100%; }
            .m-scale-mosaic .c-group span { color: #fff; font-size: 18px; font-weight: 700;}
            .m-scale-mosaic .c-group { position: relative; display: block; max-height: 60px; }
            .m-scale-mosaic .c-group.first span { color: #fff; font-size: 44px; font-weight: 100; }


        @media screen and (min-width: 0px) {
            .mosaic-container .dsk {display: none;}
            .mosaic-container .mob {display: block;}
            .mosaic-container { width: 100%; }
            .m-scale-mosaic .square div, .m-scale-mosaic .rect  { width: 320px; text-align: center; }
            .m-scale-mosaic .btmTouts .square { position: relative; top: -150px;}    
            .m-scale-mosaic .btmTouts .rect { position: relative; bottom: -640px; height: 150px; }
            .m-scale-mosaic .square div {height: 320px; }
            .m-scale-mosaic .tpTouts, .m-scale-mosaic .btmTouts { height: 960px; }
            .m-scale-mosaic .c-group {padding: 0 10px; bottom: 75px;}
            .m-scale-mosaic .c-group.first { bottom: 200px; }  
        }
        @media screen and (min-width: 320px) {
            .mosaic-container { width: 320px; }
        }

        @media screen and (min-width: 540px) {
            .mosaic-container .dsk {display: block;}
            .mosaic-container .mob {display: none;}
            .mosaic-container { width: 496px; }
            .m-scale-mosaic .square div { display: inline-block; float: left; width: 248px; }
            .m-scale-mosaic .rect { width: 496px; }
            .m-scale-mosaic .btmTouts .square { top: -248px; }    
            .m-scale-mosaic .btmTouts .rect { bottom: -248px; height: 248px; }
            .m-scale-mosaic .square div { height: 248px; }
            .m-scale-mosaic .tpTouts { height: 496px; }
             .m-scale-mosaic .btmTouts {height: auto;}
            .m-scale-mosaic .c-group { bottom: 80px;}
            .m-scale-mosaic .c-group.first { bottom: 180px; }  
        }

        @media screen and (min-width: 768px) {
            .mosaic-container { width: 688px; }
            .m-scale-mosaic .square div { display: inline-block; float: left; width: 344px; }
            .m-scale-mosaic .rect { width: 688px; }
            .m-scale-mosaic .btmTouts .square { top: -344px; }  
            .m-scale-mosaic .btmTouts .rect { bottom: -344px; height: 344px; }
            .m-scale-mosaic .square div { height: 344px; }
            .m-scale-mosaic .tpTouts { height: 688px; }
            .m-scale-mosaic .c-group.first { bottom: 230px; }     
        }

        @media screen and (min-width: 1084px) {
            .mosaic-container { width: 960px; }
            .m-scale-mosaic .square div { display: inline-block; float: left; width: 240px; height: 240px;}
            .m-scale-mosaic .tpTouts { height: 240px; }
            .m-scale-mosaic .tpTouts .rect { display: inline-block; width: 480px; }
            .m-scale-mosaic .btmTouts .square { top: 0px; } 
            .m-scale-mosaic .btmTouts .rect { display: inline-block; float: left; width: 480px; }
            .m-scale-mosaic .c-group span { font-size: 14px;}
            .m-scale-mosaic .btmTouts .rect { bottom: 0px; height: 240px; }
            .m-scale-mosaic .c-group { bottom: 80px;}
            .m-scale-mosaic .c-group.first { bottom: 170px; }  
        }

        @media screen and (min-width: 1400px) {
            .mosaic-container { width: 1260px; }
            .m-scale-mosaic .tpTouts { height: 315px; }
            .m-scale-mosaic .square div { width: 315px; height: 315px; }
            .m-scale-mosaic .btmTouts .rect, .m-scale-mosaic .tpTouts .rect { width: 630px; }
            .m-scale-mosaic .c-group span { font-size: 18px;}
            .m-scale-mosaic .c-group.first { bottom: 200px; }  
        }

        @media screen and (min-width: 1600px) {
            .mosaic-container { width: 1420px; }
            .m-scale-mosaic .tpTouts { height: 355px; }
            .m-scale-mosaic .square div { width: 355px; height: 355px; }
            .m-scale-mosaic .btmTouts .rect, .m-scale-mosaic .tpTouts .rect { width: 710px; }
            .m-scale-mosaic .c-group.first { bottom: 230px; }
        }

        @media screen and (min-width: 1800px) {
            .mosaic-container {width: 1600px; }
            .m-scale-mosaic .tpTouts { height: 400px; }
            .m-scale-mosaic .square div { width: 400px; height: 400px; }
            .m-scale-mosaic .btmTouts .rect, .m-scale-mosaic .tpTouts .rect { width: 800px; }
            .m-scale-mosaic .c-group.first { bottom: 230px; }     
        }

/* FAQ */

.faq-mwf hr {
    margin-top: 0;
    margin-bottom: 0;
}
.faq-mwf button p {
    padding: 10px 0;
    color: #107c10;
}
.faq-mwf .c-paragraph-2 {
    padding: 32px;
}
.faq-mwf .m-banner {
    max-width: 1600px;
    padding: 8px 0;
    text-align: right;
}

/* Price Spider */
.priceFrom {
    margin: 12px 20px 0 0;
    float: none;
    font-weight: 700;
}

@media screen and (min-width:1025px) {
.ps-widget:hover {
    background-color: #0d630d;
    border: 1px solid transparent;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
}
}
.ps-widget {
    display: inline-block !important;
    float: none !important;
}

/****************************/
.apps-infinite .appsCopy {padding-left: 20px;}
.apps-infinite h4 {padding: 0 0 4px;}
.apps-infinite .f-row p {padding: 5px 0 !important;}
.apps-infinite .f-row {margin-bottom: 37px;}


.eaAccess {padding: 10px 0;}
.eaAccess img {max-width: 100%;}  
.eaAccess p {padding: 38px 0px 2px 20px;}
@media screen and (max-width: 540px) {
    .eaAccess img {padding-left: 25vw;}  
}

@media screen and (min-width: 540px) {
.eaAccess .tall {height: 225px; line-height: 225px;}
.eaAccess .short {height: 150px; line-height: 150px;} 
}
@media screen and (min-width: 768px) {
.eaAccess .tall {height: 177px; line-height: 177px;}
.eaAccess .short {height: 150px; line-height: 150px;} 
}
@media screen and (min-width: 1084px) {
.eaAccess .tall {height: 150px; line-height: 150px;}
.eaAccess .short {height: 150px; line-height: 150px;} 
}
@media screen and (min-width: 1400px) {
.eaAccess .tall {height: 150px; line-height: 150px;}
.eaAccess .short {height: 100px; line-height: 100px;} 
}
/* infinite game/box lists */
/* windows 10 games page */
.win10games .gameDivCTA {
      text-align: center;
}

.win10games .gameDivsWrapper {
    text-align: center;
    width: 100%;
}
.win10games .gameDivsWrapper .gameDiv {
    text-align: left;
    display: inline-block;
    margin: 24px 10px 16px;
    vertical-align: top;
    min-width: 220px;
    max-width: 497px;
    width: 30% !important;
}
.win10games .m-heading-4+[class*=m-] {
    padding-top: 0;
}
.win10games .containerIMG {
  position: relative;
}
.win10games .containerIMG .c-image {
  width: 100%;
  max-width: 497px;
}

/* shell work arounds */
.cookieBannerWrapper {
    background-color: #646464;
    display: none;
    height: 26px;
    min-width: 960px;
}
.cookieBanner {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.cookieBanner .learnMore {
    height: 26px;
    float: right;
}

.cookieBanner .alertDescription {
    float: left;
    color: #fff;
    text-align: left;
    font: 12px/26px "Segoe UI",Arial,Sans-Serif;
    max-width: 810px;
}

.cookieBanner .learnMore a, .cookieBanner .learnMore a:visited {
    display: block;
    float: left;
    color: #fff;
    font: 12px/26px "Segoe UI Semibold",Arial,Sans-Serif;
}
.cookieBanner .learnMore img {
    margin-top: 5px;
    margin-left: 20px;
    cursor: pointer;
}

.price-spider {max-width: 400px;}


/* Footer Icons */

        .sharedIcons .homeIcon {
                    float: none; 
                    display: inline-block; 
}

/* Apps Infinite */

@media screen and (max-width: 540px) {
.f-row img {padding-left: 20px; padding-bottom: 20px;}
}
@media screen and (min-width: 1084px) {
.f-row .appsCopy {height: 300px;}
}

/* For Legal Icon */
@media (min-width: 768px) and (max-width: 1400px) {
.legal img {padding-bottom:60px;}
}
@media only screen and (max-width:767px) {
.legal img {max-width: 25%;  padding-bottom:10px;}
} 

/* tighter m-banner */
.m-banner.banner-leaner {
  padding-top: 20px;
}


/* X1 Hero CrossSell start */
@media screen and (max-width: 767px) {
.heroCrossSell .m-hero-item > div {
height: 143px !important;}
}

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

@media screen and (min-width: 1084px) {
.heroCrossSell .m-hero-item {
    max-height: 600px;
    height: 30.7vw;}
} 

.heroCrossSell a.c-call-to-action {
color: #5DC21E !important;
}

.heroCrossSell {
background-color: #171717;
}
/* X1 Hero CrossSell end */


/* Family Cross-sell start */
@media screen and (max-width: 767px) {
.familyCrossSell .m-hero-item > div {
height: 200px !important;}
}

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

@media screen and (min-width: 1084px) {
.familyCrossSell .m-hero-item {
    max-height: 600px !important;
    height: 30.7vw !important;}
} 

@media only screen and (max-width: 767px) {
.familyCrossSell .m-hero-item .c-subheading, .familyCrossSell .m-hero-item>div picture, .familyCrossSell .m-hero-item[class*=f-x][class*=f-y]>picture:after {
    display: block !important;}

.familyCrossSell .m-hero-item > div > div picture img {
    max-width: 255px;
}


.familyCrossSell .c-heading-3 {
    padding-top: 10px !important;
}
/* Family Cross-sell Start end */

/* Page Bar */
.m-page-bar {max-width: 100%;}
@media screen and (max-width: 767px) {
.m-page-bar span {
    font-size: 10px !important;}
}
}

/* SVG Images */
.tg-svgHeroLogos{
 height:34px !important; 
}
.tg-svgPurchaseLogos{
 height:23px !important; 
}
.tg-svgXPALogo{
 height:60px !important; 
}
.tg-svgEAAccessLogo{
 height:57px !important; 
}
/* SVG Images END */