@media only screen and (max-width: 991px) {
		
			.offcanvas {
				max-width: 75%;
			}

			.offcanvas .list-group-item {
				margin-bottom: 0px !important;
			}

			.offcanvas .list-group-item:active {
				background: #e0e0e0 !important;
				border: 1px solid #a7a7a7 !important;
			}

			.offcanvas span {
				font-size: 18px !important;
			}

			.offcanvas .btn:active {
				background: #634E4F !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;
			padding: 0;
			height: 75px;
			grid-template-columns: repeat(4, 1fr);
		}

		#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;
		}
	}

	@media only screen and (max-width: 991px) and (min-width: 396px) {
		.offcanvas ul li a {
			font-size: 16px !important;
			display: block;
		}
	}

	@media only screen and (max-width: 395px) {
		.offcanvas ul li a {
			font-size: 14px !important;
			display: block;
		}
	}

	#mobileMenu .fa-arrow-right {
		color: #F86B16
	}

	@media only screen and (min-width: 992px) {
		#mobileMenu,
		.offcanvas-backdrop {
			display: none !important;
		}
	}