/* ------------------------- 
   ≤ 950x (TABLETS / DESKTOP SMALL)
   ------------------------- */
@media (max-width: 950px) {

  /* Layout  */
  .news-single-layout {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .news-single-main {
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
  }

  /* Sidebar */
  .news-single-layout .news-sidebar {
    display: none !important;
  }

  .video-section table#videos-table {
    width: 100% !important;
    display: table;
  }

.cpm-thumb-item,
.cpm-album-item {
    flex: 1 1 calc(100% / 7 - 7px);
    max-width: calc(100% / 7 - 7px);
    padding: 8px;
   
}


.cpm-thumbs-row>*:nth-child(n+8),
.cpm-albums-row>*:nth-child(n+8) {
    display: none !important;
}


.cpm-thumbs-row,
.cpm-albums-row {
    gap: 6px;
    justify-content: center;
}


  /* Share rail */
  .share-rail {
    position: absolute;
    top: 100px;
    right: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 10;
  }

  .share-rail .share-btn {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
  }

  /* Related news */
  .related-news-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }


  .sidebar-image-card {
    display: none;
  }

  .category-title {
    display: none;
  }

  .category-title:first-of-type {
    display: block;
  }

  .category-list {
    display: none;
  }

  .sidebar-info-list li {
    display: none;
  }

  .sidebar-info-list li:first-child {
    display: flex;
  }

 

 .news-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 11px;
   max-width: 1100px;
   margin: 20px auto;
 }

    
}
/* ------------------------- 
   ≤ 768px (Tablets) 
   ------------------------- */
@media (max-width: 768px) {

  .search-container { margin-top: 10px; }

  .about-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
	.share-rail {
    top: 50px;

  }
  
    .twocol-wrapper aside.col.bio {
      display: none !important;
    }
  
    .twocol-wrapper section.col.projects {
      width: 100%;
      max-width: 100%;
      padding: 0 15px;
    }
  
    .twocol-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  .about-photo img { width: 100%; max-width: 300px; }
.media-zone .left-col,
.media-zone .middle-col {
  display: none !important;
}

.media-zone .right-col {
  width: 100%;
  max-width: 100%;
  padding: 0 15px;
}

.media-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.media-zone .bio-content {
  text-align: center;
}

.media-zone .bio-img {
  margin: 20px auto;
  display: block;
}
  .topmenu a { font-size: 11px; letter-spacing: 2px; padding: 0px 6px; }
  .menu-toggle { display: block; text-align: center; }
  ul#navigation { display: none; flex-direction: column; gap: 10px; background: #8f8cd8; padding: 10px 0; }
  ul#navigation.show { display: flex; }



  .subtitle-tag { text-align: center; top: 10px; }
  .media-zone { grid-template-columns: 100%; gap: 20px; }
  .left-col, .right-col, .middle-col { width: 100%; }
  .about-content { display: none !important; }
  .subtitle-ig-tag, .subtitle-tag { display: none !important; }

  /* Overlay / Thumbnail */

  .page-overlay-box { padding: 8px 6px; }
  .page-overlay-title { font-size: 16px; }
  .page-date-bar { font-size: 10px; }
  .video-modal-content {
        width: 90%;
        max-width: 100%;
        max-height: 90vh;
        display: flex;
        flex-direction: column; 
        align-items: center;
        padding: 10px;
    }

    .video-modal iframe {
        width: 100%;
        height: 45vh; 
    }

    #subtitle-box {
        margin-top: 10px;
        font-size: 14px;
        text-align: center;
        width: 100%;
    }
 .about-grid-proj {
    grid-template-columns: 1fr;
  }
 .ig-feed-wrapper {
    display: none;
  }
     .news-grid {
       display: grid;
       grid-template-columns: repeat(1, 1fr);
       gap: 11px;
       max-width: 1100px;
       margin: 20px auto;
     }
}


/* ------------------------- 
   ≤ 580px (MOBILE) 
   ------------------------- */
