@media (max-width: 767px) {
     
     .container-megamenu.vertical .vertical-wrapper ul.megamenu {
      border: none !important; }
    .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical .sub-menu .content {
      padding: 20px !important; }
    .megamenu-style-dev {
      /*z-index: 999;*/ }
      .megamenu-style-dev .container-megamenu.horizontal ul.megamenu > li > a strong img, .megamenu-style-dev .container-megamenu.vertical:after {
        display: none; }
      .megamenu-style-dev .navbar-default .vertical #menuHeading {
        display: none !important; }
      .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu {
        right: 0 !important;
        left: auto; }
      .megamenu-style-dev.responsive #remove-megamenu {
        display: block;
        color: #fff;
        cursor: pointer;
        font-size: 15px; }
      .megamenu-style-dev.responsive .so-megamenu-active #remove-megamenu {
        color: #fff; }
      .megamenu-style-dev.responsive .megamenu-wrapper {
        border: none;
        border-radius: 0; }
      .megamenu-style-dev.responsive div[class^=col-] {
        width: 100%; }
      .megamenu-style-dev.responsive ul.megamenu > li {
        display: block;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 1px 0;
        overflow: hidden; }
      .megamenu-style-dev.responsive ul.megamenu > li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .megamenu-style-dev.responsive ul.megamenu > li a {
        line-height: 25px; }
      .megamenu-style-dev.responsive ul.megamenu > li.click:before, .megamenu-style-dev.responsive ul.megamenu > li.hover:before {
        padding: 0 !important;
        font-size: 14px;
        background: #666;
        color: #fff;
        border: 1px solid #6a6d71;
        width: 30px;
        line-height: 30px;
        height: 32px;
        display: inline-block;
        text-align: center;
        margin-top: -1px;
        right: 0;
        left: auto; }
      .megamenu-style-dev.responsive ul.megamenu > li.click:hover:before, .megamenu-style-dev.responsive ul.megamenu > li.hover:hover:before {
        cursor: pointer; }
      .megamenu-style-dev.responsive ul.megamenu > li.active {
        padding: 0; }
      .megamenu-style-dev.responsive ul.megamenu > li.active .sub-menu {
        display: block !important; }
      .megamenu-style-dev.responsive ul.megamenu > li.active > a {
        background: #222 !important;
        color: #fff; }
      .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu {
        padding: 0;
        width: 30px;
        line-height: 30px;
        background: #33363a;
        height: auto; }
      .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu:before {
        color: #fff;
        font-size: 12px;
        line-height: 18px; }
      .megamenu-style-dev.responsive .navbar-default .horizontal .megamenu-wrapper ul.megamenu li .sub-menu .content {
        box-shadow: none;
        border: 1px solid #eee;
        padding: 20px; }
      .megamenu-style-dev .navbar-default .horizontal .navbar-header {
        float: right; }
      .megamenu-style-dev .navbar-default .horizontal .navbar-toggle {
        margin: 0px;
        height: 40px;
        color: #fff;
        border-radius: 4px;
        background-color: transparent;
        border: none;
        float: right;
        cursor: pointer;
        padding: 0px; }
      .megamenu-style-dev .navbar-default .horizontal .navbar-toggle .icon-bar {
        background: #222;
        width: 20px;
        height: 2px;
        margin: 4px 0;
        border-radius: 0; }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper {
        padding: 10px 20px 20px 20px !important;
        }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li.active > a {
        padding: 0 10px !important; }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li > a {
        color: #fff !important;
        padding: 0 !important;
        font-size: 14px;
        line-height: 29px !important; }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li > a:hover {
        color: #116735; }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu li .sub-menu .content .title-submenu {
        padding: 0;
        margin: 0;
        border: none; }
      .megamenu-style-dev .navbar-default .horizontal .features-menu .column.layout-color a {
        display: inline-block; }
      .megamenu-style-dev .navbar-default .horizontal .features-menu .column a {
        margin: 0 0 30px;
        display: block; }
 
     
     
     .container-megamenu.vertical .vertical-wrapper ul.megamenu {
      border: none !important; }
    .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical .sub-menu .content {
      padding: 20px !important; }
    .megamenu-style-dev {
      /*z-index: 999;*/ }
      .megamenu-style-dev .container-megamenu.horizontal ul.megamenu > li > a strong img, .megamenu-style-dev .container-megamenu.vertical:after {
        display: none; }
      .megamenu-style-dev .navbar-default .vertical #menuHeading {
        display: none !important; }
      .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu {
        right: 0 !important;
        left: auto; }
      .megamenu-style-dev.responsive #remove-megamenu {
        display: block;
        color: #fff;
        cursor: pointer;
        font-size: 15px; }
      .megamenu-style-dev.responsive .so-megamenu-active #remove-megamenu {
        color: #fff; }
      .megamenu-style-dev.responsive .megamenu-wrapper {
        border: none;
        border-radius: 0; }
      .megamenu-style-dev.responsive div[class^=col-] {
        width: 100%; }
      .megamenu-style-dev.responsive ul.megamenu > li {
        display: block;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 1px 0;
        overflow: hidden; }
      .megamenu-style-dev.responsive ul.megamenu > li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .megamenu-style-dev.responsive ul.megamenu > li a {
        line-height: 25px; }
      .megamenu-style-dev.responsive ul.megamenu > li.click:before, .megamenu-style-dev.responsive ul.megamenu > li.hover:before {
        padding: 0 !important;
        font-size: 14px;
        background: #666;
        color: #fff;
        border: 1px solid #6a6d71;
        width: 30px;
        line-height: 30px;
        height: 32px;
        display: inline-block;
        text-align: center;
        margin-top: -1px;
        right: 0;
        left: auto; }
      .megamenu-style-dev.responsive ul.megamenu > li.click:hover:before, .megamenu-style-dev.responsive ul.megamenu > li.hover:hover:before {
        cursor: pointer; }
      .megamenu-style-dev.responsive ul.megamenu > li.active {
        padding: 0; }
      .megamenu-style-dev.responsive ul.megamenu > li.active .sub-menu {
        display: block !important; }
      .megamenu-style-dev.responsive ul.megamenu > li.active > a {
        background: #222 !important;
        color: #fff; }
      .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu {
        padding: 0;
        width: 30px;
        line-height: 30px;
        background: #33363a;
        height: auto; }
      .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu:before {
        color: #fff;
        font-size: 12px;
        line-height: 18px; }
      .megamenu-style-dev.responsive .navbar-default .horizontal .megamenu-wrapper ul.megamenu li .sub-menu .content {
        box-shadow: none;
        border: 1px solid #eee;
        padding: 20px; }
      .megamenu-style-dev .navbar-default .horizontal .navbar-header {
        float: right; }
      .megamenu-style-dev .navbar-default .horizontal .navbar-toggle {
        margin: 0px;
        height: 40px;
        color: #fff;
        border-radius: 4px;
        background-color: transparent;
        border: none;
        float: right;
        cursor: pointer;
        padding: 0px; }
      .megamenu-style-dev .navbar-default .horizontal .navbar-toggle .icon-bar {
        background: #222;
        width: 20px;
        height: 2px;
        margin: 4px 0;
        border-radius: 0; }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper {
        padding: 10px 20px 20px 20px !important;
        }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li.active > a {
        padding: 0 10px !important; }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li > a {
        color: #fff !important;
        padding: 0 !important;
        font-size: 14px;
        line-height: 29px !important; }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li > a:hover {
        color: #116735; }
      .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu li .sub-menu .content .title-submenu {
        padding: 0;
        margin: 0;
        border: none; }
      .megamenu-style-dev .navbar-default .horizontal .features-menu .column.layout-color a {
        display: inline-block; }
      .megamenu-style-dev .navbar-default .horizontal .features-menu .column a {
        margin: 0 0 30px;
        display: block; }  
     
     
     
 }
        
        
header .navbar-default .megamenu-wrapper {
    background-color: transparent;
}
/*============ MODULE MEGAMENU HORIZONTAL  ==================*/
.container-megamenu ul.megamenu li .sub-menu {
  z-index: 998;
}
.container-megamenu ul.megamenu li .sub-menu .content {
  box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 30px;
  background-color: #fff;
}
.container-megamenu ul.megamenu li.menu-layouts .sub-menu .content {
  padding: 30px 30px 10px 30px;
}
@media (min-width: 992px) {
  .container-megamenu.vertical .icon-close, .navbar-default .container-megamenu.horizontal .megamenu-wrapper .icon-close {
    display: none;
  }
}
.container-megamenu.vertical .icon-close, .navbar-default .container-megamenu.horizontal .megamenu-wrapper .icon-close {
  text-align: right;
  width: 100%;
  font-size: 26px;
}
.container-megamenu.vertical .icon-close:hover, .navbar-default .container-megamenu.horizontal .megamenu-wrapper .icon-close:hover {
  cursor: pointer;
  color: #116735;
}
/*---mega menu horizontal level 1--*/
.container-megamenu.horizontal ul.megamenu > li {
  float: left;
  margin-right: 10px;
}
.container-megamenu.horizontal ul.megamenu > li > a {
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 500;
  color: #222;
  background-color: transparent;
  display: block;
  position: relative;
  padding: 0 15px;
  line-height: 40px;
  height: auto;
  border-radius: 0;
}
.container-megamenu.horizontal ul.megamenu > li > a strong {
  font-weight: 600;
}
.container-megamenu.horizontal ul.megamenu > li.item-special {
  margin-top: 7px;
  margin-right: 0px;
}
.container-megamenu.horizontal ul.megamenu > li.item-special > a {
  color: #fff;
  background-color: #f44;
  border-radius: 15px;
  padding: 0 15px;
  line-height: 30px;
}
.container-megamenu.horizontal ul.megamenu > li.item-special > a:hover {
  color: #222;
}
.container-megamenu.horizontal ul.megamenu > li.with-sub-menu > a {
  position: relative;
}
.container-megamenu.horizontal ul.megamenu > li.with-sub-menu > a:before {
  display: none;
  font-family: 'FontAwesome';
  content: "\f107";
  color: #222;
  font-size: 14px;
  position: absolute;
  top: 27px;
  right: -15px;
  font-weight: 400;
}
/*.container-megamenu.horizontal ul.megamenu > li.active_menu > a:hover ,
 .container-megamenu.horizontal ul.megamenu > li > a:hover{
 color: $background;
 }*/
.container-megamenu.horizontal {
  /*-------- SUB MENU HORIZONTAL ----------*/
}
.container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul {
  padding: 0;
}
.container-megamenu.horizontal .title-feature, .container-megamenu.horizontal ul.megamenu .title-submenu, .container-megamenu.horizontal ul.megamenu li.item-style3 .sub-menu .content .static-menu .menu > ul > li > a.main-menu, .container-megamenu.horizontal ul.megamenu li.item-style2 .sub-menu .content .static-menu .menu > ul > li > a.main-menu, .container-megamenu.horizontal ul.megamenu .subcategory > a.title-submenu {
  line-height: 100%;
  text-transform: uppercase;
  font-weight: 500;
  color: #222;
  padding-bottom: 12px;
  margin-bottom: 8px;
  font-size: 14px;
  border-bottom: 1px solid #eaeaea;
}
.container-megamenu.horizontal ul.megamenu .subcategory .menu ul li a.main-menu {
  font-size: 13px;
  color: #666;
}
.container-megamenu.horizontal ul.megamenu .subcategory .menu ul li a.main-menu:hover {
  color: #116735;
}
.container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li {
  padding-top: 0;
}
.container-megamenu.horizontal .content-feature li a, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item, .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu {
  line-height: 30px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
}
.container-megamenu.horizontal .content-feature li a:hover, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a:hover, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item:hover, .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu:hover {
  color: #116735;
}
.container-megamenu.horizontal ul.megamenu > li > a strong img {
  position: absolute;
  top: 0px;
  right: 0px;
  height: auto;
  margin: 0;
}
.container-megamenu.horizontal .content-feature li.detail {
  margin-top: 20px;
}
.container-megamenu.horizontal .content-feature li.detail .lc {
  text-transform: capitalize;
  font-size: 11px;
  line-height: 100%;
}
.container-megamenu.horizontal ul.megamenu .sub-menu .content > .border {
  border: none;
  padding-top: 0;
}
.container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul, .container-megamenu.horizontal ul.megamenu .title-submenu {
  padding-left: 0;
  padding-right: 0;
}
.container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li::before, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .hover-menu a::before {
  display: none;
}
.container-megamenu.horizontal ul.megamenu li .sub-menu .content img:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  cursor: pointer;
}
.container-megamenu.horizontal ul.megamenu li .sub-menu .content .item-banner .img-banner-w {
  margin: 0 -15px;
}
.container-megamenu.horizontal .shoppage {
  width: 100%;
  vertical-align: top;
  margin-bottom: 15px;
}
.container-megamenu.horizontal .shoppage .title-shoppage {
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  font-size: 16px;
  padding-bottom: 15px;
}
.container-megamenu.horizontal .shoppage ul li {
  transition: all 0.2s ease-in-out;
}
.container-megamenu.horizontal .shoppage ul li:hover {
  padding-left: 10px;
}
.container-megamenu.horizontal .shoppage ul .submenuitem {
  color: #777;
}
.container-megamenu.horizontal .shoppage ul a {
  display: inline-block;
  padding: 4px 0;
  position: relative;
  font-size: 13px;
}
.container-megamenu.horizontal .shoppage .submenu-shop {
  position: relative;
}
.container-megamenu.horizontal .shoppage .submenu-shop .fa-angle-right {
  position: absolute;
  right: 0;
  margin: 5px 15px;
}
.container-megamenu.horizontal .shoppage .submenu-shop .menu-label {
  right: -25px;
  left: auto;
  margin-top: -14px;
}
.container-megamenu.horizontal .shoppage .submenu-shop .menu-label-new {
  background-color: #0f8db3;
}
.container-megamenu.horizontal .shoppage .submenu-shop .menu-label-new:after {
  color: #0f8db3;
}
.container-megamenu.horizontal .shoppage .submenu-shop .menu-label-hot {
  background-color: #ef7c0a;
}
.container-megamenu.horizontal .shoppage .submenu-shop .menu-label-hot:after {
  color: #ef7c0a;
}
.container-megamenu.horizontal .shoppage .submenu-shop .menu-label {
  position: absolute;
  top: 80%;
  right: -30px;
  padding: 2px 4px;
  margin-top: -20px;
  color: #fff;
  line-height: 1.3;
  font-size: 8px;
  font-family: Karla, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  transform: translateY(-50%);
  transition: opacity 0.3s ease-in-out;
}
.container-megamenu.horizontal .shoppage .submenu-shop .menu-label:after {
  content: "\f0da";
  font-family: FontAwesome;
  position: absolute;
  z-index: -1;
  bottom: 5px;
  font-size: 16px;
  position: absolute;
  bottom: -9px;
  left: 3px;
}
.container-megamenu.horizontal .shoppage .submenu-shop:hover ul {
  display: block;
}
.container-megamenu.horizontal .shoppage .submenu-shop ul {
  display: none;
  width: 210px;
  position: absolute;
  z-index: 10;
  left: 90%;
  top: -15px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 25px;
  padding: 20px;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-image: initial;
  border-radius: 2px;
}
@media (max-width: 1199px) {
  .container-megamenu.horizontal .shoppage .submenu-shop ul {
    position: relative;
    top: 0;
    left: 0;
  }
}
.container-megamenu.horizontal .shoppage .submenu-shop ul:before {
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  top: 20px;
  left: -11px;
  border-right-color: #e6e6e6;
  border-left-width: 0;
}
@media (max-width: 1199px) {
  .container-megamenu.horizontal .shoppage .submenu-shop ul:before {
    display: none;
  }
}
.container-megamenu.horizontal .shoppage .submenu-shop ul:after {
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  top: 20px;
  left: -10px;
  border-right-color: #fff;
  border-left-width: 0;
}
@media (max-width: 1199px) {
  .container-megamenu.horizontal .shoppage .submenu-shop ul:after {
    display: none;
  }
}
.container-megamenu.horizontal .sub-menu .content-feature .title-feature {
  margin-bottom: 20px;
}
.container-megamenu.horizontal .sub-menu .content-feature li {
  float: left;
  width: 33.33%;
  text-align: center;
}
.container-megamenu.horizontal .sub-menu .content-feature li a img {
  margin-bottom: 8px;
}
.container-megamenu.horizontal .sub-menu .content-feature li a span {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  font-weight: 600;
  line-height: 100%;
  margin-top: 8px;
}
.container-megamenu.horizontal .sub-menu .content-feature li a:hover span {
  color: #116735;
}
.container-megamenu.horizontal .sub-menu .demo-detail ul li {
  width: 33.33%;
}
.container-megamenu.horizontal .sub-menu .feature-blog a {
  text-align: center;
}
.container-megamenu.horizontal .sub-menu .feature-blog a img {
  margin-bottom: 10px;
}
.container-megamenu.horizontal .sub-menu .feature-blog a span {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 0px;
}
.container-megamenu.horizontal .sub-menu .feature-blog a:hover span {
  color: #116735;
}
.container-megamenu.horizontal .sub-menu .feature-blog .clearfix {
  margin: 20px;
}
@media (min-width: 1200px) {
  .container-megamenu.horizontal ul.megamenu .full-width > .sub-menu {
    max-width: 1170px;
    right: auto !important;
    left: 0;
  }
}
.container-megamenu.horizontal ul.megamenu .item-style1 .subcategory li a {
  float: left;
  text-align: left;
}
.container-megamenu.horizontal ul.megamenu .item-style1 .sub-menu .content .hover-menu li {
  text-align: left;
  display: inline;
}
.container-megamenu.horizontal ul.megamenu .item-style1 .sub-menu .content .hover-menu li a {
  text-align: left;
}
.container-megamenu.horizontal ul.megamenu .item-style3 {
  /*.sub-menu{
   opacity: 1;
   display: block !important;
   .content{
   display: block !important;
   } 
   }*/
}
.container-megamenu.horizontal ul.megamenu .item-style3 .sub-menu .content .categories .menu > ul > li:first-child {
  margin-bottom: 20px;
}
.container-megamenu.horizontal ul.megamenu .item-style3 .sub-products .product-thumb .image img {
  width: 100%;
}
.container-megamenu.horizontal ul.megamenu .item-style3 .sub-products .caption {
  text-align: center;
}
.container-megamenu.horizontal ul.megamenu .item-style3 .sub-products .caption .rating, .container-megamenu.horizontal ul.megamenu .item-style3 .sub-products .caption p {
  display: none;
}
.container-megamenu.horizontal ul.megamenu .item-style3 .sub-products .caption h4 {
  font-weight: 500;
  margin: 5px 0;
}
.container-megamenu.horizontal ul.megamenu .item-style3 .sub-products .caption h4 a {
  font-size: 16px;
  color: #444;
}
.container-megamenu.horizontal ul.megamenu .item-style3 .sub-products .caption h4 a:hover {
  color: #116735;
}
.container-megamenu.horizontal ul.megamenu .item-style3 .sub-products .caption p.price {
  display: block;
}
.container-megamenu.horizontal ul.megamenu .blog-item .sub-menu .content {
  padding: 30px 25px;
}
.container-megamenu.horizontal ul.megamenu .quicklink-menu {
  margin-left: -30px;
  margin-right: -30px;
}
.container-megamenu.horizontal ul.megamenu .quicklinks-menu {
  background-color: #ddd;
  display: inline-flex;
  width: 100%;
  padding: 25px 30px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.container-megamenu.horizontal ul.megamenu .quicklinks-menu ul li {
  float: left;
  line-height: 100%;
}
.container-megamenu.horizontal ul.megamenu .quicklinks-menu ul li span {
  /* [4] */
  /* [6] */
  /* [6] */
  /* [7] */
  font-size: 14px;
  font-size: 1.4rem;
  /* [8] */
  color: #222;
  font-weight: 700;
}
.container-megamenu.horizontal ul.megamenu .quicklinks-menu ul li a {
  margin-left: 5px;
}