/* RESPONSIVE TABLET (≤ 992px) */

/* ===============================
TABLET
================================ */
@media (max-width: 992px) {

  /* news */
  .news-grid {
    grid-template-columns: 1fr 1fr;
  }

  /* tin mới */
  .news-row {
    grid-template-columns: repeat(3, 1fr);
  }

  /* portal */
  .portal-grid {
    grid-template-columns: 1fr;
  }

  /* conference */
  .conference-grid {
    grid-template-columns: 1fr;
  }

  /* international */
  .intl-grid {
    grid-template-columns: 1fr 1fr;
  }

  .journal-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* party */
  .party-grid {
    grid-template-columns: 1fr;
  }

  /* vass */
  .vass-grid {
    flex-direction: column;
  }

  /* publication */
  .pub-item {
    min-width: 33.33%;
  }

  /* Multimedia */
  .multimedia-grid {
    grid-template-columns: 1fr;
  }

  .media-list {
    flex-direction: row;
    overflow-x: auto;
  }

  .media-item {
    min-width: 250px;
  }

}

/* RESPONSIVE MOBILE (≤ 768px) */

/* ===============================
MOBILE
================================ */
@media (max-width: 768px) {

  /* header */
  .logo {
    height: 120px;
  }

  .logo img {
    height: 120px;
    object-fit: cover;
  }

  /* navbar */
  .navbar-nav .nav-link {
    font-size: 13px;
  }

  /* highlight news */
  .highlight-news {
    gap: 15px;
    font-size: 13px;
  }

  /* news */
  .news-grid {
    grid-template-columns: 1fr;
  }

  /* tin mới */
  .news-row {
    grid-template-columns: repeat(2, 1fr);
  }

  /* portal */
  .portal-left .portal-item {
    flex-direction: column;
  }

  .portal-left .portal-item img {
    width: 100%;
    height: 180px;
  }

  /* international */
  .intl-grid {
    grid-template-columns: 1fr;
  }

  .intl-grid>div {
    border: none;
    padding-left: 0;
  }

  .journal-grid {
    grid-template-columns: 1fr;
  }

  /* party */
  .party-list {
    grid-template-columns: 1fr;
  }

  /* publication */
  .pub-item {
    min-width: 50%;
  }

  /* MULTIMEDIA */
  .multimedia-section {
    padding: 40px 0;
  }

  .multimedia-grid {
    grid-template-columns: 1fr;
  }

  .media-caption {
    font-size: 18px;
  }

  .media-list {
    flex-direction: row;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 10px;
  }

  .media-item {
    min-width: 240px;
  }

  .media-item img {
    width: 100px;
    height: 65px;
  }

  /* quick links */
  .quick-item {
    height: 70px;
  }

  /* FOOTER */
  .footer-top {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .footer-col {
    width: 100%;
  }

  .footer-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;
  }

  /* ===== Post pages====== */
  /* container gọn lại */
  .container {
    padding: 0 15px;
  }

  /* layout */
  .intro-layout {
    grid-template-columns: 1.6fr 1fr;
    gap: 25px;
  }

  /* title */
  .post-title {
    font-size: 24px;
    line-height: 1.4;
  }

  /* menu con */
  .intro-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .intro-menu li {
    width: 30%;
  }

  /* sidebar */
  .sidebar-box {
    padding: 15px;
  }

  /* popular */
  .popular-item img {
    width: 90px;
    height: 60px;
    object-fit: cover;
  }

  /* highlight */
  .highlight-bar {
    flex-wrap: wrap;
    gap: 10px;
  }

}


/* ===============================
SMALL MOBILE
================================ */
@media (max-width:480px) {

  .news-row {
    grid-template-columns: 1fr;
  }

  .pub-item {
    min-width: 100%;
  }

  .news-item {
    flex-direction: column;
  }

  .news-item img {
    width: 100%;
    height: 180px;
  }

  /* MULTIMEDIA */
  .multimedia-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .multimedia-header h2 {
    font-size: 18px;
  }

  .media-filter button {
    padding: 5px 10px;
    font-size: 13px;
  }

  .media-caption {
    font-size: 16px;
    bottom: 15px;
  }

  .media-item {
    min-width: 200px;
  }

  .media-item img {
    width: 90px;
    height: 60px;
  }

  .media-item p {
    font-size: 13px;
  }

  .slider-nav {
    width: 34px;
    height: 34px;
  }

  /* FOOTER */
  .footer-links {
    grid-template-columns: 1fr;
  }

  .footer-top {
    gap: 20px;
  }

  .footer-col h3 {
    font-size: 18px;
  }

  .footer-col p,
  .footer-col li {
    font-size: 14px;
    line-height: 1.5;
  }

  /* ==== Post Pages====== */
  /* layout 2 cột -> 1 cột */
  .intro-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* sidebar full width */
  .sidebar-box {
    width: 100%;
  }

  /* title nhỏ lại */
  .post-title {
    font-size: 20px;
    line-height: 1.4;
  }

  /* banner */
  .post-banner {
    height: auto;
  }

  /* menu con */
  .intro-menu {
    gap: 12px;
  }

  .intro-menu li {
    width: 45%;
  }

  /* tin xem nhiều */
  .popular-item {
    display: flex;
    gap: 10px;
  }

  .popular-item img {
    width: 80px;
    height: 55px;
    object-fit: cover;
  }

  /* scroll box */
  .popular-list {
    max-height: 300px;
  }

  /* breadcrumb */
  .breadcrumb {
    font-size: 13px;
  }

}