

.page-home .section-hero .product-title {
    background-repeat: no-repeat;
    background-image: url("https://www.apple.com/ca/mac-mini/images/logo_hero_large.png");
    background-size: 344px 71px;
    height: 71px;
    width: 344px;
    margin-left: auto;
    margin-right: auto
}

html.svg .page-home .section-hero .product-title {
    background-image: url("/ca/mac-mini/images/logo_hero.svg");
    background-size: 344px 71px;
    height: 71px;
    width: 344px
}

@media only screen and (max-width: 1024px) {
    html.svg .page-home .section-hero .product-title {
        background-size: 240px 49px;
        height: 49px;
        width: 240px
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    html.svg .page-home .section-hero .product-title {
        background-size: 182px 37px;
        height: 37px;
        width: 182px
    }
}

.page-home .section-hero .image-hero {
    background-repeat: no-repeat;
    background-size: 496px 174px;
    height: 174px;
    width: 496px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("https://www.apple.com/ca/mac-mini/images/hero_image_large.png");
    margin-top: 110px
}

@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    .page-home .section-hero .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/hero_image_large_2x.png")
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-hero .image-hero {
        background-size: 352px 124px;
        height: 124px;
        width: 352px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-hero .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/hero_image_medium.png")
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-resolution: 144dpi), only screen and (max-width: 1024px) and (min-resolution: 144dppx) {
    .page-home .section-hero .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/hero_image_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-hero .image-hero {
        background-size: 234px 82px;
        height: 82px;
        width: 111.1111%;
        margin-left: -5.5556%;
        margin-right: -5.5556%;
        background-position: center top
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-hero .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/hero_image_small.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dppx) {
    .page-home .section-hero .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/hero_image_small_2x.png")
    }
}


/*.page-home .section-features .image-hero {
    background-repeat: no-repeat;
    background-size: 814px 664px;
    height: 664px;
    width: 814px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("https://www.apple.com/ca/mac-mini/images/features_hero_image_large.png")
}

@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    .page-home .section-features .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/features_hero_image_large_2x.png")
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-features .image-hero {
        background-size: 670px 546px;
        height: 546px;
        width: 670px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-features .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/features_hero_image_medium.png")
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-resolution: 144dpi), only screen and (max-width: 1024px) and (min-resolution: 144dppx) {
    .page-home .section-features .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/features_hero_image_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-features .image-hero {
        background-size: 294px 238px;
        height: 238px;
        width: 111.1111%;
        margin-left: -5.5556%;
        margin-right: -5.5556%;
        background-position: center top
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-features .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/features_hero_image_small.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dppx) {
    .page-home .section-features .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/features_hero_image_small_2x.png")
    }
}*/

.page-home .section-design .image-hero {
    background-repeat: no-repeat;
    background-size: 834px 546px;
    height: 546px;
    width: 834px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("https://www.apple.com/ca/mac-mini/images/design_hero_image_large.png")
}

@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    .page-home .section-design .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/design_hero_image_large_2x.png")
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-design .image-hero {
        background-size: 750px 490px;
        height: 490px;
        width: 750px;
        margin-left: -26px
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-design .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/design_hero_image_medium.png")
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-resolution: 144dpi), only screen and (max-width: 1024px) and (min-resolution: 144dppx) {
    .page-home .section-design .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/design_hero_image_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-design .image-hero {
        background-size: 366px 240px;
        height: 240px;
        width: 111.1111%;
        margin-left: -5.5556%;
        margin-right: -5.5556%;
        background-position: center top
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-design .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/design_hero_image_small.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dppx) {
    .page-home .section-design .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/design_hero_image_small_2x.png")
    }
}

.page-home .section-osx .image-hero {
    background-repeat: no-repeat;
    background-size: 814px 664px;
    height: 664px;
    width: 814px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("https://www.apple.com/ca/mac-mini/images/apps_hero_image_large.png")
}

@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    .page-home .section-osx .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/apps_hero_image_large_2x.png")
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-osx .image-hero {
        background-size: 670px 546px;
        height: 546px;
        width: 670px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-osx .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/apps_hero_image_medium.png")
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-resolution: 144dpi), only screen and (max-width: 1024px) and (min-resolution: 144dppx) {
    .page-home .section-osx .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/apps_hero_image_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-osx .image-hero {
        background-size: 294px 238px;
        height: 238px;
        width: 111.1111%;
        margin-left: -5.5556%;
        margin-right: -5.5556%;
        background-position: center top
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-osx .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/apps_hero_image_small.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dppx) {
    .page-home .section-osx .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/apps_hero_image_small_2x.png")
    }
}

.page-home .section-apps .image-hero {
    background-repeat: no-repeat;
    background-size: 1024px 378px;
    height: 378px;
    width: 1024px;
    margin-left: -22px;
    background-image: url("https://www.apple.com/ca/mac-mini/images/osx_hero_image_large.png")
}

@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    .page-home .section-apps .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/osx_hero_image_large_2x.png")
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-apps .image-hero {
        background-size: 1044px 282px;
        height: 282px;
        width: 1044px;
        margin-left: -173px
    }
}

@media only screen and (max-width: 1024px) {
    .page-home .section-apps .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/osx_hero_image_medium.png")
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-resolution: 144dpi), only screen and (max-width: 1024px) and (min-resolution: 144dppx) {
    .page-home .section-apps .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/osx_hero_image_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-apps .image-hero {
        background-size: 462px 131px;
        height: 131px;
        width: 111.1111%;
        margin-left: -5.5556%;
        margin-right: -5.5556%;
        background-position: center top
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    .page-home .section-apps .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/osx_hero_image_small.png")
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (max-device-width: 768px) and (min-resolution: 144dppx) {
    .page-home .section-apps .image-hero {
        background-image: url("https://www.apple.com/ca/mac-mini/images/osx_hero_image_small_2x.png")
    }
}


