.promos .promo-tile-1 .promo-watch {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_holiday_watch_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-watch {
        background-image: url("../images/promo_holiday_watch_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-1 .promo-watch {
        background-size: 534px 200px;
        background-image: url("../images/promo_holiday_watch_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-watch {
        background-image: url("../images/promo_holiday_watch_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-1 .promo-watch {
        background-size: 736px 200px;
        background-image: url("../images/promo_holiday_watch_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-watch {
        background-image: url("../images/promo_holiday_watch_small_2x.jpg")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-1 .promo-watch {
        background-image: url("../images/promo_holiday_watch_large.jpg");
        background-size: 640px 200px;
        width: 640px;
        height: 200px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-watch {
        background-image: url("../images/promo_holiday_watch_large_2x.jpg")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-1 .promo-watch {
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-1 .promo-watch {
        width: auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-1 .promo-watch {
    background: url("../images/promo_holiday_watch_large.jpg");
    background-repeat: no-repeat;
    background-position: center
}

.promos .promo-tile-2 .promo-m3-ti {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_startsomethingnew_iphone6s_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-2 .promo-m3-ti {
        background-image:url("../images/promo_startsomethingnew_iphone6s_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-2 .promo-m3-ti {
        background-size:534px 200px;
        background-image: url("../images/promo_startsomethingnew_iphone6s_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-2 .promo-m3-ti {
        background-image:url("../images/promo_startsomethingnew_iphone6s_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-2 .promo-m3-ti {
        background-size:736px 200px;
        background-image: url("../images/promo_startsomethingnew_iphone6s_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-2 .promo-m3-ti {
        background-image:url("../images/list-zx1.png")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-2 .promo-m3-ti {
        background-image:url("../images/list-zx.png");
        background-size: 640px 244px;
        width: 640px;
        height: 244px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-2 .promo-m3-ti {
        background-image:url("../images/list-zx1.png")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-2 .promo-m3-ti {
        width:auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-2 .promo-m3-ti {
        width:auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-2 .promo-m3-ti {
    background: url("../images/promo_startsomethingnew_iphone6s_large.jpg");
    background-repeat: no-repeat;
    background-position: center
}


.promos .promo-tile-3 .promo-zx {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_ipadmini4_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-zx {
        background-image: url("../images/promo_ipadmini4_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-3 .promo-zx {
        background-size: 534px 200px;
        background-image: url("../images/promo_ipadmini4_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-zx {
        background-image: url("../images/promo_ipadmini4_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-3 .promo-zx {
        background-size: 736px 200px;
        background-image: url("../images/promo_ipadmini4_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-zx {
        background-image: url("../images/promo_ipadmini4_small_2x.png")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-3 .promo-zx {
        background-image: url("../images/promo_ipadmini4_large.jpg");
        background-size: 640px 200px;
        width: 640px;
        height: 200px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-zx {
        background-image: url("../images/promo_ipadmini4_large_2x.jpg")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-3 .promo-zx {
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-3 .promo-zx {
        width: auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-3 .promo-zx {
    background: url("../images/promo_ipadmini4_large.jpg");
    background-repeat: no-repeat;
    background-position: center
}


.promos .promo-tile-4 .promo-jj  {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_macbook_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-4 .promo-jj  {
        background-image: url("../images/promo_macbook_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-4 .promo-jj  {
        background-size: 534px 200px;
        background-image: url("../images/promo_macbook_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-4 .promo-jj  {
        background-image: url("../images/promo_macbook_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-4 .promo-jj  {
        background-size: 736px 200px;
        background-image: url("../images/promo_macbook_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-4 .promo-jj  {
        background-image: url("../images/promo_macbook_small_2x.jpg")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-4 .promo-jj  {
        background-image: url("../images/list-jj.png");
        background-size: 640px 244px;
        width: 640px;
        height: 244px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-4 .promo-jj  {
        background-image: url("../images/list-jj.png")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-4 .promo-jj  {
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-4 .promo-jj  {
        width: auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-4 .promo-jj  {
    background: url("../images/promo_macbook_large.jpg");
    background-repeat: no-repeat;
    background-position: center
}

/* CNY SSN rotating Css 20151230 */

.promos .promo-tile-1 .promo-cny {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_cny_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-cny {
        background-image: url("../images/promo_cny_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-1 .promo-cny {
        background-size: 534px 200px;
        background-image: url("../images/promo_cny_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-cny {
        background-image: url("../images/promo_cny_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-1 .promo-cny {
        background-size: 736px 200px;
        background-image: url("../images/promo_cny_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-cny {
        background-image: url("../images/promo_cny_small_2x.jpg")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-1 .promo-cny {
        background-image: url("../images/promo_cny_large.jpg");
        background-size: 640px 200px;
        width: 640px;
        height: 200px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-cny {
        background-image: url("../images/promo_cny_large_2x.jpg")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-1 .promo-cny {
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-1 .promo-cny {
        width: auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-1 .promo-cny {
    background: url(../images/promo_cny_large.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.promos .promo-tile-3 .promo-ssn {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_somethingnew_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-ssn {
        background-image: url("../images/promo_somethingnew_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-3 .promo-ssn {
        background-size: 534px 200px;
        background-image: url("../images/promo_somethingnew_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-ssn {
        background-image: url("../images/promo_somethingnew_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-3 .promo-ssn {
        background-size: 736px 200px;
        background-image: url("../images/promo_somethingnew_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-ssn {
        background-image: url("../images/promo_somethingnew_small_2x.jpg")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-3 .promo-ssn {
        background-image: url("../images/promo_somethingnew_large.jpg");
        background-size: 640px 200px;
        width: 640px;
        height: 200px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-ssn {
        background-image: url("../images/promo_somethingnew_large_2x.jpg")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-3 .promo-ssn {
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-3 .promo-ssn {
        width: auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-3 .promo-ssn {
    background: url(../images/promo_somethingnew_large.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.promos .promo-tile-1 .promo-m3-ti {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_startsomethingnew_iphone6s_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-m3-ti {
        background-image:url("../images/promo_startsomethingnew_iphone6s_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-1 .promo-m3-ti {
        background-size:534px 200px;
        background-image: url("../images/promo_startsomethingnew_iphone6s_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-m3-ti {
        background-image:url("../images/promo_startsomethingnew_iphone6s_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-1 .promo-m3-ti {
        background-size:736px 244px;
        background-image: url("../images/list-ti.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-m3-ti {
        background-image:url("../images/list-ti1.png")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-1 .promo-m3-ti {
        background-image:url("../images/list-ti.png");
        background-size: 640px 244px;
        width: 640px;
        height: 244px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-1 .promo-m3-ti {
        background-image:url("../images/list-ti.png")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-1 .promo-m3-ti {
        width:auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-1 .promo-m3-ti {
        width:auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-1 .promo-m3-ti {
    background: url(../images/promo_startsomethingnew_iphone6s_large.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.promos .promo-tile-2 .promo-zx {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_ipadmini4_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-2 .promo-zx {
        background-image: url("../images/promo_ipadmini4_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-2 .promo-zx {
        background-size: 534px 200px;
        background-image: url("../images/promo_ipadmini4_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-2 .promo-zx {
        background-image: url("../images/promo_ipadmini4_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-2 .promo-zx {
        background-size: 736px 244px;
        background-image: url("../images/list-zx1.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-2 .promo-zx {
        background-image: url("../images/list-zx1.png")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-2 .promo-zx {
        background-image: url("../images/list-zx.png");
        background-size: 640px 244px;
        width: 640px;
        height: 244px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-2 .promo-zx {
        background-image: url("../images/list-zx.png")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-2 .promo-zx {
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-2 .promo-zx {
        width: auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-2 .promo-zx {
    background: url(../images/promo_ipadmini4_large.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.promos .promo-tile-4 .promo-imac {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_imac_retina_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-4 .promo-imac {
        background-image: url("../images/promo_imac_retina_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-4 .promo-imac {
        background-size: 534px 200px;
        background-image: url("../images/promo_imac_retina_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-4 .promo-imac {
        background-image: url("../images/promo_imac_retina_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-4 .promo-imac {
        background-size: 736px 200px;
        background-image: url("../images/promo_imac_retina_small.jpg")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-4 .promo-imac {
        background-image: url("../images/promo_imac_retina_small_2x.jpg")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-4 .promo-imac {
        background-image: url("../images/promo_imac_retina_large.jpg");
        background-size: 640px 200px;
        width: 640px;
        height: 200px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-4 .promo-imac {
        background-image: url("../images/promo_imac_retina_large_2x.jpg")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-4 .promo-imac {
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-4 .promo-imac {
        width: auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-4 .promo-imac {
    background: url(../images/promo_imac_retina_large.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.promos .promo-tile-3 .promo-cc {
    background-repeat: no-repeat;
    background-size: 640px 200px;
    background-image: url("../images/promo_applepencil_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-cc {
        background-image: url("../images/promo_applepencil_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px), only screen and (max-height: 890px) {
    .promos .promo-tile-3 .promo-cc {
        background-size: 534px 200px;
        background-image: url("../images/promo_applepencil_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 890px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-height: 890px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (min-resolution: 144dppx), only screen and (max-height: 890px) and (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-cc {
        background-image: url("../images/promo_applepencil_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile-3 .promo-cc {
        background-size: 736px 244px;
        background-image: url("../images/list-cc1.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-cc {
        background-image: url("../images/list-cc1.png")
    }
}

@media only screen and (min-width: 736px) {
    .promos .promo-tile-3 .promo-cc {
        background-image: url("../images/list-cc.png");
        background-size: 640px 244px;
        width: 640px;
        height: 244px;
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 736px) and (min-resolution: 144dpi), only screen and (min-width: 736px) and (min-resolution: 144dppx) {
    .promos .promo-tile-3 .promo-cc {
        background-image: url("../images/list-cc.png")
    }
}

@media only screen and (min-width: 736px) and (max-width: 1068px), only screen and (min-width: 736px) and (max-height: 890px) {
    .promos .promo-tile-3 .promo-cc {
        width: auto;
        background-position: center center
    }
}

@media only screen and (min-width: 736px) and (max-width: 735px) {
    .promos .promo-tile-3 .promo-cc {
        width: auto;
        background-position: center center
    }
}

html.oldie .promos .promo-tile-3 .promo-cc {
    background: url(../images/promo_applepencil_large.jpg);
    background-repeat: no-repeat;
    background-position: center
}