@media (max-width: 580px) {

  .topmenu { flex-wrap: wrap; gap: 3px; padding: 6px 0; }
  .topmenu a { font-size: 10px; letter-spacing: 1px; padding: 0px 4px; }
.cpm-thumb-item,
.cpm-album-item {
    flex: 1 1 calc(100% / 5 - 7px);
    max-width: calc(100% / 5 - 7px);
    padding: 8px;

}


.cpm-thumbs-row>*:nth-child(n+6),
.cpm-albums-row>*:nth-child(n+6) {
    display: none !important;
}


.cpm-thumbs-row,
.cpm-albums-row {
    gap: 6px;

    justify-content: center;

}
  .media-intro-title { font-size: 9px; padding: 6px 15px; right: 10px; top: -6px; }
  .ig-feed-wrapper { height: 350px; padding: 8px; }
  .intro-box { font-size: 11px; line-height: 1.5; }

  .news-gallery-links {  display: flex;
  flex-wrap: wrap;          
  justify-content: center;
  gap: 15px;    }
  .related-news-items { grid-template-columns: 1fr; gap: 12px; }
  .news-overlay-title { font-size: 14px; }
  .news-gallery-links .gallery-path { font-size: 10px; }
  .share-btn { width: 30px; height: 30px; }
  .share-btn .icon { width: 16px; height: 16px; }

  .news-single-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow-x: auto;
  }

  .page-tab-content { display: none; padding: 0; animation: fadeIn 0.5s ease; }

  .news-full-thumb img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    display: block;
  }

  .wp-block-media-text__content { padding: 0 !important; width: 100% !important; }
  .news-full-content h2,
  .news-full-content h3,
  .news-full-content h4,
  .news-full-content h5,
  .news-full-content h6 { text-align: center; }

.award-container {
  display: flex;          
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

.award-sidebar {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #dfd6df;
}

.award-table-wrapper {
  width: 100%;
  overflow-x: auto; 
}
  .page-tabs { flex-wrap: wrap; justify-content: flex-start; gap: 1px; }

  #award-table,
  #extras-table,
  #filmography-table, #press-table { font-size: 9px; }

  #award-table tbody td img,
  #extras-table tbody td img,
  #filmography-table tbody td img,
    #press-table tbody td img  { max-width: 60px; }
  .news-overlay-box { padding: 6px 4px; }
  .news-overlay-title { font-size: 12px; letter-spacing: 0; }
  .news-date-bar { font-size: 9px; }
	.share-rail {
    top: 10px;
  }

.video-container iframe,
.video-container .brid {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 200px;
  padding: 8px;
}

  details .columns {
    flex-direction: column; 
    align-items: flex-start; 
  }

  details .column-left,
  details .column-right {
    flex: 1 1 100%;
    width: 100%;
  }

  details .column-left img {
    max-width: 100%; 
  }
  .video-modal-content {
        width: 100%;
        max-width: 100%;
        max-height: 100vh;
        display: flex;
        flex-direction: column; 
        align-items: center;
        padding: 5px;
    }

    .video-modal iframe {
        width: 100%;
        height: 50vw; 
        max-height: 60vh; 
    }

    #subtitle-box {
        margin-top: 5px;
        font-size: 12px;
        text-align: center;
        width: 100%;
    }

     /* Table */
    #videos-table {
        font-size: 10px;
        width: 100%;
  
    }

   
    #videos-table thead th:nth-child(5),
    #videos-table thead th:nth-child(6),
    #videos-table tbody td:nth-child(5),
    #videos-table tbody td:nth-child(6) {
        display: none;
    }

}

/* ------------------------- 
   ≤ 480px (Tablets) 
   ------------------------- */
@media (max-width: 480px) {

  
    .cpm-thumb-item,
    .cpm-album-item {
        flex: 1 1 calc(100% / 4 - 6px);
        max-width: calc(100% / 4 - 6px);
        padding: 6px;
    }


    .cpm-thumbs-row>*:nth-child(n+5),
    .cpm-albums-row>*:nth-child(n+5) {
        display: none !important;
    }

   
    .cpm-thumbs-row,
    .cpm-albums-row {
        gap: 5px;
        justify-content: center;
    }
}