@media screen and (max-width: 60em) {
    .about-nav {
        height: max-content;
        position: absolute;
        top: auto;
        bottom: 5vh;
        left: 0;
        width: auto;
        display: none;
    }

    .about-nav-wrapper {
        text-align: center;
    }

    .about-link {
        padding: 0em 1em;
        width: max-content;
        display: inline-block;
        font-size: 1.2em;
    }

    .about-link:hover {
        border-right: none;
    }

    .content-wrapper {
        margin-bottom: 0;
        height: auto;
        position: relative;
    }

    .content {
        width: auto;
        border-radius: 0;
        padding-left: 10vw;
    }

    .page-title {
        font-size: 2.5em;
    }

    .aboutus-text-container {
        width: 100%;
    }

    .content-title {
        font-size: 2em;
    }

    .management-details {
        width: 45%;
    }

    .management-name {
        font-size: 1.5em;
        width: 90%;
    }

    .management-address {
        font-size: 1em;
        width: 90%;
    }

    .management-desc {
        width: 40%;
        /* padding-top: 1.5em; */
    }
}


/* CORONA CARE PAGE */

@media screen and (max-width: 60em) {
    .Corocare {
        width: 80%;
        margin: 0 0 3em 3em;
    }
}


/* OUR TEAM PAGE */

@media screen and (max-width: 60em) {
    .trustee-img-container {
        width: 100%;
        position: relative;
    }

    .trustee-img-container figcaption {
        display: inline-block;
        width: 25%;
        height: 25vh;
        padding: 0 1em;
    }
}


/* OUR WORK PAGES */

@media screen and (max-width: 60em) {
    .OurWork_h4 {
        font-size: 1.10em;
    }
}


/* CONTACT PAGE */

@media screen and (max-width: 60em) {
    .content-text-container {
        width: 95%;
    }

    .main-address {
        width: 40%;
        font-size: 1.5em;
    }

    .google-map {
        width: 59%;
        height: 15em;
    }

    .contact-form {
        display: none;
    }

    .contact-form.mobile {
        display: block;
        position: relative;
        padding: 2em 0;
        right: auto;
        top: auto;
        width: auto;
        height: max-content;
        font-size: 1.2em;
    }

    .contact-form-title {
        font-size: 2em;
    }

    .contact-form.mobile label {
        width: 49%;
        display: inline-block;
        padding: 1em;
    }

    .contact-form.mobile label[for="comment"] {
        width: 100%;
    }

    .contact-form.mobile input {
        font-size: 1rem;
    }

    .submit {
        font-size: 1em;
        padding: 0.5em 2em;
    }
}


/* DONATE PAGE */

@media screen and (max-width: 60em) {
    .bank-title {
        font-size: 1.5em;
    }

    .content,
    #donate_page .content {
        height: 100%;
        /* padding: 10vw 0 10vw 0; */
    }
}


/* TABLES & MODAL */

@media screen and (max-width: 60em) {
    .modal-content {
        width: 80%;
    }
}