@media screen and (max-width: 480px) {
    body,
    header,
    footer,
    input,
    select,
    textarea {
        font-size: 11pt;
    }
    .header {
        display: grid;
        grid-template-columns: 8px repeat(2, 1fr) 8px;
        grid-template-areas: ". headerLeft headerRight .";
        grid-auto-flow: dense;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 4.5em;
        background-color: #ffffff;
        z-index: 50;
        opacity: 0.99;
    }
    .breadcrumbs {
        position: absolute;
        top: -4em;
        left: 8px;
    }
    .wrapper {
        display: grid;
        grid-template-columns: 8px 1fr 8px;
        grid-template-areas: ". main .";
        margin: 9em 0;
        min-height: calc(100vh - 590px);
        /* Fix the footer on bottom*/
    }
    .main {
        grid-area: main;
    }
    .container-footer-bottom {
        grid-template-columns: 8px 1fr 8px;
    }
    .footer-1 {
        display: none;
    }
    /* TILES */
    .wrapper-tiles {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: dense;
        gap: 10px;
        width: 100%;
    }
    .container-tile {
        height: 150px;
    }
    .mobile_no {
        display: none;
    }
    .survey_radio_table th {
        padding: 5px;
        color: white;
    }
    .survey_radio_table tr {
        height: 45px;
    }
    .survey_radio_table>thead {
        background: var(--accroma_blue);
        font-size: 15px;
    }
    .survey_radio_table>tbody tr td:first-child {
        padding-left: 5px;
    }
    .survey_radio_table>tbody tr td:last-child {
        padding-right: 5px;
    }
    .questionText {
        grid-column: text;
        font-size: 11px;
        font-weight: 200;
        color: black;
    }
    .survey_grid {
        height: 100%;
        background-color: white;
        padding: 0px;
    }
}