@media (max-width: 780px) { #contentBox { padding-left: 0px !important; padding-right: 0px !important; } tr { width: 98vw; } } #tableContainer th:nth-child(2), #tableContainer td:nth-child(2) { width: 15%; } #tableContainer th:nth-child(3), #tableContainer td:nth-child(3) { width: 35%; } #tableContainer th:nth-child(4), #tableContainer td:nth-child(4) { width: 10%; } #tableContainer th:nth-child(5), #tableContainer td:nth-child(5) { width: 13%; } #tableContainer th:nth-child(6), #tableContainer td:nth-child(6) { width: 5%; } #tableContainer th:nth-child(7), #tableContainer td:nth-child(7) { width: 9%; } @media (max-width: 768px) { #tableContainer th, #tableContainer td { padding: 2px; } #tableContainer .headerText { font-size: 0.5rem; } #tableContainer input[type="button"] { font-size: 0.4rem; padding: 4px 8px; } } @media (max-width: 480px) { #tableContainer th, #tableContainer td { font-size: 0.3rem; padding: 2px; } #tableContainer .headerText { font-size: 0.4rem; } #tableContainer input[type="button"] { font-size: 0.3rem; padding: 2px 4px; } #tableContainer a { font-size: 0.4rem; } #tableContainer table { font-size: 0.3rem; } } @media (max-width: 320px) { #tableContainer th, #tableContainer td { font-size: 0.3rem; padding: 2px; } #tableContainer .headerText { font-size: 0.3rem; } #tableContainer input[type="button"] { font-size: 0.3rem; padding: 2px 4px; } #tableContainer a { font-size: 0.3rem; } #tableContainer table { font-size: 0.3rem; } }