.table-responsive {
    width: 200px;
    overflow-x: auto;
}

#content {
    width: 100%;
    margin: 0;
    padding-left: 14px;
}

.container {
    max-width: 960px;
    width: auto;
}

@media (min-width: 768px) {
    body {
        min-width: 0;
    }
}

@media (max-width: 980px) {

    /* .profile-background-image {
    background: none !important;
  } */
    .staff_profile_header {
        height: auto;
    }

    #profile-crumbs {
        display: none;
    }
}

@media (max-width: 500px) {
    .project-year-item-title {
        width: 60%;
    }

    .project-year-item-amount {
        width: 30%;
    }

    table {
        /* width: 500px !important;
    display: block;
    overflow-x: scroll; */
    }
}


@media (max-width: 767px) {

    .publications-heading-block {
        padding: 10px;
        overflow: hidden;
    }

    .publications-heading-block h3 {
        width: auto;
        padding: 0;
        float: left;
        margin: 0;
    }

    .publications-heading-block span {
        width: auto;
        float: right;
    }

    .tab-summary {
        overflow: hidden;
    }

    .tab-summary-title {
        width: auto;
        float: left;
        padding-left: 0;
    }

    .tab-summary-value {
        width: auto;
        float: right;
    }

    .tab-summary-divider {
        clear: both;
    }

    .staff_profile_header {
        height: auto;
        flex-direction: column;
    }

    div#main {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-image: none !important;
    }

    #content {
        width: 100% !important;
        margin: 0px !important;
    }

    .profile-background-image {
        background-image: none !important;
    }

    .staff_profile_content #highlights .highlights-content,
    .staff_profile_content #career .career-content,
    .profile-summary {
        display: block;
        padding: 0;
        width: 100%;
    }

    .profile-summary-wrapper {
        width: 100%;
        padding: 0;
    }

    .profile-tab {
        padding: 15px !important;
        box-sizing: border-box;
    }

    iframe {
        width: 100% !important;
    }

    #content .profile-nav-tabs {
        background: #eee;
    }

    .staff_profile_header>div {
        display: block;
    }

    .staff_profile_header_photo_container {
        width: 100%;
    }

    .staff_profile_header_photo {
        width: 25%;
        float: left;
    }

    .staff_profile_header_photo img {
        width: 100%;
        height: 100%;
    }

    .staff_profile_header_details {
        float: none;
        width: auto;
        padding: 0;
        box-sizing: border-box;
    }

    .staff_profile_header_contact {
        clear: both;
        padding: 0;
        margin: 0;
        width: auto;
    }

    .staff_profile_header_contact p {
        float: none;
        margin: 0;
    }

    .staff_profile_header_contact address {
        min-height: 0;
        overflow: hidden;
        margin: 0;
    }

    #profile-tabs {
        padding: 0 7px;
        background: #eee;
    }
}