@media (max-width: 767px) {
  .cs-menu {
    background: none;
  }
  .cs-menu-categories {
    display: none;
  }
  .fix_width_menu .cs-menu-container {
    margin-bottom: 0;
  }
}

.cs-menu-categories .block_content {
  position: absolute;
  top: auto;
  left: 15px;
  z-index: 0;
  float: none;
  border: 1px solid #ebebeb;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform 0.4s ease 0s;
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  -moz-transition: -moz-transform 0.4s ease 0s;
  transform: scale(1, 0.5);
  -webkit-transform: scale(1, 0.5);
  -moz-transform: scale(1, 0.5);
  transform-origin: 0 0 0;
  /*display:none;*/
  text-align: left;
  padding: 0 !important;
  min-width: 90%;
  max-width: 100%;
  background: #fff;
  border-radius: 3px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .cs-menu-categories .block_content {
    min-width: 158px;
  }
}

.cs-menu-categories:hover .block_content {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  transform: scale(1, 1);
  z-index: 100;
}

@media (min-width: 992px) {
  #index .cs-menu-categories .block_content {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    position: relative;
    left: 0;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    visibility: visible;
  }
}

.top-slideshow .cs-menu-categories h4.title_block {
  margin-top: -48px;
  position: relative;
  z-index: 150;
  display: none;
}

.cs-menu-categories h4.title_block {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  text-transform: capitalize;
  text-align: left;
  padding-bottom: 10px;
  margin: 0;
  font-family: 'Lato', sans-serif;
}

.cs-menu-categories h4.title_block span.icon-toggle {
  position: absolute;
  top: 15px;
  right: 35px;
  font-size: 21px;
  line-height: 21px;
}

.cs-menu-categories h4.title_block span.icon-toggle:before {
  content: "\f0c9";
}

.fix_width_menu .cs-menu-container > .container {
  padding: 0;
  max-width: 100%;
}

.cs-menu-categories .block_content {
  border: 1px solid #ebebeb;
}

.cs-menu-categories .block_content ul {
  margin: 0;
}

#categories_block_top {
  clear: both;
  position: relative;
  top: 30px;
}

#categories_block_top .sf-menu {
  position: relative;
}

#categories_block_top .sf-menu > li {
  position: static;
}

#categories_block_top .sf-menu > li > ul {
  width: 100%;
  top: 60px;
  margin: 0 20px;
}

#categories_block_top .sf-menu > li > ul > li {
  display: block;
  float: left;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}

#categories_block_top .sf-menu > li > ul > .category_thumb {
  display: block;
  clear: both;
  overflow: hidden;
  width: 100%;
}

#categories_block_top .sf-menu > li > ul > .category_thumb img {
  display: inline-block;
  width: 33%;
}

#categories_block_top .sf-menu > li h4 a {
  font-size: 1.1em;
}

#categories_block_top .sf-menu > li h4 a:before {
  display: none;
}

#categories_block_top .sf-menu > li .main-level-submenus {
  position: relative;
  display: block !important;
  visibility: visible !important;
  top: 0;
  background: none;
  box-shadow: none;
  padding: 0;
  left: 0;
}

#categories_block_top .sf-menu .category_thumb {
  display: none;
}

#cs_menu_categories li {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  padding: 17px 20px;
  margin: 0;
}

#cs_menu_categories li:before {
  font-size: 14px;
  margin-right: 15px;
  color: #7bb145;
  z-index: 11;
  padding: 14px 0;
  font-family: "FontAwesome";
}

#cs_menu_categories li.cat-parent:after {
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 20px;
  content: "\f105";
  font-size: 12px;
  line-height: 12px;
}

#cs_menu_categories li.cat-parent ul,
#cs_menu_categories ul li.cat-parent ul {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  float: none;
  min-width: 250px;
  border: 1px solid #ebebeb;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  /*transform: translate(100%, 0);
	-webkit-transform: translate(100%, 0);
	-moz-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transition: opacity 0s ease 0s, transform 0.5s ease 0s;
	-moz-transition: opacity 0s ease 0s, -moz-transform 0.5s ease 0s;
	-webkit-transition: opacity 0s ease 0s, -webkit-transform 0.5s ease 0s;	
	-ms-transition: opacity 0s ease 0s, -ms-transform 0.5s ease 0s;*/
  transition: transform 0.1s ease 0s;
  -webkit-transition: -webkit-transform 0.1s ease 0s;
  -moz-transition: -moz-transform 0.1s ease 0s;
  transform: scale(0.7, 1);
  -webkit-transform: scale(0.7, 1);
  -moz-transform: scale(0.7, 1);
  transform-origin: 0 0 0;
  visibility: hidden;
}

#cs_menu_categories li.cat-parent:hover > ul {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  opacity: 1;
  transform: scale(1, 1);
  left: 100%;
  top: -1px;
  z-index: 100;
}

#cs_menu_categories li:last-child,
#cs_menu_categories li.more-tree {
  border: none;
}

#cs_menu_categories li a {
  display: inline-block;
  transition: all 0.3s ease-in 0s;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.25;
}

#cs_menu_categories ul.tree > li > a {
  color: #000;
}

#cs_menu_categories ul.tree > li:hover {
  background: #fff;
  color: #7c2354 !important;  
}

#cs_menu_categories ul.tree > li > a:hover,
#cs_menu_categories ul.tree > li:hover > a {
  color: #7c2354 !important;
  
}

#cs_menu_categories li span.grower {
  display: block;
  position: absolute;
  right: 0;
  top: 3px;
  color: #333;
  cursor: pointer;
  font-family: "FontAwesome";
  font-size: 10px;
  font-weight: 400;
}

#cs_menu_categories li span.grower.OPEN:before, #cs_menu_categories li span.grower.CLOSE:before {
  content: "\f067";
  display: block;
  vertical-align: middle;
  text-align: center;
}

#cs_menu_categories li span.grower.OPEN:before {
  content: "\f068";
}

@media (min-width: 768px) and (max-width: 991px) {
  .index .fix_width_menu .cs-menu-categories {
    display: none;
  }
  .index .top-slideshow .cs-menu-categories h4.title_block {
    display: block;
  }
  .index .cs-menu-categories h4.title_block span.icon-toggle {
    position: absolute;
    top: 14px;
    right: 20px;
    font-size: 19px;
    line-height: 19px;
  }
}