#off-canvas-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;

  background: #fff;
  z-index: 9999;

  transform: translateX(-100%);
  transition: transform 0.3s ease;

  overflow-y: auto;
}

/* Khi mở menu */
#off-canvas-menu.active {
  transform: translateX(0);
}
#off-canvas-menu-toggle span {
	color: #ffffff;
    display: none;
    font-size: 32px;
    line-height: 95px;
}
.off-canvas-menu-open #off-canvas-menu-toggle {
    display: none;
}
#off-canvas-menu .nav > li {
	float:left;
	width:100%;
	padding:12px 0px;
	margin:0px;
}
#off-canvas-menu .jms-megamenu {
	box-shadow: none;
	text-align: left;
	padding:24px 20px;
}
#off-canvas-menu .jms-megamenu .dropdown-menu {
	top:100%;
	border-top:0px;
	box-shadow:none;
	padding:12px 16px;
}
#off-canvas-menu .menu-item.open {
	position:relative;
}
#off-canvas-menu .menu-item.open > .dropdown-menu {
  display: block !important;
  position: relative !important;
  top: 100% !important;
  left: 0;
  width: 100%;
  height: auto;
  background: #f2f2f2;
  z-index: 9999;
}
#off-canvas-menu .nav > li.menu-categories {
	margin-right:0px!important;
	margin-bottom:16px;
	padding: 0px;
	background:none;
}
#off-canvas-menu .nav > li.menu-categories > a {
	display:flex;
	align-items:center;
    background: #141414;
	padding:12px 16px;
	line-height:28px;
}
#off-canvas-menu .menu-item.menu-categories:hover > a,
#off-canvas-menu .menu-item.menu-categories.open > a {
	background: #E30C13;
}
#off-canvas-menu .dropdown-menu >  li > a {
	color: #222;
	font-size: 16px;
	font-weight: 600;
	line-height: 28px;
}
#off-canvas-menu li a {
    display: block;
	font-weight: 600;
}
#off-canvas-menu .jms-megamenu .nav > li > a {
	font-size: 16px;
	color:  #000;
	line-height: 20px; 
	text-transform:uppercase;
}
#off-canvas-menu .jms-megamenu .mega-nav li > a, 
#off-canvas-menu .jms-megamenu .mega-nav li > span {
	color: #222;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	display:flex;
}

#off-canvas-menu img {
	max-width:100%;
	margin-bottom:10px;
}
#off-canvas-menu .caret {
  display: inline-block;
  width: 17px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='9' viewBox='0 0 17 9' fill='none'%3E%3Cpath d='M7.38162 8.77751C7.77132 9.09535 8.34615 9.07265 8.7094 8.7094L15.7251 1.69373C16.1125 1.30627 16.1125 0.678063 15.7251 0.290598C15.3376 -0.0968667 14.7094 -0.0968667 14.3219 0.290598L8.00784 6.6047L1.69373 0.290597C1.30627 -0.0968665 0.678063 -0.0968675 0.290599 0.290597C-0.0968661 0.678062 -0.0968661 1.30627 0.290599 1.69373L7.30627 8.7094C7.33048 8.73362 7.35564 8.75632 7.38162 8.77751Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
	position:absolute;  
	top:20px;
	right:10px;
}
#off-canvas-menu .jms-megamenu .dropdown-menu.fullwidth {
	left:0px!important;
	transform:none!important;
	width:100%!important;
}
#off-canvas-menu .menu-item.menu-categories:hover > a > .caret,
#off-canvas-menu .menu-item.menu-categories.open > a > .caret{
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='9' viewBox='0 0 17 9' fill='none'%3E%3Cpath d='M8.63406 0.222489C8.24437 -0.0953533 7.66953 -0.0726505 7.30628 0.290598L0.290615 7.30627C-0.0968498 7.69373 -0.0968498 8.32194 0.290615 8.7094C0.678079 9.09687 1.30628 9.09687 1.69375 8.7094L8.00785 2.3953L14.322 8.7094C14.7094 9.09687 15.3376 9.09687 15.7251 8.7094C16.1126 8.32194 16.1126 7.69373 15.7251 7.30627L8.70942 0.290598C8.6852 0.266381 8.66004 0.243678 8.63406 0.222489Z' fill='white'/%3E%3C/svg%3E");
}