/*** Hero Carousel-Flippers center alignment****/
.m-hero .flippers {position: absolute;}

/*Fix for Multilevel navigation in UHF breaking when Picchu refernce is removed*/

.c-nav-dropdown-menu {
    overflow: visible!important
}
@media screen and (min-width: 899px) and  (max-width: 1095px) { 
.shell-category-header .c-nav-pagination.c-nav-pagination-next{right: -4%!important;}
}
@media screen and (min-width: 899px) and  (max-width: 917px) { 
.shell-category-header .c-nav-pagination.c-nav-pagination-next{margin-right:-4px !important;}
}

/*footer space issue*/

iframe[name^='__bkframe'] {
    display: none;
}
/*setting up live area*/

.live-area {
    padding-left: 12px;
    padding-right: 12px;
}
.live-area-left {
    padding-left: 12px;
}
.live-area-right {
    padding-right: 12px;
}
.live-area-margin,
.divider .c-divider {
    margin-left: 12px;
    margin-right: 12px;
}
.live-area-margin-left,
.divider .c-divider {
    margin-left: 12px;
}
.live-area-margin-right {
    margin-right: 12px;
}
.c-button.green-fb {
    background-color: #107C10;
    color: white;
    font-weight: 600;
}
.green-bgc {
    background-color: #107C10!important;
    color: #FFF!important;
}

a.c-call-to-action.green-bgc:focus,
a.c-call-to-action.green-bgc:hover {
    background-color: #0d630d!important;
}
.green-c {
    color: #107C10 !important;
    background:transparent !important;
}

.green-c span:hover{
text-decoration: underline !important;
}

@media screen and (min-width: 1084px){
.black-white-c{
color:#000!important;
}
.white-green-c{
color:#fff!important;
}
}
@media screen and (max-width: 1083px){
.black-white-c{
color:#fff!important;
}
.white-green-c{
color:#107C10!important;
}
}
div#BodyContent {
    width: 100%;
}
.clear {
    display: none;
}
.text-center {
    text-align: center;
}
.lightboxcontent {
    position: fixed !important;
    top: 6%;
    z-index: 5000;
}
.hide {
    display: none !important;
}
body div#BodyFooter {
    clear: both;
    width: 100%;
}
/*   Green button styles override */

a.c-button.green-fb[role="button"] {
    background-color: #107C10;
    color: white;
    font-weight: 600;
}
/*Box shots -- Start*/

.gameDivsWrapper {
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}
/*Box shots -- end*/
/* Paragraph container */

.p-container p {
    padding-left: 36px;
    padding-right: 36px;
}
.p-container.comp-notes {
    padding-bottom: 38px;
    padding-top: 38px;
}
/* Pop- up video CSS */

.popup-youtube-video .ytplayer {
    min-width: 880px;
    min-height: 500px;
}
@media (max-width: 540px) {
    .p-container p {
        padding-left: 12px;
        padding-right: 12px;
    }    
    .p-container.comp-notes {
        padding-bottom: 36px;
        padding-top: 4px;
    }
}
.shell-category-header {
    z-index: 10 !important;
    position: relative !important;
}
.shell-search input[type="search"] {
    box-sizing: border-box;
}

.black-bgc {
    background: #000000;
    color: #FFF;
}
/* Green CTA with link icon*/

.c-button.green-fb.c-glyph.c-call-to-action,
.green-bgc.c-glyph.c-call-to-action {
    margin-left: 0px;
}
.c-button.green-fb.c-glyph.c-call-to-action.side-by-side,
.green-bgc.c-glyph.c-call-to-action.side-by-side {
    margin-right: 15px;
}
.green-bgc.c-glyph.c-call-to-action {
    margin-top: 15px;
}
button.c-button.c-glyph,
a.c-glyph.c-button[role="button"] {
    padding: 10px 27px 11px 12px;
font-weight:400;
}
/*RavenGallery item play icon and close buttons w.r.t WWF styles - Start*/

.play-button {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    border: transparent;
    border-radius: 50%;
    margin: 0;
    height: 80px;
    width: 80px;
    margin-top: 0;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}
