@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: #047d72 !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;
		}

		.splide__track--nav>.splide__list>.splide__slide.is-active {
			border-radius: 50% !important;
			border-color: #dc3545 !important;
		}
	}
	#logout-mobile{
		display: none;
	}

	@media  (max-width:500px) {
		.offcanvas.offcanvas-start{
			width: 75%;
		}
	}