#containerProduct {
  max-width: 1500px;
  width: 100%;
}

.left-product {
  width: 20%;
  margin: 10px;
  position: relative;
}

#menu-left-product {
  max-width: 100%;
  transition: width 0.1s ease;
}

.title-product {
  background-color: #ec1d25;
  padding: 10px 6px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  text-align: center;

}

.menu-product {
  list-style: none;
}

.product-content {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
}

.list-item {
  padding: 10px;
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;

}

.list-item:hover {
  background-color: #f6821f;
  cursor: pointer;
}

.list-item:hover a {
  color: #fff;
}

.list-item a {
  font-size: 14px;
  color: #f6821f;
  font-weight: 600;
  text-transform: uppercase;
}

.list-item.active {
  background-color: #f6821f;
  color: #fff;
}

.list-item.active a {
  color: #fff;
  text-decoration: none;

}

#content_main_product {
  display: flex;
}

@media screen and (max-width: 969px) {
  .left-product {
    width: 37%;
  }

  .box_product_tb {
    width: 43.7%;
  }
}

@media screen and (max-width: 769px) {
  .left-product {
    display: none;
  }

  .product-content {
    width: 100%;
  }

  .box_product_tb {
    width: 80%;
  }
}