﻿
.contentCarousel .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat; width: 22px; height: 22px; position: absolute; bottom: 10px; right: 0px; }
#pageRow8 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat; width: 22px; height: 22px; position: absolute; bottom: 15px; right: 0px; }
#pageRow9 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat; width: 22px; height: 22px; position: absolute; float: right; bottom: 50px; right: 0px; }

#pageRow10 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-blk.png) no-repeat; width: 22px; height: 22px; position: absolute; bottom: 8px; right: 0; }
#pageRow12 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat; width: 22px; height: 22px; position: relative; top: 10px; float: right; }
/*.twocolumns .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-blk.png) no-repeat; width: 22px; height: 22px; position: absolute; bottom: 50px; right: 0; }
.blogsNewsDiv .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat; width: 22px; height: 22px; position: absolute; top: auto; bottom: 50px; right: 0; }*/
#pageRow13 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat; width: 22px; height: 22px; position: relative; top: 65px; float: right; }
#pageRow16 { display: none;}

 .london .playIcon { opacity: 1;}

/*New IOT grey component 4th band*/

#pageRow7 { background-color: #028273 !important; }

.contentCarousel .carouselArea { background-color: #505050 !important; }

.contentCarousel .HeadTitle {height: 290px; width: 590px;}

.contentCarousel .carouselArea {height: 550px;}

.contentCarousel .HeadTitle {font-size:18px !important; top: 0px !important; height: 290px; width: 82%; padding-right: 20% !important; padding-left: 25px;background: url("/windowsembedded/global/publishingimages/weResponsive/Universal") no-repeat 4% center;}
/*#internet-of-things #pageRow6 .HeadTitle {top: 0px !important; height: 290px; width: 590px;}*/

@media only screen and (max-width: 540px) {
    .contentCarousel .HeadTitle {max-width: 100% !important;}
    .contentCarousel button {bottom: -260px;}
    .contentCarousel .carouselArea {height: 500px;}
    .contentCarousel .naviIcons {top: 440px;}
    .contentCarousel .HeadTitle {height: 250px;}
        .HeadTitle span { bottom: 20px !important; }
    #internet-of-things-manufacturing .contentCarousel p.description {
        display: none !important;
    }
         #internet-of-things-retail .contentCarousel p.description { display: none !important;}
}

#main .contentCarousel span {color: #ffffff !important;}

.contentCarousel .ImageBlock {display: inline-block;width: 100%; height: 320px;}

@media only screen and (max-width: 880px) {
    .HeadTitle span {font-size: 16px !important;}
    .contentCarousel .HeadTitle {font-size: 16px !important;}
}

@media only screen and (max-width: 690px) and (min-width: 541px) {
    .contentCarousel .carouselTrack button {top: 90px;}
}

/*Twitter block hide WI 1371*/

 /*.tabsContainer ul #twitterTab  { display: none !important;}*/

 /*Manufacturing page 3rd band*/

 #internet-of-things-manufacturing .contentCarousel p.description {font-size:17px !important; background: url("/windowsembedded/global/publishingimages/weResponsive/Universal") no-repeat 4% center;line-height: 20px;color: #ffffff !important;}

 #internet-of-things-manufacturing #pageRow5 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat; }
#internet-of-things-manufacturing #pageRow6 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-blk.png) no-repeat; bottom: 50px; right: 0px;position: absolute !important;}
#internet-of-things-manufacturing #pageRow6 { background: none !important; padding-bottom: 0px !important;}
#internet-of-things-manufacturing #pageRow7 {background-color: #088A85 !important; padding-bottom: 50px !important;}
#internet-of-things-manufacturing #pageRow8 .naviIcons { bottom: 0px; right: 0px;margin-top: 30px !important;float:right; position: relative !important;}

#internet-of-things-manufacturing .contentCarousel .HeadTitle { height: 320px; display: inherit;}
#internet-of-things-manufacturing .contentCarousel .slick-track .slick-slide { height: 350px !important;}
#internet-of-things-manufacturing .contentCarousel h3.carouselHeader { height: 125px;}


@media only screen and (max-width: 540px) {    #internet-of-things-manufacturing #pageRow5 .naviIcons { position: absolute !important; } 
#internet-of-things-manufacturing .contentCarousel .HeadTitle { height: 250px !important;}
    #internet-of-things-manufacturing .contentCarousel button { bottom: 60px !important;}
}

@media only screen and (max-width: 980px) and (min-width: 541px) {
    /*#internet-of-things-manufacturing .contentCarousel .carouselHoler { height: 430px !important;}*/
    #internet-of-things-manufacturing .contentCarousel .HeadTitle { height: 350px;}
}

