@media only screen and (max-width: 800px) {
  .list-duann .container {
    padding: 0; } }
.list-duann .banner-duan {
  position: relative;
  background-image: url("../../../public/upload/product/thicong.jpg");
  background-repeat: no-repeat;
  width: 100%;
  height: 397px; }
  @media only screen and (max-width: 800px) {
    .list-duann .banner-duan {
      background-image: none;
      background: #ffc600; } }
  .list-duann .banner-duan .banner-right {
    background: #ffc600;
    position: absolute;
    top: 0;
    right: 0;
    width: 481px;
    height: 100%;
    white-space: normal;
    padding: 20px;
    padding-left: 40px;
    color: #fff;
    text-align: center; }
    @media only screen and (max-width: 800px) {
      .list-duann .banner-duan .banner-right {
        width: 100%;
        position: relative;
        padding: 0; } }
    .list-duann .banner-duan .banner-right .img-right {
      position: absolute;
      top: 50px;
      left: 50%;
      margin-left: -36px; }
      @media only screen and (max-width: 800px) {
        .list-duann .banner-duan .banner-right .img-right {
          position: relative;
          left: 0;
          margin: 0;
          top: 30px;
          margin-bottom: 45px; } }
      .list-duann .banner-duan .banner-right .img-right img {
        width: 65px;
        height: 65px; }
    .list-duann .banner-duan .banner-right .text-rights {
      position: absolute;
      top: 50%;
      width: 100%;
      margin-top: -80px;
      padding: 20px;
      left: 0;
      padding-left: 30px; }
      .list-duann .banner-duan .banner-right .text-rights h1 {
        font-size: 18px;
        text-transform: uppercase;
        color: #fff; }
      .list-duann .banner-duan .banner-right .text-rights p {
        padding: 0 12px;
        margin-bottom: 25px;
        font-size: 13px; }
      .list-duann .banner-duan .banner-right .text-rights .btn {
        border: 2px solid #fff;
        font-size: 14px;
        text-transform: uppercase;
        padding: 15px 40px;
        border-radius: 24px;
        color: #fff;
        display: inline-block;
        margin-top: 0; }
        .list-duann .banner-duan .banner-right .text-rights .btn:hover {
          background: #fff;
          color: #ffc600; }
.list-duann .content-duan {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0px; }
  .list-duann .content-duan .title-content {
    text-align: center; }
    .list-duann .content-duan .title-content .page-title {
      font-weight: 400;
      font-size: 26px;
      color: #121212;
      text-transform: uppercase;
      position: relative;
      padding-bottom: 9px;
      margin-bottom: 13px; }
      @media only screen and (max-width: 800px) {
        .list-duann .content-duan .title-content .page-title {
          font-size: 20px; } }
    .list-duann .content-duan .title-content p {
      font-size: 14px;
      line-height: 1.7;
      max-width: 90%;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 800px) {
        .list-duann .content-duan .title-content p {
          font-size: 14px; } }
      .list-duann .content-duan .title-content p b {
        color: black; }
  .list-duann .content-duan .post-list-wrapper {
    box-sizing: border-box; }
    .list-duann .content-duan .post-list-wrapper .post-grid {
      display: flex;
      flex-wrap: wrap;
      position: static; }
      @media only screen and (max-width: 800px) {
        .list-duann .content-duan .post-list-wrapper .post-grid {
          overflow: hidden;
          padding-left: 5px;
          padding-right: 5px;
          margin-bottom: 20px; } }
      .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item {
        flex-grow: 0;
        flex-basis: 33.33%;
        position: static;
        margin: 0;
        padding: 10px; }
        @media only screen and (max-width: 800px) {
          .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item {
            flex-basis: 50%;
            padding: 10px 5px; } }
        .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link {
          display: block;
          position: relative;
          text-align: center;
          text-decoration: none;
          color: #333; }
          @media only screen and (max-width: 800px) {
            .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link {
              padding-left: 5px;
              padding-right: 5px; } }
          .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link:hover h4 {
            color: #4a21f3; }
          .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link .img-duan {
            position: relative; }
            .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link .img-duan img {
               max-width: 100%;
    width: 100%;
    height: 180px;
    object-fit: unset; }
              @media only screen and (max-width: 800px) {
                .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link .img-duan img {
                   max-width: 100%;
    width: 100%;
    height: 86px;
    object-fit: unset; } }
            .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link .img-duan .opaciti {
              background-color: transparent;
              position: absolute;
              width: 100%;
              left: 0;
              height: 100%;
              top: 0;
              z-index: 1; }
              .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link .img-duan .opaciti:hover {
                background: black;
                opacity: 0.5; }
          .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link h4 {
            font-size: 14px;
            text-transform: uppercase;
            padding-top: 10px;
            font-weight: 400;
            color: #333; }
            @media only screen and (max-width: 800px) {
              .list-duann .content-duan .post-list-wrapper .post-grid .post-grid_item .post-grid_item_link h4 {
                text-transform: none;
                line-height: 1.4; } }

/*# sourceMappingURL=listduan.css.map */