.material-icons {
    vertical-align: middle !important;
    padding-bottom: 3px;
}

.hovemenu:hover{
    color: grey;
}

.offcanvas {
    margin-top: 58px !important;
}

.offcanvas-body{
    padding: 0;
}
.offcanvas-body::-webkit-scrollbar {
    width: 5px;
}

/*lg*/
@media (min-width : 576px) {
    .offcanvas {
        width : 230px !important;
    }
    .iconmenu {
        font-size: calc(1.26rem + 0.12vw) !important;
    }
}

/*xs*/
@media (max-width : 576px) {
    .offcanvas {
        width : 80px !important;
    }
    .iconmenu {
        font-size: calc(1.305rem + 0.66vw) !important;
    }
}