/* div.column.large-centered.large-8.small-12 {
   text-align:center;
}

@media only screen and (max-width: 735px) {
    div.column.large-centered.large-8.small-12 {
        text-align: left;
       
    }
} */

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
    .icon::before, .icon::after, .more::before, .more::after {
        margin-top: -0.3em;
    }

    .ie-fix.icon::before, .ie-fix.icon::after, .more::before, .more::after {
        margin-top: 0.1em;
    }
}

.page-it .section-setup-devices .image-shared-ipad-landscape {
    width: 695px;
    height: 493px;
    background-size: 695px 493px;
    background-repeat: no-repeat;
    background-image: url("/v/education/home/a/images/it/shared_ipad_landscape_large.jpg");
    margin-left: -200px
}

@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-it .section-setup-devices .image-shared-ipad-landscape {
        background-image: url("/v/education/home/a/images/it/shared_ipad_landscape_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-it .section-setup-devices .image-shared-ipad-landscape {
        width: 570px;
        height: 405px;
        background-size: 570px 405px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/a/images/it/shared_ipad_landscape_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-it .section-setup-devices .image-shared-ipad-landscape {
        background-image: url("/v/education/home/a/images/it/shared_ipad_landscape_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-setup-devices .image-shared-ipad-landscape {
        width: 270px;
        height: 192px;
        background-size: 270px 192px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/a/images/it/shared_ipad_landscape_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-it .section-setup-devices .image-shared-ipad-landscape {
        background-image: url("/v/education/home/a/images/it/shared_ipad_landscape_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-it .section-setup-devices .image-shared-ipad-landscape {
        margin-left: -178px
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-setup-devices .image-shared-ipad-landscape {
        left: 50%;
        margin-left: -347.5px;
        position: relative;
        margin-top: 60px
    }
}

@media only screen and (max-width: 735px) and (max-width: 1068px) {
    .page-it .section-setup-devices .image-shared-ipad-landscape {
        left: 50%;
        margin-left: -285px;
        position: relative
    }
}

@media only screen and (max-width: 735px) and (max-width: 735px) {
    .page-it .section-setup-devices .image-shared-ipad-landscape {
        left: 50%;
        margin-left: -135px;
        position: relative
    }
}

.page-it .section-students-and-staff .image-icon-privacy {
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-image: url("/v/education/home/a/images/it/icon_privacy_large.png");
    left: 50%;
    margin-left: -30px;
    position: relative;
    margin-bottom: 7px
}

@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-it .section-students-and-staff .image-icon-privacy {
        background-image: url("/v/education/home/a/images/it/icon_privacy_large_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-students-and-staff .image-icon-privacy {
        width: 44px;
        height: 44px;
        background-size: 44px 44px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/a/images/it/icon_privacy_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-it .section-students-and-staff .image-icon-privacy {
        background-image: url("/v/education/home/a/images/it/icon_privacy_small_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-students-and-staff .image-icon-privacy {
        left: 50%;
        margin-left: -22px;
        position: relative
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-students-and-staff .image-icon-privacy {
        margin-bottom: 16px
    }
}
.page-it .section-enable-teachers .image-enable {
    width: 492px;
    height: 696px;
    background-size: 492px 696px;
    background-repeat: no-repeat;
    background-image: url("/v/education/home/a/images/it/enable_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-it .section-enable-teachers .image-enable {
        background-image: url("/v/education/home/a/images/it/enable_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-enable {
        width: 355px;
        height: 502px;
        background-size: 355px 502px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/a/images/it/enable_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-it .section-enable-teachers .image-enable {
        background-image: url("/v/education/home/a/images/it/enable_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-enable-teachers .image-enable {
        width: 242px;
        height: 343px;
        background-size: 242px 343px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/a/images/it/enable_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-it .section-enable-teachers .image-enable {
        background-image: url("/v/education/home/a/images/it/enable_small_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-enable-teachers .image-enable {
        left: 50%;
        margin-left: -246px;
        position: relative;
        margin-top: 60px
    }
}

@media only screen and (max-width: 735px) and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-enable {
        left: 50%;
        margin-left: -177.5px;
        position: relative
    }
}

@media only screen and (max-width: 735px) and (max-width: 735px) {
    .page-it .section-enable-teachers .image-enable {
        left: 50%;
        margin-left: -121px;
        position: relative
    }
}

.page-it .section-enable-teachers .image-manage {
    width: 995px;
    height: 581px;
    background-size: 995px 581px;
    background-repeat: no-repeat;
    background-image: url("/v/education/home/a/images/it/manage_large.jpg");
    margin-left: -84px
}

@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-it .section-enable-teachers .image-manage {
        background-image: url("/v/education/home/a/images/it/manage_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-manage {
        width: 704px;
        height: 411px;
        background-size: 704px 411px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/a/images/it/manage_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-it .section-enable-teachers .image-manage {
        background-image: url("/v/education/home/a/images/it/manage_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-enable-teachers .image-manage {
        width: 265px;
        height: 155px;
        background-size: 265px 155px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/a/images/it/manage_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-it .section-enable-teachers .image-manage {
        background-image: url("/v/education/home/a/images/it/manage_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-manage {
        margin-left: -4px
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-enable-teachers .image-manage {
        left: 50%;
        margin-left: -497.5px;
        position: relative;
        margin-top: 60px
    }
}

@media only screen and (max-width: 735px) and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-manage {
        left: 50%;
        margin-left: -352px;
        position: relative
    }
}

@media only screen and (max-width: 735px) and (max-width: 735px) {
    .page-it .section-enable-teachers .image-manage {
        left: 50%;
        margin-left: -132.5px;
        position: relative
    }
}

.page-it .section-enable-teachers .image-classroom {
    width: 1376px;
    height: 1028px;
    background-size: 1376px 1028px;
    background-repeat: no-repeat;
    background-image: url("/v/education/home/a/images/it/classroom_large.jpg");
    left: 50%;
    margin-left: -688px;
    position: relative;
    margin-top: -110px
}

@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-it .section-enable-teachers .image-classroom {
        background-image: url("/v/education/home/a/images/it/classroom_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-classroom {
        width: 1017px;
        height: 760px;
        background-size: 1017px 760px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/a/images/it/classroom_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-it .section-enable-teachers .image-classroom {
        background-image: url("/v/education/home/a/images/it/classroom_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-enable-teachers .image-classroom {
        width: 475px;
        height: 426px;
        background-size: 475px 426px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/a/images/it/classroom_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-it .section-enable-teachers .image-classroom {
        background-image: url("/v/education/home/a/images/it/classroom_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-classroom {
        left: 50%;
        margin-left: -508.5px;
        position: relative
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-enable-teachers .image-classroom {
        left: 50%;
        margin-left: -237.5px;
        position: relative
    }
}

@media only screen and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-classroom {
        margin-top: -107px
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-enable-teachers .image-classroom {
        margin-left: -237px;
        margin-top: 0
    }
}
.page-it .section-enable-teachers .figure-wrapper {
    position: relative;
    z-index: 1;
    padding-top: 3rem;
    padding-bottom: 4rem;
}

.page-it .section-enable-teachers .figure-wrapper .caption {
    position: relative;
    z-index: 2
}
.page-it .section-enable-teachers .image-caption-classroom {
    width: 200px;
    top: 146px;
    left: 701px
}

@media only screen and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-caption-classroom {
        width: 170px;
        top: 101px;
        left: 496px
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-enable-teachers .image-caption-classroom {
        top: 0;
        left: 0
    }
}

.page-it .section-enable-teachers .image-caption-schoolwork {
    width: 200px;
    top: -181px;
    left: 292px
}

@media only screen and (max-width: 1068px) {
    .page-it .section-enable-teachers .image-caption-schoolwork {
        width: 170px;
        top: -133px;
        left: 177px
    }
}

@media only screen and (max-width: 735px) {
    .page-it .section-enable-teachers .image-caption-schoolwork {
        top: -45px;
        left: 0
    }
}


/* Lockup build */


.page-it .section-build .lockup-build {
    background-image: url("/hk/education/k12/it/images/individualized_experience__cvwqvhv3lt26_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-it .section-build .lockup-build {
        background-image: url("/hk/education/k12/it/images/individualized_experience__cvwqvhv3lt26_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-it .section-build .lockup-build {

        background-image: url("/hk/education/k12/it/images/individualized_experience__cvwqvhv3lt26_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-it .section-build .lockup-build {
        background-image: url("/hk/education/k12/it/images/individualized_experience__cvwqvhv3lt26_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-it .section-build .lockup-build {

        background-image: url("/hk/education/k12/it/images/individualized_experience__cvwqvhv3lt26_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-it .section-build .lockup-build {
        background-image: url("/hk/education/k12/it/images/individualized_experience__cvwqvhv3lt26_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
    .page-it .intro-numbered-icon:after {
        position: relative;
        font-size: 42px;
        padding-bottom: 15px;
    }
}