body.show-mobi-menu {
  overflow: hidden;
  touch-action: none;
}
#off-canvas-menu-toggle {

    width: 100px;

    padding: 8px 0px;

    font-size: 16px;

		font-weight: bold;

    line-height: 18px;

    text-transform: capitalize;

    align-items: center;

    justify-content: right;

}

.off-canvas-menu-toggle-icon .icon-bar {

    background-color: #141414;

    clear: left;

    float: left;

    height: 2px;

    margin: 3px 3px 3px 0;

    transition: all 0.4s ease 0s;

    -webkit-transition: all 0.4s ease 0s;

    width: 30px;

}

.off-canvas-menu-toggle-icon .icon-bar:nth-child(2) {

    width: 26px;

}

.off-canvas-menu-toggle-icon {

    display: inline-block;

    margin-bottom: -1px;

    margin-right: 5px;

}

#off-canvas-menu {

	position: relative;

	display: none;

  -webkit-animation-name: fadeinup;

  animation-name: fadeinup;

  -webkit-animation-duration: 0.35s;

  animation-duration: 0.35s;

}

.show-mobi-menu #off-canvas-menu {

	display: block;

  height: 100vh;

}

#off-canvas-menu .mobi-menu-header {

	color:#fff;

	font-size: 24px;

	line-height: 28px;

	background: #141414;

	padding:9px 25px;

	font-weight: 700;

}

#off-canvas-menu .nav > li {

	float:left;

	width:100%;

	border-bottom:1px solid #ccc;

	padding:10px 0px;

}

#off-canvas-menu .jms-megamenu {

	box-shadow: none;

	text-align: left;

	padding:0px 25px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* mượt trên iOS */

}

#off-canvas-menu .jms-megamenu > ul {

	width: 100%;

}

#off-canvas-menu .open > .dropdown-menu {

	position:static;

	box-shadow:none;

	border:0px;

	width:100%;

}

#off-canvas-menu .dropdown-menu >  li > a {

	line-height:35px;

	padding:3px 30px;

}

#off-canvas-menu li a {

    display: flex;

    font-weight: 600;

		font-size: 16px;

		line-height: 32px;

    text-transform: uppercase;

		border-radius:0px;

}

#off-canvas-menu .nav > li > a {

    position: relative;

}

#off-canvas-menu li.sale a {

	color:#C20508!important;

}

#off-canvas-menu #jms-megamenu > li > a {

	text-transform:uppercase;

}



#off-canvas-menu-close {

		width:24px;

    height:24px;

    position:relative;

    border-radius:6px;

		position: absolute;

		top:10px;

		right: 10px;

}

#off-canvas-menu-close:before,

#off-canvas-menu-close:after{

    content:'';

    position:absolute;

    width:20px;

    height:3px;

    background-color:white;

    border-radius:2px;

    top:11px;

}



#off-canvas-menu-close:before{

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    transform:rotate(45deg);

    left:2px;

}

#off-canvas-menu-close:after{

    -webkit-transform:rotate(-45deg);

    -moz-transform:rotate(-45deg);

    transform:rotate(-45deg);

    right:2px;

}

#off-canvas-menu img{

	max-width:100%;

	margin-bottom:10px;

}

#off-canvas-menu li > a em {

	width:11px;

  height: 11px;

  border: solid #000;

  border-width: 0 2px 2px 0;

  display: inline-block;

  padding: 3px;

  transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

  position: absolute;

  top:10px;

  right:0px;

}

.icon-new {

	background: url("../img/icon-new.svg") no-repeat center center;

	width:32px;

	height: 28px;

	display: inline-flex;

	margin-right: 10px;

}

.icon-carpets{
	background: url("../img/icon-carpets.svg") no-repeat center center;

	width:32px;

	height: 28px;

	display: inline-flex;

	margin-right: 10px;
}

.icon-furniture {

	background: url("../img/icon-furniture.svg") no-repeat center center;

	width:32px;

	height: 28px;

	display: inline-flex;

	margin-right: 10px;

}

.icon-room {

	background: url("../img/icon-room.svg") no-repeat center center;

	width:32px;

	height: 28px;

	display: inline-flex;

	margin-right: 10px;

}

.icon-extras {

	background: url("../img/icon-extras.svg") no-repeat center center;

	width:32px;

	height: 28px;

	display: inline-flex;

	margin-right: 10px;

}

.icon-lighting {

	background: url("../img/icon-lighting.svg") no-repeat center center;

	width:32px;

	height: 28px;

	display: inline-flex;

	margin-right: 10px;

}

.icon-garden {

	background: url("../img/icon-garden.svg") no-repeat center center;

	width:32px;

	height: 28px;

	display: inline-flex;

	margin-right: 10px;

}

.icon-delivery {

	background: url("../img/icon-delivery.svg") no-repeat center center;

	width:32px;

	height: 28px;

	display: inline-flex;

	margin-right: 10px;

}

.icon-sale {

	background: url("../img/icon-sale.svg") no-repeat center center;

	width:32px;

	height: 28px;

	display: inline-flex;

	margin-right: 10px;

}

.sub-show .menu-title {

	display: none;

}

.item-title {

  display: none;

}

.sub-show .item-title {

	display: inline-flex;

}

#off-canvas-menu .mega .dropdown-menu {

  -webkit-animation-name: fadeinup;

  animation-name: fadeinup;

  -webkit-animation-duration: 0.35s;

  animation-duration: 0.35s;

}

.clicked .dropdown-menu {

	display: block;

	position: absolute;

	left: 0px;

	top:0px;

	width: 100%;

	height: 100%;

	background: #fff;

	padding:25px;

  z-index: 100;

}

.item-back {

	display: none;

	margin-right: 10px;

}

.sub-show .item-back {

	display: inline-flex;

}

.menu-cat-box a {

	display: flex;

	justify-content: center;

	flex-direction: column;

}

.menu-cat-box .banner-title {

	text-align: center;

	font-size: 14px;

  margin-bottom: 15px;

  text-transform: none;

}

.menu-cat-box img {

	background: #f2f2f2;

	border-radius: 15px;

}

@media (max-width:991px) {

  .mm_menus_ul {

    display: none;

  }

}

@media (min-width:992px) {

  #off-canvas-menu {

    display: none;

  }

}