.c-carousel .c-flipper:focus {
        outline: 2px dashed #fff;
        border: 2px dashed #fff;
    }
    
    @media screen and (min-width: 768px) and (max-width: 1083px) {
    .xgp-hero .m-hero-item.f-y-center.f-transparent>div>div, .c-hero.f-y-center.f-transparent>div>div {
        transform: none;
        top: 11% !important;
    }
    }
    
    @media screen and  (max-width: 420px) {
    .cloud-gaming-cta {
        width: 400px;
        margin-left: -14%;
    }
    }
    
    @media screen and  (max-width: 360px) {
    .cloud-gaming-cta {
        width: 400px;
        margin-left: -25%;
    }
    }
    
    .c-badge.f-highlight {
       background-color: rgb(16, 124, 16) !Important;
       color: #fff !important;
    }
    
    .badge-pad {
        padding-bottom: 18px;
    }
    
    @media screen and (min-width: 1300px) and (max-width: 1500px) {
    .xgp-hero .m-hero-item.f-y-center.f-transparent>div>div, .c-hero.f-y-center.f-transparent>div>div {
        top: calc(46%);
        max-width: 580px;
    }
    }
    
    @media screen and (min-width: 1084px) and (max-width: 1299px) {
    .xgp-hero .m-hero-item.f-y-center.f-transparent>div>div, .c-hero.f-y-center.f-transparent>div>div {
        top: calc(46%);
        max-width: 480px;
    }
    }
    
    
    .stealth-sub-carousel-panel .panel-content {
        background: #fff !important;
    }
    
    .stealth-carousel .stealth-sub-carousel .stealth-sub-carousel-panel {
        box-shadow: 0px 0px 25px 1.35px rgba(50, 50, 50, 0.39) !Important;
    }
    
    @media screen and (max-width: 768px) {
    .stealth-carousel .stealth-sub-carousel .stealth-sub-carousel-panel {
       height: 115%;
    }
    }
    
    .stealth-carousel-parent, #Stealth-Carousel {
        padding: 25px 0 120px 0 !important;
    }
    
    @media screen and (min-width: 1084px) {
    .sneaky-heading {
        max-width: 895px;
    }
    }
    
    @media screen and (max-width: 600px) {
    .sneaky-heading {
       max-width: 500px;
    }
    }
    
    @media screen and (min-width: 1921px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 60.2vw;
    }  
    .m-multi-feature.f-align-left>section {
        margin-top: 44px;
    }
      }
    
    @media screen and (min-width: 1550px) and (max-width: 1920px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 65.5vw;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: 116px;
    }
    }
    
    @media screen and (min-width: 1550px) and (max-width: 1799px) {
    .sb-pivot.SB-hero-banner.head1a .m-multi-feature {
        transform: translateY(-57vw) !important;
    }
    }
    
    @media screen and (min-width: 1400px) and (max-width: 1549px) {
    .sb-pivot.SB-hero-banner.head1a .m-multi-feature {
        transform: translateY(-58vw);
    }
    }
    
    @media screen and (min-width: 1300px) and (max-width: 1399px) {
    .sb-pivot.SB-hero-banner.head1a .m-multi-feature {
        transform: translateY(-57vw);
    }
    }
    
    @media screen and (min-width: 1200px) and (max-width: 1299px) {
    .sb-pivot.SB-hero-banner.head1a .m-multi-feature {
        transform: translateY(-59vw);
    }
    }
    
    @media screen and (min-width: 1400px) and (max-width: 1549px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 66vw;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: 96px;
    }
    }
    
    @media screen and (min-width: 1300px) and (max-width: 1399px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 65.8vw;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: 96px;
    }
    }
    
    @media screen and (min-width: 1200px) and (max-width: 1299px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 70.3vw;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: 70px;
    }
    }
    
    @media screen and (min-width: 1000px) and (max-width: 1083px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 106.3vw;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: -98px;
    }
    }
    
    @media screen and (min-width: 850px) and (max-width: 899px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 113.3vw;
        padding-top: 60px;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: -94px;
    }
    }
    
    @media screen and (min-width: 800px) and (max-width: 849px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 115.3vw;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: -94px;
    }
    }
    
    @media screen and (min-width: 768px) and (max-width: 799px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 114.3vw;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: -94px;
    }
    }
    
    @media screen and (min-width: 950px) and (max-width: 999px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 109.5vw;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: -94px;
    }
    }
    
     @media only screen and (max-width: 415px) {
        .xgp-hero:not(.garrison) .m-hero-item.f-y-center.f-transparent>div>div,
        .c-hero.f-y-center.f-transparent>div>div {
            top: 10% !important;
        }
    
    @media screen and (min-width: 900px) and (max-width: 949px) {
    .sb-pivot.SB-hero-banner.head1a .banner-background {
        height: 109.3vw;
    }
    .m-multi-feature.f-align-left>section {
        margin-top: -94px;
    }
    }