@media only screen and (max-width: 600px) {
    html, body{
        height: 100vh !important;
        overflow: hidden !important;
        width:100vw;
    }

    table {
        width: 100vw;
        overflow-x: auto;
    }

    tr{
        
        display: table-cell;
    }
    
    #header {
        top: 0;
        left: 0;
        background-color: white;
        position: sticky;
    }

    .mobile_hide{
        display: none !important;
    }

    #open_mobile_menu{
        font-size: 1.5em;
        position: absolute;
        bottom: 2.5%;
        left: 50%;
        transform: translate(-50%,0);
        z-index: 20;
    }

    #input_cluster{
        position: fixed;
        width: 100vw !important;
        height: 80vh !important;
        background-color: white;
        z-index: 10;
        display: flex;
        flex-direction: column-reverse;
    }

    #input_cluster *:not(#table_select){
        margin: 0.5em 5em 0.5em 5em !important;
    }

    #table_select {
        display: none !important;
        flex-direction: column;
        margin: unset !important;
    }

    #header :first-child a {
        display: none;
    }

    tr :first-child {
        height: 1em !important;
        overflow: hidden;
        width: 100% !important;
    }

    #previous_drug {
        display: none;
    }

    #next_drug {
        display: none;
    }
}