/* Start of Hero Animation Start and End */
.section-hero .video-container .media-start-frame {
    background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_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) {
    .section-hero .video-container .media-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .video-container .media-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_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) {
    .section-hero .video-container .media-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .video-container .media-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_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) {
    .section-hero .video-container .media-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_small_2x.jpg")
    }
}

.section-hero .video-container .hero-video.js-media-end-frame {
    background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_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) {
    .section-hero .video-container .hero-video.js-media-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .video-container .hero-video.js-media-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_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) {
    .section-hero .video-container .hero-video.js-media-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .video-container .hero-video.js-media-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_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) {
    .section-hero .video-container .hero-video.js-media-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_small_2x.jpg")
    }
}

.image-overview-hero-hero-screen-start-frame {
    background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_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-overview-hero-hero-screen-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-hero-hero-screen-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_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-overview-hero-hero-screen-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-overview-hero-hero-screen-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_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-overview-hero-hero-screen-start-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_start_frame__cnacbuufuieu_small_2x.jpg")
    }
}

.image-overview-hero-hero-screen-end-frame {
    background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_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-overview-hero-hero-screen-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-hero-hero-screen-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_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-overview-hero-hero-screen-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-overview-hero-hero-screen-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_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-overview-hero-hero-screen-end-frame {
        background-image: url("/ca/imac/images/overview/hero_screen_end_frame__d99v0vimio4m_small_2x.jpg")
    }
}

/* End of Hero Animation Start and End */

.continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
    width: 186px;
    height: 402px;
    background-size: 186px 402px;
    background-repeat: no-repeat;
    background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_fallback__bbxrqfd28kxu_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) {
    .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_fallback__bbxrqfd28kxu_large_2x.png")
    }
}

html.css-mask .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
    width: 186px;
    height: 402px;
    background-size: 186px 402px;
    background-repeat: no-repeat;
    background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1__fs01jhghyeuu_large.jpg");
    -webkit-mask-size: 186px 402px;
    mask-size: 186px 402px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_mask__b2jwwxp8qkgi_large.svg");
    mask-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_mask__b2jwwxp8qkgi_large.svg")
}

@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) {
    html.css-mask .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1__fs01jhghyeuu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        width: 116px;
        height: 252px;
        background-size: 116px 252px;
        background-repeat: no-repeat;
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_fallback__bbxrqfd28kxu_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) {
    .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_fallback__bbxrqfd28kxu_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    html.css-mask .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        width: 116px;
        height: 252px;
        background-size: 116px 252px;
        background-repeat: no-repeat;
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1__fs01jhghyeuu_medium.jpg");
        -webkit-mask-size: 116px 252px;
        mask-size: 116px 252px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_mask__b2jwwxp8qkgi_medium.svg");
        mask-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_mask__b2jwwxp8qkgi_medium.svg")
    }
}

@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) {
    html.css-mask .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1__fs01jhghyeuu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        width: 82px;
        height: 176px;
        background-size: 82px 176px;
        background-repeat: no-repeat;
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_fallback__bbxrqfd28kxu_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) {
    .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_fallback__bbxrqfd28kxu_small_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    html.css-mask .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        width: 82px;
        height: 176px;
        background-size: 82px 176px;
        background-repeat: no-repeat;
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1__fs01jhghyeuu_small.jpg");
        -webkit-mask-size: 82px 176px;
        mask-size: 82px 176px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_mask__b2jwwxp8qkgi_small.svg");
        mask-image: url("/ca/imac/images/overview/continuity_iphone_screen_1_mask__b2jwwxp8qkgi_small.svg")
    }
}

@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) {
    html.css-mask .continuity-gallery-wrapper .continuity-gallery .image-screen-iphone-1 {
        background-image: url("/ca/imac/images/overview/continuity_iphone_screen_1__fs01jhghyeuu_small_2x.jpg")
    }
}


.image-overview-app-store {
    width: 409px;
    height: 346px;
    background-size: 409px 346px;
    background-repeat: no-repeat;
    background-image: url("/ca/imac/images/overview/app_store__eo30k2sx84ia_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-overview-app-store {
        background-image: url("/ca/imac/images/overview/app_store__eo30k2sx84ia_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-overview-app-store {
        width: 349px;
        height: 295px;
        background-size: 349px 295px;
        background-repeat: no-repeat;
        background-image: url("/ca/imac/images/overview/app_store__eo30k2sx84ia_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-overview-app-store {
        background-image: url("/ca/imac/images/overview/app_store__eo30k2sx84ia_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .image-overview-app-store {
        width: 282px;
        height: 239px;
        background-size: 282px 239px;
        background-repeat: no-repeat;
        background-image: url("/ca/imac/images/overview/app_store__eo30k2sx84ia_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-overview-app-store {
        background-image: url("/ca/imac/images/overview/app_store__eo30k2sx84ia_small_2x.jpg")
    }
}