
.image-hero {
    width: 981px;
    height: 433px;
    background-size: 981px 433px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/hero_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) {
    .image-hero {
        background-image: url("/airplay/images/hero_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-hero {
        width: 669px;
        height: 295px;
        background-size: 669px 295px;
        background-repeat: no-repeat;
        background-image: url("/airplay/images/hero_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) {
    .image-hero {
        background-image: url("/airplay/images/hero_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-hero {
        width: 374px;
        height: 166px;
        background-size: 374px 166px;
        background-repeat: no-repeat;
        background-image: url("/airplay/images/hero_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) {
    .image-hero {
        background-image: url("/airplay/images/hero_small_2x.jpg")
    }
}

.page-overview .section-hero .image-hero {
    background-size: contain;
    background-position: center center;
    margin-top: 70px;
    margin-bottom:42px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-hero {
        width: 100%;
        margin-top: 62px;
        margin-bottom:0
    }
}

@media only screen and (max-width: 735px) {
    .page-overview .section-hero .image-hero {
        margin-top:42px
    }
}
.image-anyone-can-add-songs {
    width: 277px;
    height: 397px;
    background-size: 277px 397px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/anyone_can_add_songs_large.png")
}

@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) {
    .image-anyone-can-add-songs {
        background-image: url("/airplay/images/anyone_can_add_songs_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-anyone-can-add-songs {
        width: 206px;
        height: 295px;
        background-size: 206px 295px;
        background-repeat: no-repeat;
        background-image: url("/airplay/images/anyone_can_add_songs_medium.png")
    }
}

@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) {
    .image-anyone-can-add-songs {
        background-image: url("/airplay/images/anyone_can_add_songs_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image-anyone-can-add-songs {
        width: 236px;
        height: 338px;
        background-size: 236px 338px;
        background-repeat: no-repeat;
        background-image: url("/airplay/images/anyone_can_add_songs_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-anyone-can-add-songs {
        background-image: url("/airplay/images/anyone_can_add_songs_small_2x.png")
    }
}

.image-ask-siri {
    width: 282px;
    height: 396px;
    background-size: 282px 396px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/ask_siri_large.png")
}

@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) {
    .image-ask-siri {
        background-image: url("/airplay/images/ask_siri_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-ask-siri {
        width: 204px;
        height: 294px;
        background-size: 204px 294px;
        background-repeat: no-repeat;
        background-image: url("/airplay/images/ask_siri_medium.png")
    }
}

@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) {
    .image-ask-siri {
        background-image: url("/airplay/images/ask_siri_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image-ask-siri {
        width: 233px;
        height: 324px;
        background-size: 233px 324px;
        background-repeat: no-repeat;
        background-image: url("/airplay/images/ask_siri_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-ask-siri {
        background-image: url("/airplay/images/ask_siri_small_2x.png")
    }
}
.image-control-it-all {
    width: 379px;
    height: 428px;
    background-size: 379px 428px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/control_it_all_large.png")
}

@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) {
    .image-control-it-all {
        background-image: url("/airplay/images/control_it_all_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-control-it-all {
        width: 262px;
        height: 295px;
        background-size: 262px 295px;
        background-repeat: no-repeat;
        background-image: url("/airplay/images/control_it_all_medium.png")
    }
}

@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) {
    .image-control-it-all {
        background-image: url("/airplay/images/control_it_all_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .image-control-it-all {
        width: 266px;
        height: 301px;
        background-size: 266px 301px;
        background-repeat: no-repeat;
        background-image: url("/airplay/images/control_it_all_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .image-control-it-all {
        background-image: url("/airplay/images/control_it_all_small_2x.png")
    }
}
.image-logo-bang-olufsen {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_bang_olufsen_large.png")
}

@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) {
    .image-logo-bang-olufsen {
        background-image: url("/airplay/images/logo_bang_olufsen_large_2x.png")
    }
}

.image-logo-beats {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_beats_large.png")
}

@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) {
    .image-logo-beats {
        background-image: url("/airplay/images/logo_beats_large_2x.png")
    }
}
.image-logo-bluesound {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_bluesound_large.png")
}

@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) {
    .image-logo-bluesound {
        background-image: url("/airplay/images/logo_bluesound_large_2x.png")
    }
}
.image-logo-bose {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_bose_large.png")
}

@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) {
    .image-logo-bose {
        background-image: url("/airplay/images/logo_bose_large_2x.png")
    }
}
.image-logo-bowers-wilkins {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_bowers_wilkins_large.png")
}

@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) {
    .image-logo-bowers-wilkins {
        background-image: url("/airplay/images/logo_bowers_wilkins_large_2x.png")
    }
}
.image-logo-definitive-technology {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_definitive_technology_large.png")
}

@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) {
    .image-logo-definitive-technology {
        background-image: url("/airplay/images/logo_definitive_technology_large_2x.png")
    }
}
.image-logo-denon {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_denon_large.png")
}

@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) {
    .image-logo-denon {
        background-image: url("/airplay/images/logo_denon_large_2x.png")
    }
}
.image-logo-devialet {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_devialet_large.png")
}

@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) {
    .image-logo-devialet {
        background-image: url("/airplay/images/logo_devialet_large_2x.png")
    }
}
.image-logo-dynaudio {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_dynaudio_large.png")
}

@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) {
    .image-logo-dynaudio {
        background-image: url("/airplay/images/logo_dynaudio_large_2x.png")
    }
}
.image-logo-libratone {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_libratone_large.png")
}