.play-button:before {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    color: #FFF;
    font-size: 30px;
    content: "";
    margin: 0;
    margin-left: 2px;
}
.lightboxclosebutton {
    color: rgba(255, 255, 255, 0.6);
    position: absolute;
    width: 36px;
    height: 36px;
    right: 0;
    top: 0;
    cursor: pointer;
    float: right;
    bottom: 35px;
}
.lightboxclosebutton img {
    display: none;
}
.lightboxclosebutton:before {
    content: "";
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    font-family: "MWF-MDL2";
    margin: 10px;
}
.lightboxclosebutton:hover {
    color: rgba(255, 255, 255, 0.8);
}
/*RavenGallery item play icon and close buttons w.r.t WWF styles - End*/
/*Removing CTA border color on hover */

a.c-call-to-action:hover,
a.c-call-to-action:focus {
    border-color: transparent !important;
}



/*To make all CTA to uppercase*/

.c-call-to-action span {
    text-transform: uppercase;
    max-width: none;
}
a.c-call-to-action span {
    max-width: none;
}
/*Padding references*/

.pad-thin {
    padding-top: 24px;
   /* padding-bottom: 24px;*/
}
/*.pad-thin-top {
    padding-top: 24px;
}
.pad-thin-bottom {
    padding-bottom: 24px;
}*/
.pad-medium {
    padding-top: 40px;
 /*   padding-bottom: 40px;*/
}
/*.pad-medium-top {
    padding-top: 40px;
}
.pad-medium-bottom {
    padding-bottom: 40px;
}*/
.pad-large {
    padding-top: 80px;
   /* padding-bottom: 80px;*/
}
/*.pad-large-top {
    padding-top: 80px;
}
.pad-large-bottom {
    padding-bottom: 80px;
}*/
/**********************/
/*Hero item fix*/
/*live area fixes*/

/*.mwf-hero-item.c-hero.f-x-left>div>div,
.mwf-hero-item.m-hero-item.f-x-left>div>div {
    left: initial;
    margin-left: 12px;
}
.mwf-hero-item.c-hero.f-x-right>div>div,
.mwf-hero-item.m-hero-item.f-x-right>div>div {
    right: initial;
    margin-right: 12px;
}
.mwf-hero-item.c-hero>div,
.mwf-hero-item.m-hero-item>div {
    width: 100%;
    max-width: calc(1600px + 10%);
}*/
/*If header content is more and was croping*/

/*.mwf-hero-item.m-hero-item .c-heading {
    max-height: none;
}*/
/*Project specific*/

.c-call-to-action.gallery {
    position: static !important;
}
/*in case of big logos - project specific, please ignore*/

.m-hero-item.gwg-hero > div > div picture img {
    width: 172px;
}
/*in case of big logos - project specific, please ignore*/

