#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:16px 20px;
}
#off-canvas-menu .jms-megamenu .dropdown-menu {
	top:55px;
	border-top:0px;
}
#off-canvas-menu .menu-item.open > .dropdown-menu {
  display: block !important;
  position: fixed !important;
  top: 55px !important;
  left: 0;
  width: 100%;
  height: calc(100vh - 55px);
  background: #fff;
  z-index: 9999;
}
#off-canvas-menu .dropdown-menu >  li > a {
	color: #222;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px;
}
#off-canvas-menu li a {
    display: block;
	font-weight: 700;
}
#off-canvas-menu .jms-megamenu .nav > li > a {
	font-size: 20px;
	color:  #000;
	line-height: 24px; 
}
.jms-megamenu .mega-nav li > a, 
.jms-megamenu .mega-nav li > span {
	color: #222;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px;
}

#off-canvas-menu img{
	max-width:100%;
	margin-bottom:10px;
}
#off-canvas-menu .caret {
  display: inline-block;
  width: 9px;
  height: 17px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='17' viewBox='0 0 9 17' fill='none'><path d='M8.77751 8.63405C9.09535 8.24435 9.07265 7.66952 8.7094 7.30627L1.69373 0.290599C1.30627 -0.0968654 0.678065 -0.0968654 0.290599 0.290599C-0.0968656 0.678064 -0.0968656 1.30627 0.290599 1.69373L6.6047 8.00784L0.290597 14.3219C-0.0968664 14.7094 -0.0968675 15.3376 0.290597 15.7251C0.678062 16.1125 1.30627 16.1125 1.69373 15.7251L8.7094 8.7094C8.73362 8.68519 8.75632 8.66003 8.77751 8.63405Z' fill='%23222222'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  float:right;
  margin-top:3px;
}