@media only screen and (max-width: 880px) and (min-width: 541px) {
    #internet-of-things-manufacturing .contentCarousel p.description {        font-size: 14px !important;    }
     #internet-of-things-manufacturing .contentCarousel .HeadTitle { height: 360px;}

}

@media only screen and (min-width: 541px) {
    #internet-of-things-manufacturing .contentCarousel .slick-track .slick-slide { height: 380px !important;}
    #internet-of-things-manufacturing .contentCarousel .naviIcons { bottom: 18px !important;}

}

@media only screen and (max-width: 660px) and (min-width: 541px) {
    /*#internet-of-things-manufacturing .contentCarousel .carouselHoler { height: 430px !important;}*/
    #internet-of-things-manufacturing .contentCarousel .carouselTrack button { top: 80px !important;}
}

/*WI 1385 and 1430 reorder of band CSS*/

#internet-of-things-manufacturing #pageRow3 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat !important;}
#internet-of-things-manufacturing #pageRow4 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-blk.png) no-repeat !important; bottom: 50px; right: 0px;position: absolute !important;width: 22px; height: 22px;}

#internet-of-things-retail #pageRow3 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat !important;}
#internet-of-things-retail #pageRow4 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-blk.png) no-repeat !important; bottom: 50px; right: 0px;position: absolute !important;width: 22px; height: 22px;}

@media only screen and (max-width: 880px) and (min-width: 541px) {
    #internet-of-things-retail #pageRow4 .naviIcons {
        background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-blk.png) no-repeat !important;
        margin-top: 30px !important;
        float: right;
        position: relative !important;
        width: 22px;
        height: 22px;
    }
}

@media only screen and (max-width: 880px) and (min-width: 611px) {
    #internet-of-things-retail #Type1 .Black #leftImageRightText .content h3 {
        width: 65% !important;
    }
}

#internet-of-things-retail #pageRow6 .naviIcons { bottom: 20px !important;} 

 /*Retail page 2nd band*/

 #internet-of-things-retail .contentCarousel p.description {font-size:17px !important; background: url("/windowsembedded/global/publishingimages/weResponsive/Universal") no-repeat 4% center;line-height: 20px;color: #ffffff !important;}

 #internet-of-things-retail #pageRow5 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-wht.png) no-repeat; }
#internet-of-things-retail #pageRow6 .naviIcons { background: url(/windowsembedded/global/publishingimages/weResponsive/Universal/arrow-up-blk.png) no-repeat; bottom: 50px; right: 0px;position: absolute !important;}
#internet-of-things-retail #pageRow6 { background: none !important; padding-bottom: 0px !important;}
#internet-of-things-retail #pageRow7 {background-color: #088A85 !important; padding-bottom: 50px !important;}
#internet-of-things-retail #pageRow8 .naviIcons { bottom: 0px; right: 0px;margin-top: 30px !important;float:right; position: relative !important;}

#internet-of-things-retail .contentCarousel .HeadTitle { height: 320px; display: inherit;}
#internet-of-things-retail .contentCarousel .slick-track .slick-slide { height: 350px !important;}
#internet-of-things-retail .contentCarousel h3.carouselHeader { height: 125px;}


@media only screen and (max-width: 540px) {    #internet-of-things-retail #pageRow5 .naviIcons { position: absolute !important; } 
#internet-of-things-retail .contentCarousel .HeadTitle { height: 250px !important;}
    #internet-of-things-retail .contentCarousel button { bottom: 60px !important;}
}

@media only screen and (max-width: 980px) and (min-width: 541px) {
    /*#internet-of-things-manufacturing .contentCarousel .carouselHoler { height: 430px !important;}*/
    #internet-of-things-retail .contentCarousel .HeadTitle { height: 350px;}
}

@media only screen and (max-width: 880px) and (min-width: 541px) {
    #internet-of-things-retail .contentCarousel p.description {        font-size: 14px !important;    }
     #internet-of-things-retail .contentCarousel .HeadTitle { height: 360px;}

}

@media only screen and (min-width: 541px) {
    #internet-of-things-retail .contentCarousel .slick-track .slick-slide { height: 380px !important;}
    #internet-of-things-retail .contentCarousel .naviIcons { bottom: 18px !important;}

}

@media only screen and (max-width: 660px) and (min-width: 541px) {
    /*#internet-of-things-retail .contentCarousel .carouselHoler { height: 430px !important;}*/
    #internet-of-things-retail .contentCarousel .carouselTrack button { top: 80px !important;}
}