@media screen and (min-width: 768px) {
    .m-hero-item.gwg-hero > div > div picture img {
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    /*to display logo with copy in mobile*/
    
    /*.mwf-hero-item.m-hero-item > div picture,
    .mwf-hero-item.c-hero > div picture {
        display: block;
    }
    /*to display subheading with copy in mobile*/
    
    /*.mwf-hero-item.m-hero-item .c-subheading,
    .mwf-hero-item.c-hero .c-subheading {
        display: block;
        max-height: none;
    }
    .mwf-hero-item.c-hero>div,
    .mwf-hero-item.m-hero-item>div {
        height: 100%;
    }
    .mwf-hero-item.m-hero-item[class*="f-x"][class*="f-y"] > div > div,
    .mwf-hero-item.c-hero[class*="f-x"][class*="f-y"] > div > div {
        transform: none;
        -webkit-transform: none;
    }*/
}
@media screen and (max-width: 539px) {
  /*  .mwf-hero-item.c-hero.f-x-left>div>div,
    .mwf-hero-item.m-hero-item.f-x-left>div>div {
        margin-left: 0px;
    }
    .mwf-hero-item.c-hero.f-x-right>div>div,
    .mwf-hero-item.m-hero-item.f-x-right>div>div {
        margin-right: 0px;
    }*/
}
/**********************/

@media screen and (min-width: 540px) {
    .live-area {
        padding-left: 24px;
        padding-right: 24px;
    }
    .live-area-left {
        padding-left: 24px;
    }
    .live-area-right {
        padding-right: 24px;
    }
    .live-area-margin,
    .divider .c-divider {
        margin-left: 24px;
        margin-right: 24px;
    }
    .live-area-margin-left {
        margin-left: 24px;
    }
    .live-area-margin-right {
        margin-right: 24px;
    }
    /*.mwf-hero-item.c-hero.f-x-left>div>div,
    .mwf-hero-item.m-hero-item.f-x-left>div>div {
        margin-left: 24px;
    }
    .mwf-hero-item.c-hero.f-x-right>div>div,
    .mwf-hero-item.m-hero-item.f-x-right>div>div {
        margin-right: 24px;
    }*/
    .pad-thin {
        padding-top: 36px;
       /* padding-bottom: 36px;*/
    }
   /* .pad-thin-top {
        padding-top: 36px;
    }
    .pad-thin-bottom {
        padding-bottom: 36px;
    }*/
    .pad-medium {
        padding-top: 52px;
       /* padding-bottom: 52px;*/
    }
   /* .pad-medium-top {
        padding-top: 52px;
    }
    .pad-medium-bottom {
        padding-bottom: 52px;
    }*/
    .pad-large {
        padding-top: 100px;
       /* padding-bottom: 100px;*/
    }
   /* .pad-large-top {
        padding-top: 100px;
    }
    .pad-large-bottom {
        padding-bottom: 100px;
    }*/
}
@media screen and (min-width: 768px) {
    .live-area {
        padding-left: 36px;
        padding-right: 36px;
    }
    .live-area-left {
        padding-left: 36px;
    }
    .live-area-right {
        padding-right: 36px;
    }
    .live-area-margin,
    .divider .c-divider {
        margin-left: 36px;
        margin-right: 36px;
    }
    .live-area-margin-left {
        margin-left: 36px;
    }
    .live-area-margin-right {
        margin-right: 36px;
    }
    .mwf-hero-item.c-hero.f-x-left>div>div,
    .mwf-hero-item.m-hero-item.f-x-left>div>div {
        margin-left: 36px;
    }
    .mwf-hero-item.c-hero.f-x-right>div>div,
    .mwf-hero-item.m-hero-item.f-x-right>div>div {
        margin-right: 36px;
    }
}
/***** Footnotes ******/
@media screen and (min-width: 1083px) {
    .footnotes {
        padding-top: 44px;
        padding-bottom: 45px;
    }
}
@media (max-width: 1083px) {
.footnotes {
    padding-top: 32px;
    padding-bottom: 32px;
}
}


/****** Footnotes overides end******/
@media screen and (min-width: 1400px) {
    .live-area {
        padding-left: 48px;
        padding-right: 48px;
    }
    .live-area-left {
        padding-left: 48px;
    }
    .live-area-right {
        padding-right: 48px;
    }
    .live-area-margin {
        margin-left: 48px;
        margin-right: 48px;
    }
    .divider .c-divider {
        margin-left: 0px;
        margin-right: 0px;
    }
    .live-area-margin-left {
        margin-left: 48px;
    }
    .live-area-margin-right {
        margin-right: 48px;
    }
    /*.mwf-hero-item.c-hero.f-x-left>div>div,
    .mwf-hero-item.m-hero-item.f-x-left>div>div {
        margin-left: 48px;
    }
    .mwf-hero-item.c-hero.f-x-right>div>div,
    .mwf-hero-item.m-hero-item.f-x-right>div>div {
        margin-right: 48px;
    }*/
    .pad-thin {
        padding-top: 48px;
       /* padding-bottom: 48px;*/
    }
   /* .pad-thin-top {
        padding-top: 48px;
    }
    .pad-thin-bottom {
        padding-bottom: 48px;
    }*/
    .pad-medium {
        padding-top: 60px;
       /* padding-bottom: 60px;*/
    }
    /*.pad-medium-top {
        padding-top: 60px;
    }
    .pad-medium-bottom {
        padding-bottom: 60px;
    }*/
    .pad-large {
        padding-top: 120px;
     /*   padding-bottom: 120px;*/
    }
  /*  .pad-large-top {
        padding-top: 120px;
    }
    .pad-large-bottom {
        padding-bottom: 120px;
    }*/
}
@media screen and (min-width: 540px) and (max-width: 1083px) {
    .p-container.comp-notes {
        padding-bottom: 32px;
        padding-top: 32px;
    }
}
@media screen and (max-width: 1083px) {
    .xbox-one-s-caption [data-grid~="col-6"] {
        text-align: center;
        width: 100%;
    }
    .xbox-one-s-caption.right-align [data-grid~="col-6"]:first-child {
        display: none;
    }
    
    .xbox-one-s-caption.left-align [data-grid~="col-6"]:nth-child(2) {
        display: none;
    }
}
/* Start of CSS for Footer Container */

.footer-container {
    background: #000000;
    color: #FFFFFF;
}
.footer-container .f-banner {
    padding-top: 48px;
    padding-bottom: 48px;
}
.footer-container .m-banner {
    padding-bottom: 48px;
}
.footer-container .f-banner .c-paragraph-1:first-child,
.footer-container .f-banner .c-caption-1:first-child,
.footer-container .m-banner .c-paragraph-1:first-child,
.footer-container .m-banner .c-caption-1:first-child {
    padding-top: 0;
}
.footer-container .pad-36x {
    padding-left: 36px;
    padding-right: 36px;
}
.footer-container .footer-font-italic {
    font-style: italic;
}
 .footer-container img{padding-bottom:40px;}
@media screen and (max-width: 1083px) {
    .footer-container .f-banner {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .footer-container .m-banner {
        padding-bottom: 36px;
    }
 .footer-container img{padding-bottom:28px;}
}
@media screen and (max-width: 539px) {
    .footer-container .pad-12x {
        padding-left: 12px;
        padding-right: 12px;
    }
 .footer-container img{padding-bottom:28px;}
}
/* End of CSS for Footer Container */

button.watch-video-cta {
    color: white;
    background-color: transparent;
    outline: none !important;
    border: none;
    text-decoration: none!imporatant;
}
button.watch-video-cta:hover {
    border-color: transparent;
}
.c-dialog [role="dialog"] {
    height: 76%!important;
    min-width: 65%;
}
.popup-youtube-video {
    height: 100%;
}
.popup-youtube-video .ytplayer {
    min-width: 100%;
    min-height: 100%;
}
#default-lightbox-preview [role="document"] {
    height: 100%;
}
button.watch-video-cta.c-action-trigger:hover {
    color: #f2f2f2;
    outline: none;
    text-decoration: underline !important;
}
button.watch-video-cta.c-action-trigger:active {
    color: #f2f2f2;
    border: none;
    background-color: transparent;
}
button.watch-video-cta.c-action-trigger:focus {
    color: #f2f2f2;
    outline: none !important;
}
button.c-action-trigger.watch-video-cta:visited {
    text-decoration: none;
    border: none;
}

/*********************************************/

/** Xbox Specific Typography - Padding overrides ********************Strat******/
/************************************************************/

/** override for Content Placement**/
.m-content-placement-item .c-heading-4{
    padding-top: 12px;
}

.m-content-placement-item .c-paragraph-3{
    padding-top: 2px;
}

.m-content-placement-item .c-caption-1{
    padding-top: 10px;
}
.m-content-placement-item .c-call-to-action.green-bgc span:hover, 
.c-feature > div .c-call-to-action.green-bgc span:hover,.m-banner a.c-call-to-action.green-bgc span:hover
{text-decoration:none;}
.m-content-placement-item > a:first-child:hover ~ .c-call-to-action span{text-decoration:underline;}
.m-content-placement-item > a:first-child:hover ~ .c-call-to-action.green-bgc span{
text-decoration:none!important;
}
.m-product-placement-item .c-heading-6{
   padding-top:8px;
}
/** Xbox Specific Typography - Padding overrides ********************End******/
/************************************************************/

/** Xbox Specific Typography - Padding overrides for feature panel ********************Strat******/
/************************************************************/
@media screen and (max-width: 1083px){
  .c-feature .c-video, .c-feature picture ,.c-feature picture img,.m-multi-feature .c-carousel li > picture.c-image img{
      width:100% !important;
   }
   .c-feature.f-align-left > div, .c-feature.f-align-right > div {
      margin-top: 0px !important;
      display: block;
   }
}

.c-feature .c-video, .c-feature picture {
  text-align: center;
}

/** Xbox Specific Typography - Padding overrides for feature panel********************End******/
/************************************************************/
/**** Content placement heading underline css *****/
.m-content-placement-item > a:first-child:hover [class*=c-heading], .c-content-placement > a:first-child:hover [class*=c-heading]{
    text-decoration: underline;
}

/** Fix the CTA text truncation issue for Mosaic Panel. If CTA text is of more length, let the text wrap to next line.**************************/
.c-mosaic-placement a.c-call-to-action span {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}

@media only screen and (min-width: 1084px)
{
 .c-feature.f-align-left > div,    .c-feature.f-align-right > div 
{
width: 37.5%;
}
}

/** WDG OVERRIDES- UPDATE THIS FOR ANY NEW CHANGES********************START******/
/************************************************************/

/** Typography - Font overrides *****Start*****/
/**********************************************/
/**All panels Mosaic panel header 5 same font value**/

.m-mosaic .c-heading-5 {
    font-size: 20px;
    line-height: 24px;
}
/**Custom css for 1399 viewport for Hero, Immersive Hero, Area Heading, Banner **/

@media (max-width: 1399px) {
    /** override of header 2 for Hero, Immersive Hero, Area Heading, Banner (as rest panel donot have header 2 not need to add component specific class) **/
    
    .c-heading-2 {
        font-size: 34px;
        line-height: 40px;
        padding: 38px 0 2px;
    }
    /**Override   subheader 2 only for heros and banners**/
    
    .m-hero-item .c-subheading-2,
    .m-banner .c-subheading-2 {
        font-size: 20px;
        line-height: 24px;
    }
    /**override header 3 for features panel **/
    
    .m-feature .c-heading-3 {
        font-size: 34px;
        line-height: 40px;
    }
}
/**Custom css for 1083 viewport for Content Rich Block, Rich heading, Drawer & Content Placement **/

@media (max-width: 1083px) {
    /**Override for heading 4 in Content placement & Subheading 2 for Content Rich Block, Rich heading, Drawer **/
    
    .c-heading-4,
    .c-subheading-2 {
        font-size: 20px;
        line-height: 24px;
    }
    /** override for heading 3 for Content Rich Block, Rich heading, Drawer **/
    
    .c-heading-3 {
        font-size: 24px;
        line-height: 30px;
    }
}
/**Custom css for 539 viewport for Feature,Content Rich Block, Rich heading, Drawer & Content Placement **/

@media (max-width: 539px) {
    /** override for heading 3 for Features, Content Rich Block, Rich heading, Drawer & header 4 of Content placement **/
    
    .m-feature .c-heading-3,
    .c-heading-3,
    .c-heading-4 {
        font-size: 26px;
        line-height: 32px;
    }
    /** override for heading 2 for Content Rich Block, Rich heading, Drawer **/
    
    .c-subheading-2 {
        font-size: 18px;
        line-height: 24px;
    }
}
/** Typography - Font overrides ********************End******/
/************************************************************/
/** Hero Item - Overrides *****Start*******/
/******************************************/
@media (max-width: 539px){
.c-carousel li .m-hero-item > div > div, .c-carousel li .c-hero > div > div, .m-hero-item > div >div, .c-hero > div > div{padding-bottom:28px;}
}
@media (max-width: 767px){
.m-hero-item > div picture, .c-hero > div picture{display:block;}
}
@media screen and (min-width:540px)  and (max-width: 1083px){
.c-carousel li .m-hero-item > div > div, .c-carousel li .c-hero > div > div, .m-hero-item > div >div, .c-hero > div > div{padding-bottom:40px;}
.m-hero-item > div, .c-hero > div{width:66.6667%;}
}
@media only screen and (min-width: 768px) and (max-width: 1083px) {
    .c-hero,
    .m-hero-item {
        height: auto;
        padding: 0;
        text-align: center;
    }
    .c-hero > div,
    .m-hero-item > div {
        padding: 12px;
        position: relative;
    }
    .c-hero[class*=f-x][class*=f-y] > picture img,
    .m-hero-item[class*=f-x][class*=f-y] > picture img {
        top: 0;
        left: 0;
        left: calc(50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .c-hero[class*=f-x][class*=f-y] > div > div,
    .m-hero-item[class*=f-x][class*=f-y] > div > div {
        position: relative;
        margin: 0 auto;
        left: 0;
        top: 0;
        top: calc(50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 100%;
    }
    .c-hero > div > div > div,
    .m-hero-item > div > div > div {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media only screen and (max-width: 1083px) {
    .m-hero-item .c-pivot > header {
        display: inline-block;
        margin-top: 20px;
    }
    .c-hero[class*=f-x][class*=f-y] > div > div,
    .m-hero-item[class*=f-x][class*=f-y] > div > div {
        transform: none;
        top: 0;
    }
    .c-hero[class*=f-x][class*=f-y] > div,
    .m-hero-item[class*=f-x][class*=f-y] > div {
        height: auto;
    }
    .m-hero-item > div > div .c-heading-2,
    .c-hero .m-hero-item > div > div .c-heading-2,
    .m-banner .c-heading-2 {
        padding-top: 0px;
    }
  .c-carousel li.f-animate-next .m-hero-item[class*="f-x"][class*="f-y"] > picture img,
    .c-carousel li.f-animate-next .c-hero[class*="f-x"][class*="f-y"] > picture img,
    .c-carousel li.f-animate-previous .m-hero-item[class*="f-x"][class*="f-y"] > picture img,
    .c-carousel li.f-animate-previous .c-hero[class*="f-x"][class*="f-y"] > picture img {
        -webkit-animation-name: hero-background-next-x-center;
        animation-name: hero-background-next-x-center;
    }
}
@media only screen and (min-width: 1084px) {
    .m-hero-item > div,
    .c-hero > div {
        max-width: 1600px;
    }
    .m-hero-item > div > div,
    .c-hero > div > div {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media only screen and (min-width: 1400px) {
    .m-hero-item > div > div,
    .c-hero > div > div {
        padding-left: 36px;
        padding-right: 36px;
    }
}
.m-hero-item:hover, .c-hero:hover{cursor: default;}
/** Hero Item - Overrides *****End*********/
/******************************************/
/** Feature Item - Overrides *****Start*******/
/*********************************************/

@media only screen and (min-width: 540px) and (max-width: 1083px) {
    .c-feature.f-align-left > div,
    .c-feature.f-align-right > div {
        
        margin: 0 auto;
        text-align: center;
        position: relative;
        top: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateY(0);
        margin-top: 20px;
    }
 .c-feature.f-align-left > div, .c-feature.f-align-right > div,.c-feature.f-align-center > div,.m-multi-feature.f-align-center > section > ul{
width:66.6667%;
}
}
@media screen and (max-width: 1083px) {
    /*REMOVING THE LEFT VALUE FOR LEFT AND RIGHT CONTAINERS TO MAKE IT STACKED VERTICALLY ONE BELOW OTHER */
    
    .c-feature.f-align-right > div,
    .c-feature.f-align-right.f-image-priority > div {
        left: 0;
    }
    .c-feature .c-video,
    .c-feature picture {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .c-feature.f-align-left .c-video,
    .c-feature.f-align-left picture,
    .c-feature.f-align-right .c-video,
    .c-feature.f-align-right picture {
        float: none;
    }
    .c-feature.f-align-right > div,
    .c-feature.f-align-right.f-image-priority > div {
        left: 0;
    }
    .c-feature .c-pivot > header {
        display: inline-block;
        margin-top: 20px;
    }

}
/** Feature Item - Overrides *****End*********/

/******** M-IMAGE OVER-RIDES*****/
/******** M-IMAGE OVER-RIDES*****/

.m-image picture img{width:100%;}


/** WDG OVERRIDES- UPDATE THIS FOR ANY NEW CHANGES********************END******/
/************************************************************/