pre {
    background: #f7f7f7 !important;
    white-space: pre-wrap !important;
    white-space: -moz-pre-wrap !important;
    white-space: -o-pre-wrap !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
}
table thead tr th {
    background-color: #e9e9e9;
}
@media screen and (max-width: 1024px){
    table {
        border:0
    }
    table thead {
        display:none
    }
    table tr {
        margin-bottom:10px;
        display:block;
        border-top:2px solid #ddd;
        border-bottom:2px solid #ddd
    }
    table td {
        display:block;
        text-align:right !important;
        font-size:13px;
        border-bottom:1px dotted #ccc
    }
    table td:last-child {
        border-bottom:0
    }
    table td:before {
        content:attr(data-label);
        float:left;
        font-weight:700
    }
}