@media only screen and (max-width: 1068px) {
    .page-overview .section-spotlight .image-spotlight {
        background-image: url("/v/education/k12/home/a/images/overview/spotlight_swift_playgrounds__8e7ejoz8lea6_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-overview .section-spotlight .image-spotlight {
        background-image: url("/v/education/k12/home/a/images/overview/spotlight_swift_playgrounds__8e7ejoz8lea6_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-spotlight .image-spotlight {
        background-image: url("/v/education/k12/home/a/images/overview/spotlight_swift_playgrounds__8e7ejoz8lea6_small_2x.jpg");
    }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 734px) and(min-resolution: 1.5dppx), only screen and(max-width: 734px) and(min-resolution: 144dpi) {
    .page-overview .section-spotlight .image-spotlight {
        background-image: url("/v/education/k12/home/a/images/overview/spotlight_swift_playgrounds__8e7ejoz8lea6_small_2x.jpg")
    }
}




/* Teaching-code image replace */
.page-overview .section-everyone-can-create .image-item-teachingcode {
    background-image: url("/hk/en/education/k12/images/curricula_teaching_code__c4afrphq0bma_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-overview .section-everyone-can-create .image-item-teachingcode {
        background-image: url("/hk/en/education/k12/images/curricula_teaching_code__c4afrphq0bma_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-everyone-can-create .image-item-teachingcode {

        background-image: url("/hk/en/education/k12/images/curricula_teaching_code__c4afrphq0bma_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-overview .section-everyone-can-create .image-item-teachingcode {
        background-image: url("/hk/en/education/k12/images/curricula_teaching_code__c4afrphq0bma_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-everyone-can-create .image-item-teachingcode {

        background-image: url("/hk/en/education/k12/images/curricula_teaching_code__c4afrphq0bma_small_2x.png")
    }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 734px) and(min-resolution: 1.5dppx), only screen and(max-width: 734px) and(min-resolution: 144dpi) {
    .page-overview .section-everyone-can-create .image-item-teachingcode {
        background-image: url("/hk/en/education/k12/images/curricula_teaching_code__c4afrphq0bma_small_2x.png")
    }
}

/* Image Spotlight */

.page-overview .section-spotlight .image-tile-swift{
    background-image: url("/hk/en/education/k12/images/spotlight_swift_playgrounds__8e7ejoz8lea6_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 .section-spotlight .image-tile-swift {
        background-image: url("/hk/en/education/k12/images/spotlight_swift_playgrounds__8e7ejoz8lea6_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-spotlight .image-tile-swift{
        background-image: url("/hk/en/education/k12/images/spotlight_swift_playgrounds__8e7ejoz8lea6_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-overview .section-spotlight .image-tile-swift{
        background-image: url("/hk/en/education/k12/images/spotlight_swift_playgrounds__8e7ejoz8lea6_medium_2x.jpg")
    }
}


@media only screen and (max-width: 734px) {
    .page-overview .section-spotlight .image-tile-swift {

        background-image: url("/hk/en/education/k12/images/spotlight_swift_playgrounds__8e7ejoz8lea6_small_2x.jpg");
    }
}

@media only screen and (max-width: 734px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 734px) and(min-resolution: 1.5dppx), only screen and(max-width: 734px) and(min-resolution: 144dpi) {
    .page-overview .section-spotlight .image-tile-swift {
        background-image: url("/hk/en/education/k12/images/spotlight_swift_playgrounds__8e7ejoz8lea6_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .tiles-full-width .reduced-medium-width .flex-column{
        flex-basis: 44%;
    }
}


.section-hero .image-hero-macbook-bottom-right {
	background-image: url("/hk/en/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_large.jpg");
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_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 .image-hero-macbook-bottom-right {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_small_2x.jpg");
	}
}

.section-hero .image-hero-macbook-top-left {
	background-image: url("/hk/en/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_large.jpg");
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_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 .image-hero-macbook-top-left {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url("/hk/en/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_small_2x.jpg");
	}
}