.carousel-container {
    margin: 0;
    min-height:42.75vw;
}
.carousel-container .carousel-item {
    display:none;
}
.carousel-container .carousel-item:first-child {
    display:block;
}


.carousel-container .carousel-item .rtm-image-container{
    min-height:42.75vw;
}



.carousel-container img {
    min-width: 100%;
}

#Hero-carousel .rtm-image-container img {width:100%}

.carousel-item .button {
    white-space:nowrap;
    cursor: pointer;
}

    .carousel-container .slider {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

.carousel-item {
    position: relative;
}

    .carousel-item .ms-grid {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 19%;
        /*padding-bottom:84px;*/
    }

@media screen and (min-width: 1919px) {
    .carousel-item .ms-grid {
        top: 144px; /* 160 - 16*/
    }
}

.slick-next {
    right: 0;
    z-index: 1;
}

.slick-prev {
    left: 0;
    z-index: 1;
}

.slick-slide:focus {
    outline: 0px;
    outline: -webkit-focus-ring-color auto 0px;
}

.carousel-container .slick-dots {
    bottom: 0;
}

.carousel-container .carousel-item h1 {
    text-align: left;
    margin-top: 0;
}

.carousel-container .carousel-item p {
    margin-top: 0;
    margin-bottom: 40px;
}

.carousel-container .hero-button-2 {
    margin-left: 16px; /*20 -4 for redlines */
}


/* Redline Spacing */
@media screen and (min-width: 1084px){
    .carousel-container .carousel-item h1 {
        margin-bottom: 14px; /* 32 */
    }
    .carousel-container .carousel-item p {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1083px) and (min-width: 540px){
    .carousel-container .carousel-item h1 {
        margin-bottom: 10px; /* 28 */
    }

    .carousel-container .carousel-item p {
        margin-bottom: 36px;
    }
}
@media screen and (max-width: 539px) {
    .carousel-container .carousel-item h1 {
        margin-bottom: 8px; /* 24 */
        margin-top: 3px;
    }
    .carousel-container .carousel-item p {
        margin-bottom: 36px;
    }
    .carousel-container .play-icon {
        padding-left: 32px;
    }
    
    .carousel-container .hero-button-2 {
        margin-left: 0px; /*20 -4 for redlines */
    }
}

/* special queries */
@media screen and (max-width: 768px) and (min-width: 540px){
    .carousel-container .carousel-text {
        padding-left: 3%; /* to protect text against the arrows at low widths*/
    }
    .carousel-container .play-icon {
        padding-left: 32px;
    }
    #heroDesc{

        width:47%;
    }
}

@media screen and (max-width: 630px) and (min-width: 540px) {
    #carousel-text-3 p {
        width: 200px;
    }
}

@media screen and (max-width: 610px) and (min-width: 540px) {
    #heroDesc{
        width:50%;
    }
    #heroDesc #carousel-text-1 h1 {
        width: 150%%;
    }
    #heroDesc p {
        width: 80%;
    }
} 

@media screen and (max-width: 1083px) {
    .carousel-item .ms-grid {
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%); /* IE 9 */
   	    -webkit-transform: translateY(-50%);  /*Safari*/
    }
}

@media screen and (max-width:539px) {
    .carousel-item .ms-grid {
        position:relative;
        padding-top:40px; /* 52 from bottom of the image*/
        transform:translateY(0);
        -ms-transform: translateY(0); /* IE 9 */
   	    -webkit-transform: translateY(0);  /*Safari*/
        padding-bottom:48px;
        background-color: #E3E3E3;
    }

    .carousel-container .hero-button-2 {
        margin-left: 24px;
    }

    .home-hero .slick-next , .home-hero .slick-prev{
        top: 18%;
    }
}

/* DOT SPACING */
@media screen and (min-width: 540px){
    /* Keyboard visibility 
    #carousel-text-4 .hero-button-2 {
        display: block;
        margin-top: 20px;
        margin-left: 0px;
    }*/

    .home-hero .slick-dots {
        margin-bottom: 4px;  /* 9 + 7 = 16px of dot padding-margins*/
    }
    /*#carousel-text-3 h1,#carousel-text-3 p {
    color: white;
}*/
    #carousel-text-1 h1, #carousel-text-1 p, #carousel-text-1 .button-1 {
    color: white;
}
    #carousel-text-1 .hero-button-2 {
    color: white;
    background-image: url("http://c.s-microsoft.com/en-us/CMSImages/icon-msn-video-white.png?version=434de9a1-62af-b269-9665-77d7127ea145");
}

    
}

@media screen and (max-width: 539px) {
    .home-hero .slick-dots {
        margin-top: 0px;
        height: 5px; 
        top: 0%;
    }
}

/*
@media screen and (max-width: 540px){
    .home-hero .slick-dots {
        top: 275px;
    }
}

@media screen and (max-width: 500px){
    .home-hero .slick-dots {
        top: 260px;
    }
}
@media screen and (max-width: 450px){
    .home-hero .slick-dots {
        top: 240px;
    }
}
@media screen and (min-width: 400px) and (max-width: 449px){
    .home-hero .slick-dots {
        top: 220px;
    }
}
@media screen and (min-width: 0px) and (max-width: 399px){
    .home-hero .slick-dots {
        top: 200px;
    }
}
 */

.carousel-container .play-icon {
    width: 100%;
    box-sizing: border-box;
    padding-left: 42px;
    padding-top: 5px;
    padding-bottom: 4px;
    background-image: url("https://compass-ssl.microsoft.com/assets/30/81/30810cc8-1ab8-43b7-9780-91dcec1a3a43.png?n=Icon_msn_video_blue_75_75.png");
    background-size: 30px 30px;
    background-position-x: 0px;
    background-repeat: no-repeat;
    height: 34px;
    text-align: left;
    font-size: 100%;
    opacity: 1.0;
    white-space: nowrap;
    cursor:pointer;
}

/* Button hack*/
.carousel-container .slick-prev{
    /*background-image: url("https://c.s-microsoft.com/en-us/CMSImages/winGa_Carousel_icon_carrot_left.png?version=a9558fec-bdee-7caf-7019-117e32412823");*/
    background-image: url("http://www.microsoft.com/Surface/Assets/img/nfl-white-arrows.png");
    background-repeat: no-repeat;
    background-position: 6px 50%;
    background-size: auto auto;
    width: 30px;
    height: 72px;
    background-color:rgba(0,0,0,0.6);
}

.carousel-container .slick-next {
    /*background-image: url("https://c.s-microsoft.com/en-us/CMSImages/winGa_Carousel_icon_carrot_right.png?version=bf72cf63-ed4a-77a7-68d8-cdafaa264657");*/
    background-image: url("http://www.microsoft.com/Surface/Assets/img/nfl-white-arrows.png");
    background-repeat: no-repeat;
    background-position: -16px 50%;
    background-size: auto auto;
    width: 30px;
    height: 72px;
    background-color:rgba(0,0,0,0.6);

}

.carousel-container .slick-next:hover, .carousel-container .slick-prev:hover{
     background-color:rgba(0,0,0,0.80);
}

iframe:-webkit-full-screen {
    z-index: 55 !important;
}

iframe:-webkit-full-screen .close {
    z-index: 1000 !important;
}