/* vid hero overrides */
@media screen and (max-width: 767px) {
    .videohero {height: 145vw;}
    }
    @media screen and (min-width: 1921px) {
    .home-hero .videohero {height: 720px;}
    }
    /* end vid hero overrides */
    hero .home-hero .c-sequence-indicator,
    .home-hero .c-action-toggle {
        background-color: rgba(0, 0, 0, 0.4) !important;
    }
    
    .c-sequence-indicator button,
    .c-sequence-indicator a {
        width: 22px;
        height: 20px;
    }
    
    .c-sequence-indicator button:focus,
    .c-sequence-indicator a:focus {
        outline: 2px dashed #fff !important;
        border: 2px dashed #000 !important;
    }


    @media (min-width: 768px) and (max-width: 875px) {
.home-hero .m-hero-item>div>div {
    top: 124% !important;
    -ms-transform: none;
    transform: none;
}
    }

    @media (min-width: 875px) and (max-width: 1083px) {
    .home-hero .m-hero-item>div>div {
        top: 143% !important;
        -ms-transform: none;
        transform: none;
    }
}
    
    @media (min-width: 768px) and (max-width: 1083px) {
        .home-hero section {
            height: 110vw;
        }
        .home-hero .m-hero-item>div {
            overflow: visible;
        }
 
        .home-hero .m-hero-item.f-x-center.f-y-top>div>div {
            top: 20% !important;
        }
        .home-hero .m-hero-item>div>div {
            max-width: 1083px;
            width: 101%;
            text-align: center;
            left: 0;
            right: 0;
        }
    }
    
    @media screen and (max-width: 1083px) {
        .home-hero .vid {
            display: none;
        }
        .home-hero .image {
            display: block;
        }
        .home-hero .c-heading-1 {
            font-size: 46px;
            line-height: 46px;
        }
    }
    
    @media only screen and (max-width:767px) {
        .home-hero .m-hero-item>div>div {
            top: 41vw !important;
        }
        .heroList {
            height: 143vw;
        }
        .heroList li section.m-hero-item {
            height: inherit;
        }
    }
    
    @media screen and (max-width: 350px) {
        .heroList {
            height: 155vw;
        }
        .home-hero .m-hero-item>div>div {
            top: 40vw !important;
        }
        .home-hero .m-hero-item>div>div>div {
            padding-top: 0px;
        }
        .home-hero .m-hero-item>div>div>div>a {
            margin-top: 0px;
        }
    }
    
    @media screen and (min-width: 1084px) {
        .home-hero .vid {
            display: block;
        }
        .home-hero .image {
            display: none;
        }
        .home-hero section {
            height: 36.7vw;
        }
    }
    
    @media screen and (min-width: 1800px) {
        .home-hero .m-hero-item>div>div {
            max-width: 630px;
        }
    }
    
    
    /* gamer pic */
    
    .iconBlade .msame_Header_name.msame_TxtTrunc {
        display: none !important;
    }
    
    .iconBlade .msame_Header.msame_Short.msame_3row {
        height: 100%;
    }
    
    .iconBlade .msame_Header_picframe {
        margin: 0 auto;
    }
    
    .iconBlade .msame_Header_piccont {
        padding: 0px;
    }
    
    .iconBlade .msame_Header_picframe img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100%;
    }
    
    .iconBlade .msame_Header.msame_Short msame_3row {
        height: 100%;
    }
    
    @media screen and (min-width: 768px) {
        .iconBlade .msame_Header_picframe {
            height: 57px !important;
            width: 57px !important;
        }
    }
    
    
    /* Zoom images*/
    
    .zoomImg {
        overflow: hidden;
    }
    
    .zoomImg img {
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        height: inherit;
    }
    
    .zoomImg:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    @media screen and (min-width: 1084px) {
        .fullTile section {
            height: 41.48vw;
            background-size: cover;
            margin: 2px 0;
        }
        .fullTile section.m-hero-item>div {
            left: 120px;
        }
        .fullLeftRight2.theme-black, .fullLeftRight2 .theme-black {
            background: transparent !important;
            margin-top: 0;
        }
    }
    
    .hp-mosaic .c-heading-3 {
        padding: 6px 0 2px;
    }
    
    .hp-mosaic {
        padding: 6px;
    }
    
    .hp-mosaic li {
        padding: 2px;
    }
    
    @media screen and (min-width: 1084px) {
        .hp-mosaic li {
            position: relative;
            top: 0px;
        }
        .hp-mosaic li.slide {
            top: 150px;
        }
    }
    
    .hp-mosaic .c-image {
        max-width: 100%;
    }
    
    .hp-mosaic li.fullTile {
        width: 100%;
    }
    
    .double section,
    .double .m-content-placement-item {
        margin-top: 0px;
    }
    
    .hp-mosaic .m-image-intro.f-align-bottom>div {
        left: 0px;
        bottom: 7%;
        -ms-transform: translateX(0%);
        transform: translateX(0px);
        padding-left: 3vw;
    }
    
    .icons {
        text-align: center;
        margin: 28px 0 35px;
    }
    
    .icons a {
        display: inline-block;
        margin-right: 3.5vw;
    }
    
    .icons a:focus {
        outline: 2px dashed;
    }
    
    .icons a:nth-child(6) {
        margin-right: 0px;
    }
    
    .icons a p span {
        color: #107c10;
        border-bottom: 3px solid transparent;
        transition: border-color .2s ease-in-out;
        -webkit-transition: border-color .2s ease-in-out;
        -moz-transition: border-color .2s ease-in-out;
    }
    
    .icons a:hover p span {
        border-bottom: 3px solid #107c10;
    }
    
    @media screen and (-ms-high-contrast:active) {
        .icons a p span {
            color: inherit;
            border-bottom: none;
        }
        .icons a:hover p span {
            border-bottom: none;
        }
    }
    
    .icons a p {
        font-weight: 600;
    }
    
    @media screen and (max-width: 767px) {
        .icons {
            width: 294px;
            margin: 0 auto 31px;
        }
    }
    
    @media screen and (max-width: 539px) {
        .icons {
            width: 390px;
            margin: 0 auto 31px;
        }
        .icons a {
            margin-right: 7vw;
            margin-top: 32px;
        }
        .icons a:nth-child(3) {
            margin-right: 0px;
        }
    }
    
    @media screen and (max-width: 415px) {
        .icons {
            width: 370px;
        }
        .icons a {
            margin-right: 5vw;
        }
    }
    
    @media screen and (max-width: 320px) {
        .icons {
            width: 310px;
        }
        .icons a:nth-child(3) {
            margin-right: 25px;
        }
        .icons a>div {
            width: 100px;
        }
    }
    
    @media screen and (-ms-high-contrast:active) {
        a.c-call-to-action.f-lightweight:hover span,
        .icons a:hover p span,
        a.c-call-to-action.f-heavyweight:hover span {
            text-decoration: underline !important;
        }
    }
    
    @media screen and (max-width: 1083px) {
        .home-hero .m-hero-item>div {
            height: 53vw;
        }
        .hp-mosaic li.double .zoom {
            height: 27.74vw;
        }
        .fullTile .mobImg {
            display: block;
            max-width: 100%;
        }
        .fullTile .copy {
            padding: 16px 12px;
        }
        .hp-mosaic li.msctL,
        .hp-mosaic li.msctR {
            clear: both;
        }
        .double>div {
            padding: 40px 3vw;
        }
        .zoom {
            display: none;
        }
        .fullTile section.m-hero-item>div {
            height: 250px;
            overflow: visible;
            text-align: left;
            position: relative;
        }
        .fullTile section.m-hero-item>div div {
            right: auto;
            max-width: none;
        }
        .fullTile section.m-hero-item {
            overflow: visible;
        }
    }
    
    @media (min-width: 768px) and (max-width: 1083px) {
        .fullTile section.m-hero-item>div {
            margin-left: -25px;
            padding: 0px;
        }
    }
    @media (min-width: 540px) and (max-width: 1083px) {
        .fullLeftRight {
            padding: 0 !important;
            margin: 2px;
            width: 99.5% !important;
        }
    }
    @media (max-width: 539px) {
        .fullLeftRight {
            padding: 0 !important;
            margin: 2px;
            width: 99.2% !important;
        }
    }
    
    @media screen and (max-width: 767px) {
        .fullTile section.m-hero-item>div div {
            top: calc(50%) !important;
        }
    }
    
    @media screen and (max-width: 539px) {
        .fullTile section.m-hero-item>div {
            margin-left: 0px !important;
        }
    }
    
    @media (min-width: 1084px) and (max-width: 1399px) {
        .home-hero .c-heading-1 {
            font-size: 46px;
            line-height: 56px;
        }
        .hp-mosaic .c-heading-3 {
            font-size: 20px;
            line-height: 28px;
        }
        .double {
            height: 28.1vw;
        }
    }
    
    @media screen and (max-width: 539px) {
        .home-hero .c-heading-1 {
            font-size: 34px;
            line-height: 36px;
        }
        .hp-mosaic .c-heading-2 {
            font-size: 26px;
            line-height: 40px;
        }
        .hp-mosaic .c-heading-3 {
            font-size: 20px;
            line-height: 28px;
        }
    }
    
    @media screen and (min-width: 0px) {
        .icons img {
            max-width: 90%;
        }
        .icons a>div {
            width: 100px;
            height: 40px;
        }
        .icons a>div>div {
            width: 60px;
            margin: 0 auto;
        }
    }
    
    @media screen and (min-width: 768px) {
        .icons a>div {
            width: 99px;
            height: 56px;
        }
        .icons a>div>div {
            width: 72px;
            margin: 0 auto;
        }
    }
    
    @media screen and (min-width: 1084px) {
        .icons img {
            max-width: 100%;
        }
        .hp-mosaic li {
            width: 50%;
        }
        .hp-mosaic li.double div section,
        .hp-mosaic li.double div .m-content-placement-item {
            float: left;
            width: 50%;
            padding: 0 3vw;
        }
        .hp-mosaic li.double>div picture {
            float: right;
            width: 50%;
        }
        .hp-mosaic li.double .floatR {
            float: right;
            width: 50%;
            height: 27.74vw;
        }
        .hp-mosaic li.double .floatL {
            float: left;
            width: 50%;
            height: 27.74vw;
        }
        .hp-mosaic li.msctL {
            float: left;
        }
        .hp-mosaic li.msctR {
            float: right;
        }
        .double>div {
            height: 27.74vw;
        }
        .double section,
        .double .m-content-placement-item {
            position: relative;
            top: calc(50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .double .c-image {
            display: none;
        }
        .fullTile .mobImg {
            display: none;
        }
        .fullTile .copy {
            padding-right: 5%;
            max-width: 440px;
            float: right;
            top: 120px;
            top: calc(50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            position: relative;
        }
        .fullTile.fullTileCenterTop .copy {
            text-align: center;
            margin: 0 auto;
            float: none;
            top: 12px;
            transform: none;
        }
        .fullTile.fullTileCenterTop .fulltilelogo img {
            margin: 0 auto;
        }
        .fullTile.fullTileCenterTop p,
        .fullTile.fullTileCenterTop a {
            padding: 0;
            margin: 10px 0 0 !important;
        }
        .hp-mosaic ul li .zoom {
            background-size: 100% 100% !important;
            background-repeat: no-repeat !important;
            background-position: center center !important;
            transition: all 500ms ease !important;
        }
        .hp-mosaic ul li .zoom:hover {
            background-size: 120% 120% !important;
            background-position: center center !important;
        }
    }
    
    @media (min-width: 540px) and (max-width: 767px) {
        .icons {
            width: 520px;
        }
        .icons a {
            margin-top: 31px;
            margin-right: 9vw;
        }
        .icons img {
            max-width: 100%;
        }
        .icons a:nth-child(3) {
            margin-right: 0vw;
        }
        .icons a>div {
            width: 100px;
        }
        .icons a>div>div {
            width: 100%;
            margin: 0 auto;
        }
    }
    
    @media screen and (min-width: 1400px) {
        .fullTile .copy {
            max-width: 520px;
        }
        .fullLeftRight2.theme-black, .fullLeftRight2 .theme-black {
            margin-top: 1px;
        }
    }
    
    @media screen and (min-width: 1800px) {
        .fullTile .copy {
            max-width: 630px;
        }
        .fullTile.fullTileCenterTop .copy {
            max-width: 720px;
        }
    }
    
    /**** END POPUP SECTION   */

a.c-call-to-action:focus {
    outline: 2px dashed #000 !important;
    border: 2px dashed #FFF !important;
}

@media screen and (min-width: 1921px) {
.home-hero section {
 height: 720px;
}
}