@media screen and (max-width: 400px) {
    
    /* ???? */
    #navigationicons{
        grid-column-gap: 6px;
    }    

    .catsection > .cattype{
        font-size: 12px !important;
    }

}

@media screen and (max-width: 500px) {
    #orientationlist{
        justify-content: center !important;
        grid-template-columns: repeat(auto-fit, minmax(150px, max-content)) !important;
        grid-gap: 5px !important;
    }

    /* #switchsection{
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(3, max-content) !important;
        grid-template-areas:
            "addencounter"
            "editmeet"
            "switch"
        !important;
        grid-row-gap: 15px !important;
        justify-items: center !important;
    } */

    
}


@media screen and (min-width: 501px) and (max-width: 901px) {
    /* stays */
    #orientationlist{
        grid-template-columns: repeat(auto-fit, minmax(110px, max-content));
        grid-gap: 5px;
    }
}