.thumbnails {
      width: 100%;

    }

   
    .viedo-title {
      margin: 0;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      border-bottom: 10px;

    }

    .viedo-info-grid {
      display: grid;
      grid-template-columns: 50px 1fr;
    }


    .profile-picture {
      width: 36px;
      border-radius: 50px;



    }

    .thumbnail-row {
      margin-bottom: 8px;
      position: relative;
    }

    .viedo-author,
    .viedo-stats {
      font-size: 12px;
      color: rgb(96, 96, 96);
    }

    .viedo-author {
      margin-bottom: 4px;
    }

    .viedo-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 16px;
      row-gap: 40px;
    }
    @media (max-width:750px){
      .viedo-grid{
         grid-template-columns: 1fr 1fr ;
      }
    }

    @media (min-width:751px) and (max-width:999px){
      .viedo-grid{
      grid-template-columns: 1fr 1fr 1fr;
       }
  }

    @media (max-width: 1000px){
       .viedo-grid{
         grid-template-columns: 1fr 1fr 1fr 1fr  ;
       }
    }

  
    .viedo-time{
      font-family: Roboto, Arial;
      background-color: black;
      border-radius: 2px;
      color: white;
      position: absolute;
      font-size: 12px;
      font-weight: 500;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 4px;
      padding-bottom: 4px;
      bottom: 8px;
      right: 5px;
  
    }






    /* =========================
   RESPONSIVE GRID
========================= */

.viedo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  column-gap: 16px;
  row-gap: 30px;
}

/* =========================
   TABLET
========================= */

@media (max-width: 768px) {
  .viedo-grid {
    margin-left: 60px;
  }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 480px) {
  .viedo-grid {
    margin-left: 0;
    padding: 0 12px;
    grid-template-columns: 1fr; /* single column like YouTube */
  }

  .viedo-title {
    font-size: 15px;
  }

  .viedo-author,
  .viedo-stats {
    font-size: 13px;
  }
}