@media only screen and (max-device-width: 640px) {
    table.DetailsTable {
        width: 100%;
    }

        table.DetailsTable td {
            vertical-align: top;
            padding-right: 40px;
            padding-bottom: 0.2em;
        }

        table.DetailsTable tr td:first-child {
            font-weight: 400;
            font-size: 0.8em;
            text-decoration: underline;
            padding-top: 0.3em;
            min-width: 100%;
            max-width: 100%;
            width: 100%;
        }

        table.DetailsTable tr td {
        }

        table.DetailsTable tr:hover td {
            background-color: #DCE5F4;
        }

        table.DetailsTable td,
        table.DetailsTable th {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            clear: left;
        }


    /* Override radgrid */

    table.rgMasterTable {
        table-layout: auto !important;
    }

        table.rgMasterTable thead th {
            display: none;
        }

        table.rgMasterTable colgroup col {
            width: auto !important;
        }

        /*  Negate the margin between sections */
        table.rgMasterTable tbody td {
            margin-top: 0;
            text-align: left !important;
            overflow: visible !important;
        }
            /*  White bg, large blue text for rank and title */
            table.rgMasterTable tbody th,
            table.rgMasterTable tbody td.title {
                display: block;
                line-height: 110%;
                padding: .5em .5em;
                border-bottom: 1px solid rgba(0,0,0,.15);
                overflow: visible !important;
            }

            table.rgMasterTable tbody td.title {
                padding-left: .8em;
            }

            table.rgMasterTable tbody td .cLabel {
                display: inline-block;
                min-width: 35%;
                font-size: 0.7em;
                margin-right: 0.3em;
            }

            /*  Position the title next to the rank, pad to the left */
            table.rgMasterTable tbody td.title > a {
                padding-left: 1em;
                font-weight: bold;
                display: block;
            }

            table.rgMasterTable tbody th .cLabel,
            table.rgMasterTable tbody td.title .cLabel,
            table.rgMasterTable tfoot tr table .cLabel {
                display: none;
            }

        /* Make the label elements a percentage width */
        table.rgMasterTable td .cLabel,
        table.rgMasterTable th .cLabel {
            min-width: 20%;
        }

        table.rgMasterTable td,
        table.rgMasterTable th {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            clear: left;
        }


    table.FolderContents td {
        font-size: 0.8em;
    }
}