.header--top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px; }
  .header--top img {
    width: 100%;
    height: 110px; }
  .header--top .header__logo {
    flex: 28%; }
  .header--top .header__banner {
    .flex: 50%;
    }
    .header--top .header__banner img {
      float: right; }

.tracuu__wrapper {
  display: flex;
  padding: 6px 10px;
  background: #f0f0f0;
  margin-bottom: 8px; }
  .tracuu__wrapper span {
    flex: 20%; }
  .tracuu__wrapper button {
        flex: 21%;
    background: #01356e;
    border: none;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    padding: 4px 24px;
    float: right;
     }

.tintuc__title {
  margin-bottom: 10px;
  border-bottom: 3px solid #0d7cd6; }
  .tintuc__title a {
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    color: white;
    padding: 5px;
    background: #0d7cd6; }

.tintuc {
  display: flex; }
  .tintuc .tintuc__main {
    flex: 70%;
    padding-right: 10px; }
    .tintuc .tintuc__main img {
      height: 280px;
      width: 100%;
      object-fit: cover;
      margin-bottom: 8px;
      }
    .tintuc .tintuc__main h3 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 8px; }
    .tintuc .tintuc__main .tintuc__des, .tintuc .tintuc__main .tintucMain__box2 .tintuc__box h3, .tintuc .tintucMain__box2 .tintuc__box .tintuc__main h3 {
      font-size: 15px;
      height: 54px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      margin-bottom: 8px;
      text-align: justify;
      }
  .tintuc .tintucMain__box2 {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between;
    }
    .tintuc .tintucMain__box2 .tintuc__box img {
      height: 120px;
      width: 100%;
      object-fit: cover;
      }
    .tintuc .tintucMain__box2 .tintuc__box h3 {
      height: 55px !important; }
  .tintuc .tintuc__right {
    flex: 30%; }
    .tintuc .tintuc__right .tintuc__box img {
      width: 100%;
      height: 133px;
      object-fit: cover; }
    .tintuc .tintuc__right .tintuc__box h3 {
      font-size: 15px;
      font-weight: bold;
      text-align: justify;
      overflow: hidden;
      height: 50px;
      text-overflow: ellipsis;
      margin-bottom: 8px; }

.sidebar {
  padding-left: 10px; }
  .sidebar h2 a {
    background: #0d7cd6;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 7px 0;
    color: white;
    text-transform: uppercase;
    display: block; }
    .sidebar h2 a:hover {
      color: #f0f0f0; }
  .sidebar img {
    width: 100%;
    margin-bottom: 8px; }
  .sidebar .sidebar__box {
    margin-bottom: 8px; }
    .sidebar .sidebar__box .sidebar__box--inner {
      max-height: 170px;
      overflow: scroll; }
      .sidebar .sidebar__box .sidebar__box--inner h3 {
        font-size: 13px;
        padding: 10px;
        background: #f0f0f0;
        border-bottom: 1px dashed; }
  .sidebar iframe {
    width: 100%;
    height: 200px; }

.img--left {
  width: 100%;
  height: 140px;
  margin-bottom: 8px; }

.content__tintuc {
  display: flex;
  text-align: justify;
  height: 146px;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  margin-top: 8px;
  margin-bottom: 20px; }
  .content__tintuc .tintuc--box2 {
    flex: 60%; }
    .content__tintuc .tintuc--box2 img {
      float: left;
      width: 214px;
      height: 134px;
      object-fit: cover;
      padding-right: 10px;
      }
    .content__tintuc .tintuc--box2 h3 {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 8px; }
  .content__tintuc .tintuc__lienquan {
    flex: 40%; }
  .content__tintuc .tintuc__lienquan {
    margin-left: 10px; }
  .content__tintuc ul {
    width: 100%;
    overflow: hidden;
    height: 136px; }
    .content__tintuc ul a:before {
      content: "\f0da";
      font-family: FontAwesome;
      margin-right: 8px; }

.footer--inner {
  background: #f0f0f0; }
  .footer--inner .footer__contact {
    /*padding: 20px;*/
    line-height: 1.5;
    display: flex; }
    .footer--inner .footer__contact .footer--1 {
      /*flex: 40%;*/ }
    .footer--inner .footer__contact .footer--2 {
      flex: 30%; }
  .footer--inner .giayphep {
    text-align: center; }
  .footer--inner .menu__list {
    padding: 5px 7px;
    background-color: #0060b1; }
    .footer--inner .menu__list li {
      display: inline-block; }
      .footer--inner .menu__list li .footer-link {
        display: block;
        line-height: 20px;
        padding: 0px 9px;
        font-size: 11px;
        color: #fff;
        font-weight: bold;
        font-family: 'arial';
        text-transform: uppercase;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear; }
    .footer--inner .menu__list li:not(:last-child) {
      border-right: 1px solid #fff; }

@media (min-width: 481px) and (max-width: 767px) {
  .tintuc {
    display: block; }

  .tintuc .tintuc__right .tintuc__box img {
    height: auto; }

  .tintuc .tintuc__right .tintuc__box h3 {
    margin-top: 10px; }

  .tintuc__box {
    padding: 5px; }

  .tintuc .tintucMain__box2 .tintuc__box h3 {
    font-size: 12px; }

  .tintuc .tintucMain__box2 {
    grid-template-columns: auto auto auto; }

  .tintuc .tintucMain__box2 .tintuc__box img {
    height: auto; }

  .tintuc .tintuc__right .tintuc__box h3 {
    height: auto; } }
@media only screen and (max-width: 480px) {
  .content__tintuc ul {
    height: 100px; }

  .tintuc {
    display: block; }
    .tintuc .tintucMain__box2 {
      display: block; }
      .tintuc .tintucMain__box2 .tintuc__box img {
        height: auto; }

  .content__tintuc {
    display: block;
    height: auto; }

  .footer--inner .footer__contact {
    display: block; }

  .tintuc .tintuc__right .tintuc__box img {
    height: auto; }

  .tintuc__lienquan {
    margin-top: 10px; }

  .content__tintuc .tintuc__lienquan {
    margin-left: 0; }

  .footer--inner .menu__list li .footer-link {
    font-size: 12px; } }