@media all and (min-width: 0) {
  .giadung-wrap {
    background-color: #FFF;
    padding: 10px 0 0 0; }
    .giadung-wrap .banner img {
      width: 100%;
      height: auto;
      display: block; }
    .giadung-wrap h2 {
      color: #00B12F;
      text-align: center;
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin: 40px auto; }
    .giadung-wrap h3 {
      margin-top: 40px;
      margin-left: 12px;
      color: #00530D;
      leading-trim: both;
      text-edge: cap;
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
    .giadung-wrap .title {
      padding: 29px 0 0 0; }
      .giadung-wrap .title img {
        width: calc(100% - 144px);
        height: auto;
        display: block;
        margin: auto; }
    .giadung-wrap ul.cate {
      display: flex;
      flex-wrap: wrap;
      padding: 24px 0px 10px 8px; }
      .giadung-wrap ul.cate li {
        width: calc(25% - 8px);
        text-align: center;
        overflow: hidden;
        border-radius: 12px;
        background: #EEF0F5;
        margin-bottom: 8px;
        margin-right: 8px; }
        .giadung-wrap ul.cate li a {
          font-size: 13px;
          text-decoration: none;
          color: #555;
          font-weight: 600;
          font-size: 12px; }
          .giadung-wrap ul.cate li a img {
            width: 55px;
            padding: 16px 0 8px 0; }
        .giadung-wrap ul.cate li:hover {
          background: #E5E9F2; }
          .giadung-wrap ul.cate li:hover a {
            color: green; }
        .giadung-wrap ul.cate li p {
          font-size: 12px;
          line-height: 15px;
          padding: 12px 0 12px 0; }

  .san-pham {
    padding: 20px 0 0 0; }
    .san-pham .product {
      padding-top: 16px; }
      .san-pham .product .product-item {
        margin-bottom: 8px;
        width: calc(50% - 8px); }
    .san-pham .banner {
      position: relative;
      z-index: 2; }
      .san-pham .banner img {
        width: 100%;
        height: auto;
        display: block;
        margin-top: -15px; }
    .san-pham ul {
      background-color: #fef3e3;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0 10px;
      position: relative;
      z-index: 2; }
      .san-pham ul li {
        width: calc(50% - 5px);
        margin: 0 0 10px 0; }

  .more-pro {
    background: #EBF2FF;
    border: 0.5px solid #2264D1;
    box-sizing: border-box;
    border-radius: 5px;
    width: calc(100% - 20px);
    margin: 13px auto;
    height: 38px;
    line-height: 35px;
    text-align: center;
    cursor: pointer; }
    .more-pro p {
      font-size: 14px;
      color: #2264D1; } }
@media all and (min-width: 521px) {
  .giadung-wrap {
    width: 520px;
    margin: auto; }
    .giadung-wrap p.tit {
      padding-top: 15px; }
    .giadung-wrap ul {
      width: 520px;
      margin: auto;
      padding: 0; }

  .san-pham {
    width: 520px;
    margin: auto; }

  .more-pro {
    width: 500px; } }
@media all and (min-width: 1201px) {
  nav {
    display: block; }
    nav h2 {
      cursor: pointer; }
    nav ul {
      display: none; }

  .giadung-wrap {
    width: 1200px;
    position: relative; }
    .giadung-wrap h3 {
      font-size: 24px; }
    .giadung-wrap:after {
      content: "";
      display: block;
      width: 100%;
      height: 92px;
      background-color: #FFF;
      position: absolute;
      bottom: -92px;
      left: 0;
      z-index: 2; }
    .giadung-wrap .title {
      padding: 35px 0 0 0; }
      .giadung-wrap .title img {
        width: 270px; }
    .giadung-wrap ul.cate {
      width: 100%;
      justify-content: space-between;
      display: grid;
      grid-template-columns: repeat(auto-fill, 196px); }
      .giadung-wrap ul.cate li {
        width: auto; }
        .giadung-wrap ul.cate li a {
          font-size: 16px; }
          .giadung-wrap ul.cate li a img {
            width: 72px; }
        .giadung-wrap ul.cate li:hover li {
          background: #E5E9F2; }

  .san-pham {
    width: 1200px;
    padding: 92px 0 0 0;
    margin-bottom: 30px;
    justify-content: flex-start !important; }
    .san-pham .product {
      padding: 16px 16px; }
      .san-pham .product .product-item {
        margin-bottom: 12px;
        width: calc(25% - 12px) !important; }
    .san-pham .banner img {
      width: 100%;
      margin: auto; }

  .more-pro {
    width: 226px;
    margin-top: 0;
    margin-bottom: 30px; } }

/*# sourceMappingURL=gia-dung.css.map */