@media only screen and (max-width: 800px), (min-device-width: 768px) and (max-device-width: 1024px) {
    table, thead, tbody, th, td, tr {
        display: block;
    }
    thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }
    th.hiddentype
    {
        display: none;
    }
    tr {
        border: 1px solid #ccc;
    }
    td {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: -moz-use-text-color -moz-use-text-color #eee;
        border-image: none;
        padding-left: 50%;
        position: relative;
    }
    td:before {
        left: 6px;
        padding-right: 10px;
        position: absolute;
        top: 6px;
        white-space: nowrap;
        width: 45%;
    }
    .table-responsive {
        border: 0px;
    }
}
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
        margin: 0;
        padding: 0;
        width: 320px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        width: 495px;
    }
}*/