.sidemenulist {
    color: black;
    display: block;
    padding: 0.5rem 1.5rem;
}


    .sidemenulist.active {
        font-weight: 700;
        text-decoration: underline;
        text-decoration-color: red;
        text-decoration-style: solid;
        text-decoration-thickness: 3.5px;
    }


    .sidemenu {
        z-index: 20;
        height: 100%;
        width: 300px;
        position: fixed;
        z-index: 1;
        top: 5px;
        bottom: 50px;
        left: 0;
        font-family: Arial;
        padding-bottom: 100px;
        overflow-y: scroll;
        scrollbar-width: none; /* Firefox */
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none; /* IE 10+ */
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c1d28+0,043e62+36,28343b+100 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1d28', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    .sidenav::-webkit-scrollbar { /* WebKit */
        width: 0;
        height: 0;
    }


/*Desktop*/
@media (min-width: 1200px) {

    .hidden_mobile2 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%;
        padding-left: 25px;
    }

    .show_mobile2 {
        display: none;
    }
}

/*iPad Pro Portrait - Tablet Tab 10 Landscape*/
@media (min-width: 992px) and (max-width: 1200px) {

    .hidden_mobile2 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%;
        padding-left: 25px;
    }

    .show_mobile2 {
        display: none;
    }
}

/*iPad or iPad Min Landscape - Tablet Tab 10 Portrait */
@media (min-width: 770px) and (max-width: 991px) {

    .hidden_mobile2 {
        display: none;
    }

    .show_mobile2 {
        display: block;
    }
}

/*iPad or iPad Min Portrait - Tablet Tab 7 - Phone Mobile Landscape */
@media (min-width: 576px) and (max-width: 769px) {


    .hidden_mobile2 {
        display: none;
    }

    .show_mobile2 {
        display: block;
    }
}

/*Phone Mobile Portrait */
@media (min-width: 361px) and (max-width: 576px) {

    .hidden_mobile2 {
        display: none;
    }

    .show_mobile2 {
        display: block;
    }

    
}


    /*iPhone 5/5s/SE  or  Extra Small Devices, Phones */
    @media (max-width: 360px) {


        .hidden_mobile2 {
            display: none;
        }

        .show_mobile2 {
            display: block;
        }
    }