/* breadcrumb fix */
.brd_catgroup {
  display: flex;
  align-items: center;
}
.f_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
  background-color: #fff;
  font-size: 18px;
}
.f_breadcrumb > li {
  position: relative;
  margin-right: 7px;
}
.f_breadcrumb > li:last-child {
  margin-right: 0;
}
.brdcr-dropbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  margin-left: 7px;
}
.brdcr-dropbtn.active i {
  color: green;
}
.f_menu {
  display: none!important;
  width: 150px;
  position: absolute;
  top: 20px;
  padding: 5px;
  border-top: 3px solid #000;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0px 2px 7px 1px #c4c4c4;
  z-index: 3;
  box-sizing: border-box;
}
.f_menu > li {
  margin: 5px 0;
}
.f_menu > li:first-child {
  margin-top: 0;
}
.f_menu > li:last-child {
  margin-bottom: 0;
}
.brdcr-dropbtn.active ~ .f_menu {
  display: block!important;
}