/* result_mobile_overrides.css */
@media (max-width: 1200px) {
    #wrapper, #content, #header, #footer, body {
        min-width: 100% !important;
        width: 100% !important;
    }
}
@media (max-width: 900px) {
    .row {
        display: flex;
        flex-direction: column;
    }
    .col-3, .col-9, .col-xs-3, .col-xs-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    #header > div {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
    #toplink {
        padding-right: 0 !important;
        text-align: center !important;
    }
    .marks-table th, .marks-table td {
        padding: 2px !important;
        font-size: 10px !important;
    }
    .ms-inner {
        padding: 5px !important;
    }
    .info-table td {
        display: block;
        width: 100% !important;
    }
    .info-table tr {
        display: flex;
        flex-wrap: wrap;
    }
    .marksheet-table-container {
        overflow-x: auto;
    }
}