/* Faculty Profile Mobile Responsive Styles */

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    /* Header adjustments */
    header {
        height: auto !important;
        padding: 15px 10px !important;
        min-height: auto !important;
    }

    .faculty-info {
        flex-direction: column !important;
        text-align: center !important;
        padding: 10px !important;
    }

    .faculty-photo {
        width: 90px !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
    }

    .faculty-details {
        width: 100%;
    }

    .faculty-details h1 {
        font-size: 1.4rem !important;
        line-height: 1.3 !important;
        margin: 5px 0 !important;
    }

    .faculty-details p {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
        margin: 3px 0 !important;
    }

    /* Navigation */
    nav {
        text-align: center !important;
        padding: 8px 5px !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    nav a {
        display: inline-block !important;
        margin: 4px 6px !important;
        font-size: 0.85rem !important;
        padding: 6px 10px !important;
    }

    /* Wrapper and sections */
    .wrapper {
        width: 100% !important;
        padding: 0 !important;
    }

    section {
        padding: 20px 12px !important;
        margin: 12px 5px !important;
        border-radius: 6px !important;
    }

    /* Titles */
    .about-title,
    .research-position-title,
    .courses-title,
    .awards-title,
    .research-title,
    .facilities-title,
    .team-title,
    .publications-title {
        font-size: 1.3rem !important;
        margin-bottom: 15px !important;
    }

    /* Lists */
    ul {
        padding-left: 18px !important;
    }

    .about-text,
    .research-position-list,
    .awards-list,
    .research-list {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }

    .about-list li {
        margin-bottom: 15px !important;
    }

    .about-list li strong {
        font-size: 1.05rem !important;
    }

    /* Images */
    .about-photo,
    .facilities-photo,
    .pastteam-photo {
        max-width: 100% !important;
        height: auto !important;
    }

    .about-image {
        width: 100% !important;
        padding: 0 !important;
        margin: 15px 0 !important;
    }

    figcaption {
        font-size: 0.9rem !important;
    }

    /* Team members */
    .team-container {
        flex-direction: column !important;
        align-items: center !important;
        padding: 10px !important;
        overflow-x: visible !important;
    }

    .team-member {
        width: 100% !important;
        max-width: 280px !important;
        margin-bottom: 18px !important;
    }

    .team-photo {
        width: 65% !important;
        height: 130px !important;
    }

    .team-member h3 {
        font-size: 1rem !important;
    }

    .team-member p {
        font-size: 0.85rem !important;
    }

    /* Publications */
    .publication-list {
        padding-left: 0.8rem !important;
    }

    .publication-list li {
        font-size: 0.85rem !important;
        margin-bottom: 1rem !important;
        line-height: 1.5 !important;
    }

    /* Research interests */
    .research-description {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }

    .research-list {
        font-size: 0.95rem !important;
    }

    .research-list li {
        margin-bottom: 12px !important;
    }

    .research-list li strong {
        font-size: 1.05rem !important;
    }

    /* Facilities */
    .facilities-list {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }

    .facilities-list p {
        margin-bottom: 12px !important;
    }

    .facilities-image {
        margin-top: 15px !important;
    }

    /* Courses */
    .courses-list {
        font-size: 0.9rem !important;
        padding-left: 0 !important;
    }

    .courses-list li {
        margin-bottom: 8px !important;
    }

    .sub-heading {
        font-size: 1.05rem !important;
        margin-top: 15px !important;
    }

    /* Work experience nested lists */
    .research-position-list ul {
        padding-left: 18px !important;
        font-size: 0.9rem !important;
    }

    .research-position-list ul li {
        margin-bottom: 8px !important;
        line-height: 1.5 !important;
    }

    /* Awards list */
    .awards-list li {
        margin-bottom: 12px !important;
    }

    .awards-list li strong {
        font-size: 1.05rem !important;
    }
}

@media (max-width: 480px) {
    /* Very small screens */
    .faculty-photo {
        width: 75px !important;
    }

    .faculty-details h1 {
        font-size: 1.2rem !important;
    }

    .faculty-details p {
        font-size: 0.75rem !important;
    }

    nav {
        padding: 6px 3px !important;
    }

    nav a {
        font-size: 0.75rem !important;
        margin: 3px 4px !important;
        padding: 5px 8px !important;
    }

    section {
        padding: 15px 10px !important;
        margin: 10px 3px !important;
    }

    .about-title,
    .research-position-title,
    .courses-title,
    .awards-title,
    .research-title,
    .facilities-title,
    .team-title,
    .publications-title {
        font-size: 1.2rem !important;
    }

    .about-text,
    .research-position-list,
    .awards-list,
    .research-list {
        font-size: 0.85rem !important;
    }

    .publication-list li {
        font-size: 0.8rem !important;
    }

    .team-photo {
        width: 70% !important;
        height: 110px !important;
    }

    .team-member {
        max-width: 250px !important;
    }

    ul {
        padding-left: 15px !important;
    }

    .research-position-list ul {
        font-size: 0.85rem !important;
    }
}

/* Ensure responsive images */
img {
    max-width: 100%;
    height: auto;
}

/* Responsive tables if any */
@media (max-width: 768px) {
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0.85rem;
    }
}