html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    padding: 0
}

ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
blockquote,
figure,
form,
fieldset,
input,
legend,
pre,
abbr,
button {
    margin: 0;
    padding: 0
}
 
 
 

article,
aside,
footer,
header,
nav,
main,
section,
summary,
details,
hgroup,
figure,
figcaption {
    display: block
}
  

.row {
    position: relative;
    z-index: 1
}

.row:before,
.row:after {
    content: ' ';
    display: table
}

.row:after {
    clear: both
}

.column {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px
}

 
 

.large-3 {
    width: 25%
}

  

@media only screen and (min-width: 1442px) {
    .xlarge-offset-0 {
        margin-left: 0
    }
    .xlarge-push-0 {
        left: auto;
        right: auto
    }
    .xlarge-pull-0 {
        right: auto;
        left: auto
    }
    .xlarge-1 {
        width: 8.33333%
    }
    .xlarge-offset-1 {
        margin-left: 8.33333%
    }
    .xlarge-push-1 {
        left: 8.33333%;
        right: auto
    }
    .xlarge-pull-1 {
        right: 8.33333%;
        left: auto
    }
    .xlarge-2 {
        width: 16.66667%
    }
    .xlarge-offset-2 {
        margin-left: 16.66667%
    }
    .xlarge-push-2 {
        left: 16.66667%;
        right: auto
    }
    .xlarge-pull-2 {
        right: 16.66667%;
        left: auto
    }
    .xlarge-3 {
        width: 25%
    }
    .xlarge-offset-3 {
        margin-left: 25%
    }
    .xlarge-push-3 {
        left: 25%;
        right: auto
    }
    .xlarge-pull-3 {
        right: 25%;
        left: auto
    }
    .xlarge-4 {
        width: 33.33333%
    }
    .xlarge-offset-4 {
        margin-left: 33.33333%
    }
    .xlarge-push-4 {
        left: 33.33333%;
        right: auto
    }
    .xlarge-pull-4 {
        right: 33.33333%;
        left: auto
    }
    .xlarge-5 {
        width: 41.66667%
    }
    .xlarge-offset-5 {
        margin-left: 41.66667%
    }
    .xlarge-push-5 {
        left: 41.66667%;
        right: auto
    }
    .xlarge-pull-5 {
        right: 41.66667%;
        left: auto
    }
    .xlarge-6 {
        width: 50%
    }
    .xlarge-offset-6 {
        margin-left: 50%
    }
    .xlarge-push-6 {
        left: 50%;
        right: auto
    }
    .xlarge-pull-6 {
        right: 50%;
        left: auto
    }
    .xlarge-7 {
        width: 58.33333%
    }
    .xlarge-offset-7 {
        margin-left: 58.33333%
    }
    .xlarge-push-7 {
        left: 58.33333%;
        right: auto
    }
    .xlarge-pull-7 {
        right: 58.33333%;
        left: auto
    }
    .xlarge-8 {
        width: 66.66667%
    }
    .xlarge-offset-8 {
        margin-left: 66.66667%
    }
    .xlarge-push-8 {
        left: 66.66667%;
        right: auto
    }
    .xlarge-pull-8 {
        right: 66.66667%;
        left: auto
    }
    .xlarge-9 {
        width: 75%
    }
    .xlarge-offset-9 {
        margin-left: 75%
    }
    .xlarge-push-9 {
        left: 75%;
        right: auto
    }
    .xlarge-pull-9 {
        right: 75%;
        left: auto
    }
    .xlarge-10 {
        width: 83.33333%
    }
    .xlarge-offset-10 {
        margin-left: 83.33333%
    }
    .xlarge-push-10 {
        left: 83.33333%;
        right: auto
    }
    .xlarge-pull-10 {
        right: 83.33333%;
        left: auto
    }
    .xlarge-11 {
        width: 91.66667%
    }
    .xlarge-offset-11 {
        margin-left: 91.66667%
    }
    .xlarge-push-11 {
        left: 91.66667%;
        right: auto
    }
    .xlarge-pull-11 {
        right: 91.66667%;
        left: auto
    }
    .xlarge-12 {
        width: 100%
    }
    .xlarge-offset-12 {
        margin-left: 100%
    }
    .xlarge-push-12 {
        left: 100%;
        right: auto
    }
    .xlarge-pull-12 {
        right: 100%;
        left: auto
    }
    .xlarge-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .xlarge-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .xlarge-last {
        float: right
    }
    .xlarge-notlast {
        float: left
    }
}