@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) {
    .image-logo-libratone {
        background-image: url("/airplay/images/logo_libratone_large_2x.png")
    }
}
.image-logo-marantz {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_marantz_large.png")
}

@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) {
    .image-logo-marantz {
        background-image: url("/airplay/images/logo_marantz_large_2x.png")
    }
}
.image-logo-mcintosh {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_mcintosh_large.png")
}

@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) {
    .image-logo-mcintosh {
        background-image: url("/airplay/images/logo_mcintosh_large_2x.png")
    }
}
.image-logo-naim {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_naim_large.png")
}

@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) {
    .image-logo-naim {
        background-image: url("/airplay/images/logo_naim_large_2x.png")
    }
}
.image-logo-polk {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_polk_large.png")
}

@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) {
    .image-logo-polk {
        background-image: url("/airplay/images/logo_polk_large_2x.png")
    }
}
.image-logo-sonos {
    width: 97px;
    height: 34px;
    background-size: 97px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_sonos_large.png")
}

@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) {
    .image-logo-sonos {
        background-image: url("/airplay/images/logo_sonos_large_2x.png")
    }
}
.image-logo-apple-airplay {
    width: 119px;
    height: 34px;
    background-size: 119px 34px;
    background-repeat: no-repeat;
    background-image: url("/airplay/images/logo_apple_airplay_large.png")
}

@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) {
    .image-logo-apple-airplay {
        background-image: url("/airplay/images/logo_apple_airplay_large_2x.png")
    }
}

/*.page-overview .image-anyone-can-add-songs {
    margin-left:-145px
}

@media only screen and (max-width: 1068px) {
    .page-overview .image-anyone-can-add-songs {
        margin-left:-163.5px
    }
}

@media only screen and (max-width: 735px) {
    .page-overview .image-anyone-can-add-songs {
        left: 50%;
        margin-left:-227.5px
    }
}

*/

.page-overview .image-homepod-mini {
    width: 697px;
    height: 246px;
    background-size: 697px 246px;
    background-repeat: no-repeat;
    bottom: 130px;
    background-image: url("/airplay/images/homepod_mini__jft378tl1jue_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) {
    .page-overview .image-homepod-mini {
        background-image: url("/airplay/images/homepod_mini__jft378tl1jue_large_2x.jpg")
    }
}

/* image-homepod-mini start */
@media only screen and (max-width: 1068px) {
    .page-overview .image-homepod-mini {
        width: 527px;
        height: 171px;
        background-size: 527px 171px;
        background-repeat: no-repeat;
        bottom:105px;
        background-image: url("/airplay/images/homepod_mini__jft378tl1jue_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) {
    .page-overview .image-homepod-mini {
        background-image: url("/airplay/images/homepod_mini__jft378tl1jue_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .page-overview .image-homepod-mini {
        width: 642px;
        height: 297px;
        background-size: 642px 297px;
        background-repeat: no-repeat;
        bottom: 25px;
        background-image: url("/airplay/images/homepod_mini__jft378tl1jue_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) {
    .page-overview .image-homepod-mini {
        background-image: url("/airplay/images/homepod_mini__jft378tl1jue_small_2x.jpg")
    }
}

.page-overview .homepod-mini-tile .router-tile-copy, .page-overview .music-tile .router-tile-copy {
    padding-bottom:417px
}

@media only screen and (max-width: 1068px) {
    .page-overview .homepod-mini-tile .router-tile-copy, .page-overview .music-tile .router-tile-copy {
        padding-bottom:293px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .homepod-mini-tile .router-tile-copy, .page-overview .music-tile .router-tile-copy {
        padding-bottom:270px
    }
}
/* image-homepod-mini end */

.overview-homepod-whole-home {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 379px;
    --p-height:428px
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .overview-homepod-whole-home {
        --p-width: 262px;
        --p-height:295px
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .overview-homepod-whole-home {
        --p-width: 266px;
        --p-height:301px
    }
}

.page-overview .section-audio .homepod-whole-home.grid-item .grid-image {
    margin-top:41px;
    margin-bottom:0
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-audio .homepod-whole-home.grid-item .grid-image {
        margin-top:52px;
        margin-bottom:0
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-audio .homepod-whole-home.grid-item .grid-image {
        margin-top:46px;
        margin-bottom:30px
    }
}


.overview-anyone-can-add-songs {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 227px;
    --p-height:397px
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .overview-anyone-can-add-songs {
        --p-width: 206px;
        --p-height:295px
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .overview-anyone-can-add-songs {
        --p-width: 236px;
        --p-height:338px
    }
}

.page-overview .overview-anyone-can-add-songs {
    position: relative;
    left: 50%;
    margin-left: -138px;
    margin-top: 41px
}

@media only screen and (max-width: 1068px) {
    .page-overview .overview-anyone-can-add-songs {
        left: 50%;
        margin-left:-103px;
        margin-top: 52px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .overview-anyone-can-add-songs {
        left: 50%;
        margin-left:-111px;
        margin-top: 35px
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .overview-anyone-can-add-songs {
        top:0
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .overview-anyone-can-add-songs {
        top:0
    }
}

