table { td.condensed, th.condensed { width: 1px; white-space: nowrap; } } /* responsive */ .table-responsive { overflow-x: auto; min-height: 0.01% } @media screen and (max-width: 767px) { .table-responsive { width:100%; margin-bottom: 17.25px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; > .table { margin-bottom: 0; >thead>tr>th, >tbody>tr>th, >tfoot>tr>th, >thead>tr>td, >tbody>tr>td, >tfoot>tr>td { white-space: nowrap } } > .table-bordered { border: 0 } > .table-bordered { >thead>tr>th:first-child, >tbody>tr>th:first-child, >tfoot>tr>th:first-child, >thead>tr>td:first-child, >tbody>tr>td:first-child, >tfoot>tr>td:first-child { border-left: 0 } >thead>tr>th:last-child, >tbody>tr>th:last-child, >tfoot>tr>th:last-child, >thead>tr>td:last-child, >tbody>tr>td:last-child, >tfoot>tr>td:last-child { border-right: 0 } >tbody>tr:last-child>th, >tfoot>tr:last-child>th, >tbody>tr:last-child>td, >tfoot>tr:last-child>td { border-bottom: 0 } } } }