#mobile-navbar{transition: top 0.5s ease-in-out;}
#slide-scroll-nav{justify-content: space-around;}
#fixed-bottomNav{transition: bottom 0.5s ease-in-out; bottom: 0px;}
#mobile-nav-logo{margin-top: -1rem;}
#mobile-create-account{font-size: 14px !important; font-weight: bold !important; margin-top: -1rem;}
#login-mobile{background:#d23742 !important; color: #fff !important;padding: 0 15px 0 15px;}
@media (min-width:575px) {
#mobile-nav-logo {display: none;}
#tablet-nav-logo .img-responsive {margin-top: -1rem;}
}
@media (max-width:574px) {
#tablet-nav-logo {display: none;}
}
/* MOBILE SIDE NAV START */
@media only screen and (max-width: 991px) {
    .offcanvas {
        &{max-width: 75%;}
    .list-group-item{margin-bottom: 0px !important;}
    .list-group-item:active{background: #e0e0e0 !important;border: 1px solid #a7a7a7 !important;}
    ul li a{font-size: 16px !important;display: block;}
    span{font-size: 18px !important;}
    .btn:active{background: #f0d4ac !important;border: 1px solid #fff !important;}
}

    .slide-menu ul.submenu {display: none;padding-inline: 1rem;position: absolute;top: 0;left: 0;width: 100%;}

    .slide-menu ul.main-menu.slide-out,
    .slide-menu ul.submenu.slide-out {animation: slideOut 0.3s forwards;}

    .slide-menu ul.main-menu.slide-in,
    .slide-menu ul.submenu.slide-in {animation: slideIn 0.3s forwards;}

    @keyframes slideIn {
        from {opacity: 0;transform: translateX(-100%);}
        to {opacity: 1;transform: none;}
    }

    @keyframes slideOut {
        from {opacity: 1;transform: none;}
        to {opacity: 0;transform: translateX(-100%);}
    }

    #fixed-bottomNav {background: #333333;color: #fff;padding: 0;height: 75px;display: grid;grid-template-columns: repeat(4, 1fr);justify-content: center;align-items: center;}
    #slide-scroll-nav {-ms-overflow-style: none;scrollbar-width: none;}
    #slide-scroll-nav::-webkit-scrollbar {display: none;}
}