@media screen and (max-width: 1210px) {
    .header-flexbox {
        flex-direction: column;
    }

    .h-menu-lists-flexbox {
        margin: 0 auto;
    }

    .h-funds-contents.h-funds-con1 {
        left: 35%;
        top: 26%;
    }

    .h-funds-con2 {
        right: 28%;
        top: 26%;
    }

    .holdings-card {
        width: 95%;
    }

    .cumulative-flexbox {
        min-height: 300px;
    }
}

@media screen and (max-width: 997px) {
    .impact-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .imp-card {
        width: 100%;
    }

    .imp-card:last-child {
        grid-area: 2/1 / span 1 / span 2;
        width: 100%;
    }
}

@media screen and (max-width: 965px) {
    .content-flexbox {
        flex-direction: column-reverse;
        row-gap: 1.3rem;
        align-items: center;
    }
    .contents-arranger {
        text-align: center;
    }
    .fund-vision-flexbox {
        flex-direction: column;
        row-gap: 1.3rem;
        align-items: center;
        text-align: center;
    }

    .contents-bottom-arranger {
        display: none;
    }

    .exposture-header {
        width: 45%;
        font-size: 14px;
    }
    .exposture-header button {
        font-size: 14px;
    }

    .holdings-card {
        flex-direction: column;
    }

    .funds-center-semi-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .doc-hidden-form {
        width: 90%;
    }
}

@media screen and (max-width: 880px) {
    .performance-graph {
        width: 90%;
        padding: 10px;
    }

    .cumulative-flexbox {
        width: 90%;
    }

    .exposture-graph {
        width: 90%;
    }

    .exposture-header:first-child {
        width: 37%;
    }

    .exposture-header:nth-child(2) {
        width: 60%;
    }

    .exposture-header:last-child {
        display: none;
    }

    .expo-con:not(.expo-con:first-child) {
        width: 55%;
    }

    .expo-con:first-child {
        width: 40%;
    }

    .expo-con:last-child {
        display: none;
    }
}

@media screen and (max-width: 830px) {
    .header-flexbox {
        flex-direction: row;
    }

    .h-menu-list,
    .h-menu-list-dif {
        display: none;
    }

    .burger {
        display: flex;
    }

    .header-menu {
        align-items: flex-end;
    }

    .impact-title {
        font-size: 3.4rem;
    }

    .h-logo {
        width: 180px;
        height: 90px;
    }

    .cumulative-flexbox {
        height: 490px;
        overflow: hidden;
    }

    .cumu-content-con {
        display: grid;
        grid-template-columns: repeat(2, 300px);
    }

    .cumu-content-headers {
        display: flex;
        flex-direction: column;
        row-gap: 2rem;
        align-items: flex-start;
    }

    .cumu-content-values {
        display: flex;
        flex-direction: column;
        row-gap: 2rem;
        align-items: flex-end;
    }

    .cumu-header {
        width: 100%;
    }

    .cumu-content {
        width: 100%;
    }

    .cumu-content:last-child {
        width: 100px;
    }
}

@media screen and (max-width: 720px) {
    .documents-content {
        flex-direction: column;
        row-gap: 13px;
    }

    .documents-flexbox {
        width: 90%;
    }

    .cumu-content-con {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .cumu-content {
        text-align: end;
        width: 100%;
    }

    .contents-title {
        font-size: 25px;
    }

    .contents-arranger {
        line-height: 1.3px;
        margin-top: 12px;
    }

    .fund-vision-title {
        font-size: 32px;
    }

    .fund-vision-first {
        font-size: 14px;
    }

    .fund-vision-sec {
        font-size: 14px;
    }

    .impact-title {
        font-size: 32px;
    }

    .impact-subtitle {
        font-size: 14px;
    }

    .imp-card-title {
        font-size: 23px;
    }

    .imp-card-content {
        font-size: 15px;
    }

    .impact-con1,
    .impact-con2 {
        font-size: 14px;
    }

    .performance-subtitle {
        font-size: 32px;
    }

    .holdings-paper {
        font-size: 14px;
    }

    .footer-image img {
        height: 130px;
    }

    .footer-content {
        width: 100%;
        font-size: 13px;
    }

    .footer-sec-row img {
        height: 70px;
    }
}

@media screen and (max-width: 610px) {
    .footer-arranged-list {
        align-items: flex-start;
    }
    .footer-arrange-header {
        font-size: 14px;
    }

    .footer-list a {
        font-size: 12px;
    }

    .footer-btn-first p {
        font-size: 11px;
    }

    .footer-btm-link a {
        font-size: 11px;
    }

    .footer-fourth-first {
        font-size: 11px;
    }

    .footer-fourth-sec {
        font-weight: bold;
        font-size: 11px;
    }

    .footer-lists-btm-arranger {
        align-items: center;
        flex-direction: column;
    }

    .footer-joint-flexbox {
        column-gap: 10px;
    }

    .footer-mid-flexbox {
        transform: scale(0.9);
    }
}

@media screen and (max-width: 510px) {
    .fund-vision-first,
    .fund-vision-sec {
        width: 100%;
        transform: scale(0.9);
        font-size: 15px;
    }

    .content-flexbox-image {
        width: 200px;
        height: 200px;
    }

    .contents-title {
        font-size: 18px;
    }

    .document-title {
        text-align: center;
    }

    .impact-cards {
        display: flex;
        flex-direction: column;
    }

    .footer-third-row {
        padding: 0;
    }

    .h-download-btn {
        display: none;
    }

    .impact-contents {
        flex-direction: column;
        row-gap: 10px;
    }

    .impact-con2 {
        row-gap: 10px;
    }

    .exposture-header button {
        font-size: 13px;
    }

    .exposture-header:first-child {
        width: 110px;
    }

    .holdings-paper {
        font-size: 12px;
    }

    .funds-center-semi-container {
        display: flex;
        flex-direction: column;
    }

    .funds-center-card {
        width: 96%;
    }
}