/* hightlight*/
html.no-static-layout .animate .highlight-wrapper:not(.static).highlight-blue.other .highlight:before {
    width: 95%;
    opacity: 1;
}

.highlight-wrapper.highlight-blue.other .highlight:before {
    left: -0.1em;
    } 


.icon-wrapper .icon,
.icon-wrapper .icon-after:after,
.icon-wrapper .icon-before:before,
.icon-wrapper .more:not(.icon-before):after {
    position: relative;
    top: -.06em;
}

.small-hide,
br.small-hide {
    display: block;
}

@media only screen and (max-width: 734px) {
    .small-hide,
    br.small-hide {
        display: none;
    }
}

.underline.pink .underline-illustration.separated {
    opacity: 0;
}

.underline.pink .underline-illustration.non-separated {
    opacity: 1;
}

@media only screen and (max-width: 375px) {
    .underline.pink.inline {
        display: inline;
    }

    .underline.pink .underline-illustration.separated {
        opacity: 1;
    }

    .underline.pink .underline-illustration.non-separated {
        opacity: 0;
    }
}

/* underline vertical align fixes */
@media only screen and (min-width: 1068px) {
    .section-hero .underline .underline-illustration {
        bottom: -5%;
    }
}

@media only screen and (min-width: 1068px) {
    .subsection-handouts .underline .underline-illustration {
        bottom: -4%;
    }
}

@media only screen and (min-width: 1068px) {
    .subsection-progress .underline .underline-illustration {
        bottom: -4%;
    }
}

@media only screen and (min-width: 1068px) {
    .subsection-collaboration .underline .underline-illustration {
        bottom: -5%;
    }
}

