@media only screen and (max-width: 700px) {



    #hide-table table,

    #hide-table thead,

    #hide-table tbody,

    #hide-table th,

    #hide-table td,

    #hide-table tr {

        display: block;
        overflow: auto;
        
       

    }
#hide-table{
    width: 400px;
    table-layout: fixed;
    border-collapse: collapse;
}


    #hide-table thead tr {

        position: absolute;

        top: -9999px;

        left: -9999px;

    }



    #hide-table tr { border: 1px solid #ccc; margin: 0 0 1rem;}



    #hide-table td {

        border: none;

        border-bottom: 1px solid #eee;

        position: relative;

        padding-right: 50%;

        white-space: normal;
        text-align: right;
        padding: 1.8em;
        
     
   

    }



    #hide-table td:before {

        position: absolute;

        top: 6px;

        left: 6px;

        width: 45%;

        padding-right: 10px;

        white-space: nowrap;

        text-align:left;

        font-weight: 500;

        color: #1a2229;
       

    }



    #hide-table td:before { content: attr(data-title); }

}





@media only screen and (max-width: 800px) {



    #hide-table-2 table,

    #hide-table-2 thead,

    #hide-table-2 tbody,

    #hide-table-2 th,

    #hide-table-2 td,

    #hide-table-2 tr {

        display: block;
       

    }



    #hide-table-2 thead tr {

        position: absolute;

        top: -9999px;

        left: -9999px;
       

    }



    #hide-table-2 tr { border: 1px solid #ccc; }



    #hide-table-2 td {

        border: none;

        border-bottom: 1px solid #eee;

        position: relative;

        padding-left: 0%;

        white-space: normal;

        text-align:center;
       


    }



    #hide-table-2 td:before {

        position: absolute;

        top: 6px;

        left: 6px;

        width: 45%;

        padding-right: 10px;

        white-space: nowrap;

        text-align:left;

        font-weight: 500;

        color: #1a2229;
       

    }



    #hide-table-2 td:before { content: attr(data-title); }

}