.archive .section-banner img {
  width: 100%; }
.archive .archive-site-main {
  padding: 0 0 100px; }
  @media screen and (max-width: 1024px) {
    .archive .archive-site-main {
      padding: 0 0 50px; } }
  @media screen and (max-width: 767px) {
    .archive .archive-site-main {
      padding: 0 0 30px; } }
  .archive .archive-site-main .box-heading {
    max-width: 1000px;
    margin: 0 auto 50px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .archive .archive-site-main .box-heading {
        margin-bottom: 30px; } }
    .archive .archive-site-main .box-heading h1 {
      font-family: "Roboto Bold";
      text-transform: uppercase;
      letter-spacing: 0;
      line-height: 1.5;
      color: #0f53ba;
      font-size: 60px; }
      @media screen and (max-width: 1024px) {
        .archive .archive-site-main .box-heading h1 {
          font-size: 40px; } }
      @media screen and (max-width: 767px) {
        .archive .archive-site-main .box-heading h1 {
          font-size: 32px; } }
    .archive .archive-site-main .box-heading .taxonomy-description {
      font-size: 18px;
      font-family: "Roboto Regular";
      color: #2a2f38; }
      @media screen and (max-width: 767px) {
        .archive .archive-site-main .box-heading .taxonomy-description {
          font-size: 16px; } }
      .archive .archive-site-main .box-heading .taxonomy-description p:last-child {
        margin-bottom: 0; }
  .archive .archive-site-main .article-listing .article-horizontal {
    margin-bottom: 24px; }
    .archive .archive-site-main .article-listing .article-horizontal .row a {
      display: block; }
    .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-thumbnail {
      margin-bottom: 20px;
      overflow: hidden; }
      .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-thumbnail img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        transition: all 0.5s; }
        @media screen and (max-width: 767px) {
          .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-thumbnail img {
            height: 300px; } }
    @media screen and (max-width: 767px) {
      .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content {
        margin-bottom: 30px; } }
    .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .article-time {
      color: #474f72;
      font-size: 16px;
      font-family: "Roboto Bold";
      margin-bottom: 10px; }
      .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .article-time i {
        margin-right: 10px; }
      @media screen and (max-width: 767px) {
        .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .article-time {
          font-size: 14px; } }
    .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .article-title h3 {
      font-size: 28px;
      font-family: "Roboto Bold";
      margin-bottom: 10px; }
      @media screen and (max-width: 991px) {
        .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .article-title h3 {
          font-size: 24px; } }
      .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .article-title h3 a {
        text-decoration: none;
        color: #203556; }
    .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .article-description {
      color: #2a2f38;
      font-size: 18px;
      font-family: "Roboto Regular"; }
    .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .btn-readmore {
      display: inline-block;
      color: #357fd6;
      font-size: 18px;
      font-family: "Roboto Bold";
      border-bottom: 1px solid #357fd6; }
      .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .btn-readmore i {
        margin-left: 10px; }
      @media screen and (max-width: 767px) {
        .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main .article-content .btn-readmore {
          font-size: 14px; } }
    .archive .archive-site-main .article-listing .article-horizontal .row .col-left .article-item .article-main:hover .article-thumbnail img {
      transform: scale(1.1); }
    .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item:not(:last-child) {
      margin-bottom: 24px; }
    .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main {
      display: flex; }
      .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-thumbnail a {
        overflow: hidden; }
        .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-thumbnail a img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          min-width: 190px;
          min-height: 150px;
          max-height: 150px;
          transition: all 0.5s; }
          @media screen and (max-width: 1200px) {
            .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-thumbnail a img {
              min-width: 145px;
              max-width: 145px;
              min-height: 130px;
              max-height: 130px; } }
          @media screen and (max-width: 991px) {
            .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-thumbnail a img {
              min-width: 120px;
              max-width: 120px;
              min-height: 100px;
              max-height: 100px; } }
          @media screen and (max-width: 767px) {
            .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-thumbnail a img {
              min-width: 170px;
              max-width: 170px;
              min-height: 110px;
              max-height: 110px; } }
      .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content {
        padding-left: 24px; }
        @media screen and (max-width: 767px) {
          .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content {
            padding-left: 15px; } }
        .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content .article-time {
          color: #474f72;
          font-size: 16px;
          font-family: "Roboto Bold";
          margin-bottom: 10px; }
          .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content .article-time i {
            margin-right: 10px; }
          @media screen and (min-width: 767px) and (max-width: 991px) {
            .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content .article-time {
              display: none; } }
          @media screen and (max-width: 767px) {
            .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content .article-time {
              font-size: 12px; } }
        .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content .article-title h3 {
          font-size: 24px;
          font-family: "Roboto Bold"; }
          @media screen and (max-width: 991px) {
            .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content .article-title h3 {
              font-size: 18px; } }
          @media screen and (max-width: 767px) {
            .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content .article-title h3 {
              font-size: 16px; } }
          .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main .article-content .article-title h3 a {
            text-decoration: none;
            color: #203556; }
      .archive .archive-site-main .article-listing .article-horizontal .row .col-right .article-item .article-main:hover .article-thumbnail img {
        transform: scale(1.1); }
  .archive .archive-site-main .article-listing .article-vertical .row .article-item {
    margin-bottom: 24px;
    height: calc(100% - 24px); }
    .archive .archive-site-main .article-listing .article-vertical .row .article-item a {
      display: block; }
    .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-thumbnail {
      transition: all 0.5s;
      overflow: hidden; }
      .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-thumbnail img {
        width: 100%;
        height: auto;
        transition: all 0.5s;
        min-height: 240px;
        max-height: 240px;
        object-fit: cover; }
        @media screen and (max-width: 1024px) {
          .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-thumbnail img {
            min-height: 200px;
            max-height: 200px; } }
    .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content {
      margin-top: 12px; }
      .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-title h3 {
        font-size: 20px;
        font-family: "Roboto Bold";
        min-height: 60px; }
        @media screen and (max-width: 991px) {
          .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-title h3 {
            font-size: 18px;
            min-height: 70px; } }
        @media screen and (max-width: 767px) {
          .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-title h3 {
            font-size: 20px;
            min-height: unset;
            margin-bottom: 10px; } }
        .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-title h3 a {
          text-decoration: none;
          color: #203556; }
      .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-tag {
        display: flex;
        align-items: center; }
        .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-tag .category {
          display: inline-block;
          padding: 6px 16px;
          background-color: #0f53ba;
          border-radius: 16px;
          color: #ffffff;
          font-size: 11px;
          font-family: "Roboto Regular";
          margin-right: 15px; }
          @media screen and (max-width: 767px) {
            .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-tag .category {
              font-size: 12px; } }
        .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-tag .article-time {
          color: #474f72;
          font-size: 16px;
          font-family: "Roboto Bold"; }
          .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-tag .article-time i {
            margin-right: 10px; }
          @media screen and (max-width: 767px) {
            .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main .article-content .article-tag .article-time {
              font-size: 12px; } }
    .archive .archive-site-main .article-listing .article-vertical .row .article-item .article-main:hover .article-thumbnail img {
      transform: scale(1.1); }

.archive.category-tuyen-dung .archive-site-main .box-heading .taxonomy-description {
  text-align: justify; }
  @media screen and (max-width: 768px) {
    .archive.category-tuyen-dung .archive-site-main .box-heading .taxonomy-description h1 {
      margin-bottom: 1rem; } }
  .archive.category-tuyen-dung .archive-site-main .box-heading .taxonomy-description h2 {
    font-size: 40px;
    font-family: "Roboto Bold";
    color: #0f53ba;
    margin-bottom: 1rem; }
    @media screen and (max-width: 767px) {
      .archive.category-tuyen-dung .archive-site-main .box-heading .taxonomy-description h2 {
        font-size: 24px; } }
  .archive.category-tuyen-dung .archive-site-main .box-heading .taxonomy-description h3 {
    color: #2a2f38;
    font-family: "Roboto Bold";
    margin-bottom: 1rem; }

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