@media (max-width: 1199px) {
    .about-hero-shell {
        gap: 46px;
    }

    .about-hero-content h1 {
        font-size: 40px;
    }

    .about-value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    .about-hero {
        padding: 62px 0 48px;
    }

    .about-hero-shell,
    .about-detail-shell {
        grid-template-columns: 1fr;
    }

    .about-hero-media {
        max-width: 680px;
        min-height: 500px;
        width: 100%;
        margin: 0 auto;
    }

    .about-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-story,
    .about-values,
    .about-detail,
    .about-gallery {
        padding: 35px 0;
        padding-top: 0;
    }

    .about-story {
        padding-top: 40px;
    }

    .about-story-grid,
    .about-detail-image {
        grid-template-columns: 1fr;
    }

        .about-detail-image img,
        .about-detail-image img:nth-child(2) {
            height: 320px;
        }

    .home-picture-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 739px) {
    .about-hero {
        padding: 46px 0 38px;
    }

    .about-eyebrow {
        gap: 9px;
        font-size: 16px;
    }

        .about-eyebrow span {
            width: 32px;
        }

    .about-hero-content h1 {
        font-size: 22px;
        line-height: 1.5;
        text-align: justify;
    }

    .about-hero-content p {
        font-size: 17px;
        text-align: justify;
        margin-top: 12px;
    }

    .about-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .about-primary,
    .about-hotline {
        width: max-content;
        justify-content: center;
    }

    .about-primary {
        justify-content: space-between;
    }

    .about-hero-media {
        min-height: auto;
        display: grid;
        gap: 16px;
    }

    .about-media-main,
    .about-media-card {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        border: 6px solid #ffffff;
        border-radius: 14px;
    }

    .about-media-main {
        border-left-color: #005ca8;
        border-bottom-color: #005ca8;
    }

    .about-media-card {
        width: 82%;
        margin-left: auto;
        border-color: #005ca8;
    }

        .about-media-main a,
        .about-media-card a {
            aspect-ratio: 4 / 3;
        }

    .about-media-badge {
        left: 18px;
        top: 48%;
        width: 86px;
        height: 86px;
        font-size: 24px;
        transform: translateY(-50%);
    }

        .about-media-badge:before {
            inset: 9px;
            border-width: 3px;
        }

    .about-stat-grid,
    .about-value-grid,
    .home-picture-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .about-value-card h3 {
        font-size: 15px;
    }

    .about-stat strong {
        font-size: 20px;
    }

    .about-value-card p {
        font-size: 14px;
        text-align: justify;
    }

    .about-section-head h2 {
        font-size: 18px;
        line-height: 1.5;
    }

    .about-rich-card .about-rich-content,
    .about-detail-copy .about-rich-content {
        padding: 20px;
        text-align: justify;
    }

    .about-detail-copy {
        padding-top: 20px;
    }

        .about-detail-copy .about-eyebrow {
            margin-left: 20px;
            margin-bottom: 0;
        }

    .about-value-card {
        min-height: auto;
        padding: 12px;
    }

    .about-detail-image img,
    .about-detail-image img:nth-child(2) {
        height: 240px;
    }

    .item-col-img-about-b a img {
        height: 180px !important;
    }

    .home-picture-item .img,
    .home-picture-item:nth-child(1) .img:nth-child(1),
    .home-picture-item:nth-child(2) .img:nth-child(1),
    .home-picture-item:nth-child(3) .img:nth-child(1),
    .home-picture-item:nth-child(4) .img:nth-child(1),
    .home-picture-item:nth-child(5) .img:nth-child(1) {
        min-height: 220px;
    }
}
