@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
#dna { width: 390px !important; overflow-x: auto !important; display: inline-block; width: fit-content; }
#dna td.left { display: table-row!important; float: left!important; width: 100px!important; font-size: 16px!important; }
#dna th.I1, #dna th.Ged, #dna th.Sib, #dna th.NWA, #dna th.SEA, #dna th.AM, #dna th.NE, #dna th.SA, #dna th.EA, #dna th.SWA, #dna th.NEA, #dna th.Cau, #dna th.SSA, { display: table-row!important; flex-wrap: wrap!important; float: left!important; width: 30%; font-size: 16px!important; }
}

/* K12b TABLE  */

#dna { overflow-x: auto !important; display: inline-block; width: fit-content; margin: 0em; border-collapse: separate; border: 2px solid #CCCCCC; }
#dna tr { background-color: #FFFFFF; }
#dna th { font-size: 13px; color: #000000; vertical-align: middle;  text-align: center; padding: 4px; }
#dna th:hover { background-color: #eeeeee; }
#dna td { font-size: 13px; text-align: center; padding: 5px; }
#dna td.left { font-size: 13px; font-weight: bold; color: #000066; text-align: left; padding: 5px; }

#dna th.Ged { color: #E25F0E }
#dna th.Sib { color: #9E50DD }
#dna th.NWA { color: #C9A656 }
#dna th.SEA { color: #E259E7 }
#dna th.AM { color: #1567E4 }
#dna th.NE { color: #CC1700 }
#dna th.SA { color: #A9A0B5 }
#dna th.EA { color: #8E6014 }
#dna th.SWA { color: #73AF0B }
#dna th.NEA { color: #BD56CC }
#dna th.Cau { color: #4D896E }
#dna th.SSA { color: #281510 }