/*
 * Responsive treatment for research/achievement.htm.
 * Keep the original two-column overview when space allows, then stack the
 * sections on narrow screens.
 */
@media screen and (max-width: 1240px) {
    #main > table.table-width {
        width: 100%;
        table-layout: fixed;
    }

    #main > table.table-width > tbody > tr > td {
        width: 50%;
        padding: 0 8px 14px;
        vertical-align: top;
        box-sizing: border-box;
    }

    #main > table.table-width .menu-text3 {
        display: block;
        width: auto;
        min-height: 0;
        margin: 6px 6px 6px 16px;
        padding: 6px;
    }
}

@media screen and (max-width: 680px) {
    #main > table.table-width,
    #main > table.table-width > tbody,
    #main > table.table-width > tbody > tr,
    #main > table.table-width > tbody > tr > td {
        display: block;
        width: 100% !important;
    }

    #main > table.table-width > tbody > tr > td {
        padding: 0 0 12px;
    }

    #main > table.table-width .menu-text3 {
        margin: 4px 6px 12px 10px;
    }
}