* {
  margin: 0;
  padding: 0;
}



.danhmucnew li {
  list-style: none;
}

.benhne {
  width: 100%;
}

.benhne ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.benhne ul li {
  width: 33.33%;
  height: 45vh;
}

.benhne ul li a {
  width: 100%;
  display: block;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.benhne ul li a img {
  width: 100%;
  display: block;
  height: 100%;
}

.benhne ul li:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.benhne ul li:first-child a {
  height: 50%;
}

.benhne ul li:nth-child(2) a {
  height: 100%;
}

.benhne ul li:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.benhne ul li:last-child a {
  height: 50%;
}

.benhne2 {
  width: 100%;
}

.benhne2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.benhne2 ul li {
  width: 33.33%;
  height: calc(45vh / 2);
}

.benhne2 ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.benhne2 ul li a img {
  width: 100%;
  height: 100%;
}

.benhne2 ul li:first-child {
  width: 50%;
}

.benhne2 ul li:nth-child(2) {
  width: 50%;
}

@media only screen and (max-width: 600px) {
  .benhne ul li {
    height: 30vh;
  }
  .benhne2 ul li {
    height: calc(30vh / 2);
  }
}
/*# sourceMappingURL=danhmuc.css.map */