@media screen and (max-width: 500px) {

  .s-intro .row{
    display: flex;
    flex-direction: column;
    margin-top: -90px;
  }

  .p-it-div{
    width: 100%;
    margin-left: 10px;
  }

  .p-it-div .intro-it-div {
    font-size: 30px;
  }

  .p-it-div .intro-it-div2 {
    font-size: 40px;
  }

  .p-it-div .intro-it-div3 {
    font-size: 16px;
    width: 100%;
    margin-top: -5px;
  }

  /* .s-works{
    margin-left: -10px;
    margin-right: -10px;
  } */

  .header-intro{
    padding: 10px;
  }

  .image-header {
    background-size: contain; /* Mengisi seluruh container, mungkin memotong gambar */
    margin: 0 auto;
    /* height: auto; */
    height: 300px;
  }

  .container-running .text > p {
    font-size: 21px;
  }

  .nama-video-landscape{
    padding-top: var(--vspace-1);
  }

  .nama-landscape{
    font-size: 20px;
   
  }

  .team-video-content-container {
    margin-top: -10px;
  }
  .team-video-content-card {
    width: 250px;
  }
  }