@media screen and (max-width: 767px) {

    .hg-about-us {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    /* Keep the same tall image canvas as desktop */
    .hg-about-us-image {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 1800px;
        object-fit: fill;
        margin: 0;
        padding: 0;
    }

    /* Put the text back over the image */
    .hg-about-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }

    /* Restore absolute positioning */
    .hg-about-content .hg-about-block {
        position: absolute;
        left: 3%;
        width: 94%;
        margin: 0;
        padding: 0;
        transform: none;
        box-sizing: border-box;
    }

    /* Smaller mobile typography */
    .hg-about-block h2 {
        font-size: 18px;
        line-height: 1.05;
        margin: 0 0 6px;
    }

    .hg-about-block p {
        font-size: 9px;
        line-height: 1.25;
        margin: 0 0 7px;
    }

    .hg-about-block li {
        font-size: 9px;
        line-height: 1.2;
        margin-bottom: 2px;
    }

    .hg-about-block ul {
        margin: 0 0 7px;
        padding-left: 14px;
    }

    /* Keep the original vertical locations */
    .hg-about-block-1 { top: 0%; }
    .hg-about-block-2 { top: 12%; }
    .hg-about-block-3 { top: 24%; }
    .hg-about-block-4 { top: 36.5%; }
    .hg-about-block-5 { top: 48%; }
    .hg-about-block-6 { top: 58.5%; }

    .hg-about-block-break {
        top: 69.5%;
        text-align: left;
    }

    .hg-about-block-7 { top: 80.5%; }
    .hg-about-block-8 { top: 94%; }
    .hg-about-block-9 { top: 89%; }
    
    .hg-about-block-9 {
    display: none;
}

.hg-about-break-star {
    display: none;
}

.hg-about-block-4 p:first-of-type {
    display: none;
}

.hg-about-block-4 p:last-of-type {
    display: none;
}

    /* Mobile break section */
    .hg-about-content .hg-about-block.hg-about-block-break {
        position: absolute;
        top: 69.5%;
        left: 3%;
        width: 94%;
        padding: 0px 0px;
        border-left: 3px solid #d4af37;
        transform: none;
    }

    .hg-about-content .hg-about-block.hg-about-block-break h2 {
        font-size: 22px;
        line-height: 1.05;
        margin: 0 0 8px;
        letter-spacing: 1px;
    }

    .hg-about-content .hg-about-block.hg-about-block-break p {
        font-size: 9px;
        margin: 8px 0;
        letter-spacing: 1px;
    }

    .hg-about-content .hg-about-block.hg-about-block-break .hg-about-break-star {
        font-size: 35px;
        margin-top: -8px;
        width: 52px;
    }

}

.hg-about-us-image-desktop {
    display: block;
}

.hg-about-us-image-mobile {
    display: none;
}

@media screen and (max-width: 767px) {

    .hg-about-us-image-desktop {
        display: none;
    }

.hg-about-us-image-mobile {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 2500px;
    object-fit: fill;
    margin: 0;
    padding: 0;
}

}