/*Tables*/

    @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
        table.responsive-table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr {
            display: block;
        }
        .responsive-table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .responsive-table tr {
      margin: 0 0 0 0;
    }
      
    .responsive-table tr:nth-child(odd) {
      background: #f4f1eb;
    }
    
        .responsive-table td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

        .responsive-table td:before {
            top: 0;
            left: 6px;
            width: 100%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold;
        }
        .responsive-table th{
            display: none;
        }
        .responsive-table td:nth-of-type(1):before { content: attr(data-content); }
        .responsive-table td:nth-of-type(2):before { content: attr(data-content); }
        .responsive-table td:nth-of-type(3):before { content: attr(data-content); }
        td:nth-of-type(4):before { content: attr(data-content); }
        td:nth-of-type(5):before { content: attr(data-content); }
        td:nth-of-type(6):before {  content: attr(data-content); }
        td:nth-of-type(7):before { content: attr(data-content); }
        td:nth-of-type(8):before { content: attr(data-content); }
        td:nth-of-type(9):before { content: attr(data-content); }
        td:nth-of-type(10):before { content: attr(data-content); }
        .responsive-table td.no-before:before{display: none;}

        .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
            white-space: normal !important;
        }

        .table-responsive>.table-bordered>tbody>tr>td:last-child{
            border-right: 1px solid #ddd;
        }
    }

    @media only screen and (max-width: 767px){
        .responsive-table td:before {
            display: block;
        }
    }