table.table1 { width: 100%; } .container a:link { color: blue; } .container a:visited { color: purple; } .container a:hover { color: red; } .container a:active { color: green; } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { table, thead, tbody, th, td, tr { display: block; } thead tr { position: absolute; top: -9999px; left: -9999px; } tr:nth-child(odd) { background: #F4F4F4; } tr { border: 1px solid #F4F4F4; position: relative; padding-left: 50%; text-align: left; } tr:before { position: absolute; top: 6px; left: 6px; width: 50%; white-space: nowrap; } table.table1 tr:nth-of-type(1):before { content: "A TUS6NLA TUS10NLA TUS16NLA TUS20NL"; text-align: center; white-space: pre-wrap;} table.table1 tr:nth-of-type(2):before { content: "A TUS6NLA TUS10NLA TUS16NLA TUS20NL"; text-align: center; white-space: pre-wrap;} table.table1 tr:nth-of-ty