@media only screen and (min-width: 1068px) {
    .section-schoolwork-intro .sticky-wrapper .underline .underline-illustration {
        bottom: -6%;
    }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
    .section-hero .underline .underline-illustration {
        bottom: -5%;
    }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
    .section-classroom-intro .sticky-wrapper .underline .underline-illustration {
        bottom: -13%;
    }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
    .section-schoolwork-intro .sticky-wrapper .underline .underline-illustration {
        bottom: -7%;
    }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
    .subsection-handouts .underline .underline-illustration {
        bottom: -7%;
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .underline .underline-illustration {
        bottom: -7%;
    }
}

@media only screen and (max-width: 734px) {
    .section-schoolwork-intro .sticky-wrapper .underline .underline-illustration {
        bottom: -10%;
    }
}

@media only screen and (max-width: 375px) {
    .section-hero .underline .underline-illustration {
        bottom: -4%;
    }

    .section-schoolwork-intro .sticky-wrapper .underline .underline-illustration {
        bottom: -9%;
    }

    .subsection-handouts .underline .underline-illustration {
        bottom: -5%;
    }
}

/* underline tail cut fixes */
.section-classroom .subsection-checkin .underline .underline-illustration,
.section-classroom-intro .underline .underline-illustration {
    width: 102%;
    box-sizing: border-box;
    padding-right: 2%;
}

.section-schoolwork .subsection-collaboration .underline .underline-illustration {
    width: 102%;
    box-sizing: border-box;
    padding-right: 5%;
}

@media only screen and (max-width: 734px) {
    .subsection-collaboration .underline .underline-illustration,
    .subsection-make-it-their-own .underline .underline-illustration {
        width: 102%;
    }
    .subsection-progress .underline .underline-illustration {
        left:-3%;
        width: 103%;
    }
}

@media only screen and (max-width: 375px) {
    .section-classroom-intro .underline .underline-illustration {
        width: 101%;
    }

    .subsection-handouts .underline .underline-illustration {
        width: 102%;
        box-sizing: border-box;
        padding-right: 2%;
    }
}

/* Classroom app download button align center in XS */
@media only screen and (max-width: 320px) {
    .page-teaching-tools .split-animation .section-hardware-content .button-outline {
        right: 0;
    }
}
.page-teaching-tools .section-featured-apps .image-schoolwork {
    width: 207px;
    height: 89px;
    background-size: 207px 89px;
    background-repeat: no-repeat;
    background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_follow_and_collaborate__d8or1z68usom_large.png");
    top: 75px;
    right: 262px;
}

@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) {
    .page-teaching-tools .section-featured-apps .image-schoolwork {
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_follow_and_collaborate__d8or1z68usom_large_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .page-teaching-tools .section-featured-apps .image-schoolwork {
        width: 190px;
        height: 84px;
        background-size: 190px 84px;
        background-repeat: no-repeat;
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_follow_and_collaborate__d8or1z68usom_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-teaching-tools .section-featured-apps .image-schoolwork {
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_follow_and_collaborate__d8or1z68usom_medium_2x.png");
    }
}

@media only screen and (max-width: 734px) {
    .page-teaching-tools .section-featured-apps .image-schoolwork {
        width: 200px;
        height: 90px;
        background-size: 200px 90px;
        background-repeat: no-repeat;
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_follow_and_collaborate__d8or1z68usom_small.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-teaching-tools .section-featured-apps .image-schoolwork {
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_follow_and_collaborate__d8or1z68usom_small_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .page-teaching-tools .section-featured-apps .image-schoolwork {
        top: 40px;
        right: 180px;
    }
}

@media only screen and (max-width: 734px) {
    .page-teaching-tools .section-featured-apps .image-schoolwork {
        top: unset;
        bottom: -92px;
        right: 48px;
    }
}

.page-teaching-tools .section-featured-apps .image-classroom {
    width: 263px;
    height: 100px;
    background-size: 263px 100px;
    background-repeat: no-repeat;
    background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_take_charge__ey41dfw6ekom_large.png");
    bottom: 66px;
    left: 142px;
}

@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) {
    .page-teaching-tools .section-featured-apps .image-classroom {
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_take_charge__ey41dfw6ekom_large_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .page-teaching-tools .section-featured-apps .image-classroom {
        width: 246px;
        height: 90px;
        background-size: 246px 90px;
        background-repeat: no-repeat;
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_take_charge__ey41dfw6ekom_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-teaching-tools .section-featured-apps .image-classroom {
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_take_charge__ey41dfw6ekom_medium_2x.png");
    }
}

@media only screen and (max-width: 734px) {
    .page-teaching-tools .section-featured-apps .image-classroom {
        width: 257px;
        height: 97px;
        background-size: 257px 97px;
        background-repeat: no-repeat;
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_take_charge__ey41dfw6ekom_small.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-teaching-tools .section-featured-apps .image-classroom {
        background-image: url("/kr/education/k12/home/images/teaching-tools/glyph_take_charge__ey41dfw6ekom_small_2x.png");
    }
}

@media only screen and (max-width: 1068px) {
    .page-teaching-tools .section-featured-apps .image-classroom {
        bottom: 40px;
        left: 106px;
    }
}

@media only screen and (max-width: 734px) {
    .page-teaching-tools .section-featured-apps .image-classroom {
        bottom: unset;
        top: -103px;
        left: 38px;
    }
}

.page-teaching-tools .section-classroom-intro .image-left-device {
    background-image: url("/kr/education/k12/home/images/teaching-tools/keep_lessons_fun_macbook__bmgywgwrljv6_large.png");
}
@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) {
    .page-teaching-tools .section-classroom-intro .image-left-device {
        background-image: url("/kr/education/k12/home/images/teaching-tools/keep_lessons_fun_macbook__bmgywgwrljv6_large_2x.png");
    }
}
@media only screen and (max-width: 1068px) {
    .page-teaching-tools .section-classroom-intro .image-left-device {
        background-image: url("/kr/education/k12/home/images/teaching-tools/keep_lessons_fun_macbook__bmgywgwrljv6_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-teaching-tools .section-classroom-intro .image-left-device {
        background-image: url("/kr/education/k12/home/images/teaching-tools/keep_lessons_fun_macbook__bmgywgwrljv6_medium_2x.png");
    }
}
@media only screen and (max-width: 734px) {
    .page-teaching-tools .section-classroom-intro .image-left-device {
        background-image: url("/kr/education/k12/home/images/teaching-tools/keep_lessons_fun_macbook__bmgywgwrljv6_small.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-teaching-tools .section-classroom-intro .image-left-device {
        background-image: url("/kr/education/k12/home/images/teaching-tools/keep_lessons_fun_macbook__bmgywgwrljv6_small_2x.png");
    }
}

.page-teaching-tools .additional-resources .ctas .cta-userguide-ipad:before,
.page-teaching-tools .additional-resources .ctas .cta-download-getting-started-guide:before {
    top: 2px;
}

@media only screen and (max-width: 1068px) {
    .page-teaching-tools .additional-resources .ctas .cta-userguide-ipad:before,
    .page-teaching-tools .additional-resources .ctas .cta-download-getting-started-guide:before {
        top: 0;
    }
}

.page-teaching-tools .additional-resources .ctas .cta-userguide-mac:before {
    top: 6px;
}

@media only screen and (max-width: 1068px) {
    .page-teaching-tools .additional-resources .ctas .cta-userguide-mac:before {
        top: 3px;
    }
}


@media only screen and (max-width: 350px) {
    .large-8.custom-xs-large {
        max-width: 87.67%;
    }
}

.underline.purple .underline-illustration{
    width: 101%;
    left: -4%;
}

@media only screen and (max-width: 734px) {
    .underline.purple .underline-illustration{
        width: 103%;
        left: -4%;
    }
}