.page-products .section-mac .apps-figure {

    background-image: url("/hk/en/education/k12/products/images/screen_powerful_apps__e3vo1rvazs66_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) {
    .page-products .section-mac .apps-figure {
        background-image: url("/hk/en/education/k12/products/images/screen_powerful_apps__e3vo1rvazs66_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-products .section-mac .apps-figure {

        background-image: url("/hk/en/education/k12/products/images/screen_powerful_apps__e3vo1rvazs66_medium_2x.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) {
    .page-products .section-mac .apps-figure {
        background-image: url("/hk/en/education/k12/products/images/screen_powerful_apps__e3vo1rvazs66_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .page-products .section-mac .apps-figure {

        background-image: url("/hk/en/education/k12/products/images/screen_powerful_apps__e3vo1rvazs66_small_2x.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) {
    .page-products .section-mac .apps-figure {
        background-image: url("/hk/en/education/k12/products/images/screen_powerful_apps__e3vo1rvazs66_small_2x.png")
    }
}


/* call out image ipad */
/* .page-products .section-ipad .callout-image-ipad {
    width: 2560px;
    height: 1455px;
    background-size: 2560px 1455px;
    background-repeat: no-repeat;
    background-image: url("/hk/en/education/home/images/products/ipad__bbu6ctajs8gy_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-products .section-ipad .callout-image-ipad {
        background-image: url("/hk/en/education/home/images/products/ipad__bbu6ctajs8gy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-products .section-ipad .callout-image-ipad {
        width: 1068px;
        height: 913px;
        background-size: 1068px 913px;
        background-repeat: no-repeat;
        background-image: url("/hk/en/education/home/images/products/ipad__bbu6ctajs8gy_medium_2x.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-products .section-ipad .callout-image-ipad {
        background-image: url("/hk/en/education/home/images/products/ipad__bbu6ctajs8gy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .page-products .section-ipad .callout-image-ipad {
        width: 736px;
        height: 540px;
        background-size: 736px 540px;
        background-repeat: no-repeat;
        background-image: url("/hk/en/education/home/images/products/ipad__bbu6ctajs8gy_small_2x.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-products .section-ipad .callout-image-ipad {
        background-image: url("/hk/en/education/home/images/products/ipad__bbu6ctajs8gy_small_2x.jpg")
    }
} */



@media only screen and (max-width: 735px) {
    .section.section-ipad {
        margin-bottom: 1rem;
    }
}
@media only screen and (max-width: 1068px){
    .page-products .section-hero{
        margin-top: -1rem;
    }
}

@media only screen and (max-width: 1068px){
    .page-products .section-mac{
        top: 80px;
    }
}

@media only screen and (max-width: 735px) {
    .page-products .section-mac{
        top: 0px;
    }
}


.page-products .section-mac .row-devices .devices-figure {
    background-image: url(/hk/en/education/k12/products/images/across_devices__cv484hgif5w2_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) {
    .page-products .section-mac .row-devices .devices-figure {
        background-image: url(/hk/en/education/k12/products/images/across_devices__cv484hgif5w2_large_2x.png);
    }
}

@media only screen and (max-width: 1068px) {
    .page-products .section-mac .row-devices .devices-figure {
        background-image: url(/hk/en/education/k12/products/images/across_devices__cv484hgif5w2_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) {
    .page-products .section-mac .row-devices .devices-figure {
        background-image: url(/hk/en/education/k12/products/images/across_devices__cv484hgif5w2_medium_2x.png);
    }
}

@media only screen and (max-width: 735px) {
    .page-products .section-mac .row-devices .devices-figure {
        background-image: url(/hk/en/education/k12/products/images/across_devices__cv484hgif5w2_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) {
    .page-products .section-mac .row-devices .devices-figure {
        background-image: url(/hk/en/education/k12/products/images/across_devices__cv484hgif5w2_small_2x.png);
    }
} 



.page-products .section-ipad .callout-image-ipad {
    background-image: url(/hk/en/education/k12/products/images/ipad__gcdad1wgl9me_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-products .section-ipad .callout-image-ipad {
        background-image: url(/hk/en/education/k12/products/images/ipad__gcdad1wgl9me_large_2x.jpg);
    }
}

@media only screen and (max-width: 1068px) {
    .page-products .section-ipad .callout-image-ipad {
        background-image: url(/hk/en/education/k12/products/images/ipad__gcdad1wgl9me_medium.jpg);
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen a n dmax-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .page-products .section-ipad .callout-image-ipad {
        background-image: url(/hk/en/education/k12/products/images/ipad__gcdad1wgl9me_medium_2x.jpg);
    }
}

@media only screen and (max-width: 735px) {
    .page-products .section-ipad .callout-image-ipad {
        background-image: url(/hk/en/education/k12/products/images/ipad__gcdad1wgl9me_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-products .section-ipad .callout-image-ipad {
        background-image: url(/hk/en/education/k12/products/images/ipad__gcdad1wgl9me_small_2x.jpg);
    }
}