﻿
@media(max-width:992px) {
    .desktop-only {
        display: none;
    }
    thead {
        display: none;
    }

    tr {
        display: block;
        box-sizing: border-box;
        width: 100%;
        /*padding: 5px 5px 0;*/
        border-top: 2px solid #ccc;
        clear: both;
    }

    th,
    td {
        display: block;
        float: left;
        box-sizing: border-box;
        /*border: 0;*/
        font-size:12px;
    }

    th {
        width: 100%;
        background: none;
    }

    td {
        margin-bottom: 0px;
        padding: 0 1px;
        width: 25%;
        text-align: left;
        /*background-color: azure;*/
    }
        td:nth-child(1) {
            width: 25%;
        }
        td:nth-child(2) {
            width: 75%;
        }
        td:nth-child(3) {
            width: 30%;
        }
        td:nth-child(4) {
            width: 13%;            
        }
        td:nth-child(5) {
            width: 13%;
        }
        td:nth-child(6) {
            width: 15%;
        }
        td:nth-child(7) {
            width: 20%;
        }
        td:nth-child(8) {
            width: 9%;
        }
        td:nth-child(9) {
            width: 0%;
        }
        td:nth-child(10) {
            width: 100%;
        }
}

@media (max-width: 1000px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11 {
        float: left;
        width: 25%;
    }
    .col-sm-12 {
        float: left;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