@media only screen and (max-width: 1068px) {
     
    .medium-6 {
        width: 50%
    }
     
}

@media only screen and (max-width: 735px) {
     
    .small-12 {
        width: 100% 
    }
     
} 
 

body {
    min-width: 320px
}
 
  
  
.promos .promo-tile.promo-tile-position-3 {
    border-right: none
}

@media only screen and (max-width: 735px) {
    .promos .promo-tile {
        border-right: none; 
    }
}

.promos .promo {
    display: block;
    background-position: center center;
    height: 200px;
    border: 2px solid black;
}

.promos .promo-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    
}

[data-promo-type] {
    visibility: hidden
}

[data-promo-type].promos-ready {
    visibility: visible
}

.no-js [data-promo-type],
.no-enhanced-gallery [data-promo-type] {
    visibility: visible
}

.promo-watch-os {
    background-size: 360px 200px;
    background-repeat: no-repeat;
    background-image: url("../images/down_4/new/mo_large.jpg")
}

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

@media only screen and (min-width: 1442px) {
    .promo-watch-os {
        background-size: 640px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/mo_xlarge.jpg")
    }
}

@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1442px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .promo-watch-os {
        background-image: url("../images/down_4/new/mo_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .promo-watch-os {
        background-size: 640px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/mo_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .promo-watch-os {
        background-image: url("../images/down_4/new/mo_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promo-watch-os {
        background-size: 736px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/mo_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: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .promo-watch-os {
        background-image: url("../images/down_4/new/mo_small_2x.jpg")
    }
}

.promo-music {
    background-size: 360px 200px;
    background-repeat: no-repeat;
    background-image: url("../images/down_4/new/lanbo_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .promo-music {
        background-image: url("../images/down_4/new/lanbo_large_2x.jpg")
    }
}

@media only screen and (min-width: 1442px) {
    .promo-music {
        background-size: 640px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/lanbo_xlarge.jpg")
    }
}

@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1442px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .promo-music {
        background-image: url("../images/down_4/new/lanbo_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .promo-music {
        background-size: 640px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/lanbo_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .promo-music {
        background-image: url("../images/down_4/new/lanbo_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promo-music {
        background-size: 736px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/lanbo_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: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .promo-music {
        background-image: url(../images/down_4/new/lanbo_small_2x.jpg")
    }
}
 
 
 
   
.promo-ios {
    background-size: 360px 200px;
    background-repeat: no-repeat;
    background-image: url("../images/down_4/new/g20_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .promo-ios {
        background-image: url("../images/down_4/new/g20_large_2x.jpg")
    }
}

@media only screen and (min-width: 1442px) {
    .promo-ios {
        background-size: 640px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/g20_xlarge.jpg")
    }
}

@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1442px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .promo-ios {
        background-image: url("../images/down_4/new/g20_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .promo-ios {
        background-size: 640px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/g20_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .promo-ios {
        background-image: url("../images/down_4/new/g20_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promo-ios {
        background-size: 736px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/g20_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: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .promo-ios {
        background-image: url("../images/down_4/new/g20_small_2x.jpg")
    }
}
  
 
 

.promo-macos-sierra {
    background-size: 360px 200px;
    background-repeat: no-repeat;
    background-image: url("../images/down_4/new/london_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .promo-macos-sierra {
        background-image: url("../images/down_4/new/london_large_2x.jpg")
    }
}

@media only screen and (min-width: 1442px) {
    .promo-macos-sierra {
        background-size: 640px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/london_xlarge.jpg")
    }
}

@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 1442px) and (min-resolution: 1.5dppx),
only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
    .promo-macos-sierra {
        background-image: url("../images/down_4/new/london_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .promo-macos-sierra {
        background-size: 640px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/london_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .promo-macos-sierra {
        background-image: url("../images/down_4/new/london_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .promo-macos-sierra {
        background-size: 736px 200px;
        background-repeat: no-repeat;
        background-image: url("../images/down_4/new/london_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: 1.5dppx),
only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .promo-macos-sierra {
        background-image: url("../images/down_4/new/london_small_2x.jpg")
    }
}