/* Responsive Table */
/* 480 & 360 */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    *, *:before, *:after {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box; 
    }
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
        display: block; 
    }
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    tr { border: none; }
    
    td { 
        border: none;
        border-bottom: none; 
        position: relative;
    }
    td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    .tblCommittee td, .tblCommittee th {
        width: 100%;
        float: left; 
        text-align: center;
    }
    .cp-titleTbl td {
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0;
    }
    .cp-titleTbl td:nth-child(2) {
        text-align: left !important;
    }
    .cp-table-a table, .cp-table-a thead, .cp-table-a tbody, .cp-table-a th, .cp-table-a td, .cp-table-a tr { 
        display: block; 
    }
    .cp-table-a thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .cp-table-a tr {
        border: 1px solid #ccc;
    }
    .cp-table-a th {
        display: none;
    }
    .cp-table-a td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    .cp-table-a td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    .cp-table-a td:nth-of-type(1):before { content: " Name"; }
    .cp-table-a td:nth-of-type(2):before { content: "Affiliation"; }
    .cp-table-a td:nth-of-type(3):before { content: "Location"; }
    .cp-table-a td:nth-of-type(4):before { content: "Specialty"; }
}

/* Micro Clearfix
============================================================ */
.cf:before, .cf:after, .row:before, .row:after {
  content: "";
  display: table; }

.cf:after, .row:after {
  clear: both; }

.cf, .row {
  zoom: 1; }

.nav { width: 100%; }
.nav ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; text-align: center; }
.nav ul li { display: inline-block; }
.nav ul li a { display: block; padding: 10px 20px; text-decoration: none; color: #444; }
.nav ul li a:hover { background-color: #888; color: #fff; }

@media (max-width:48.000em){
    .subGridNav .subGridContainer { width: 100%; }
    .nav ul { width: 100%; font-weight: normal; }
    .nav ul li { width: 50%; float: left; }
    .nav ul li:nth-of-type() a { border: none; }
    .nav ul li a { padding: 8px 0px; border-bottom: 1px solid #ccc; display: block; }
}