@media only screen and (max-width: 640px) {
  .serves{
    width: 90%;
    margin-left: 5%;
    margin-bottom: 15px;
    margin-top: 15px;
  }

  .dialogs{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .imgtoons{
    height: 100px;
  }
  .sb{
    font-size: 8px;
  }
  .tooncaptions{
    font-size: 8px;
    color: #414141;
  }
  .dropdown-menu:not(.show){
    display: none !important;
  }
  .mainnanvbar{
    width: fit-content;
  }
    #myVideo {
      min-height: 100vh;
      /* object-fit: fill; */
      object-position: center top;

      object-position: 59%;
      /* max-width: 100%; */
      /* margin-left: -120%; */
    }
    .aboutVideo{
      object-position: 92% !important;
    }
    .aboutVideo2{
      object-position: 51% !important;
    }
    .contactVideo{
        object-position: 89% 69% !important;
        /* object-position: 89% ​69% !important; */

    }
    .t1 .hometitle:first-child{
      font-size: 50px !important;
      text-align: center !important;
    }

    .hometitle:nth-child(2){
      font-weight: 400;
      font-size: 40px !important;
    }

    .pursuit{
      font-size: 13px;
      letter-spacing: 0.04em;
      width: fit-content;
      border-radius: 10px;
      background: -webkit-linear-gradient(#4b494a, #111211);
      /* background: #4b494a; */
      color: #d8d8d8;
      margin: auto;
      padding: 5px;
      animation: cssAnimation 0s 3s forwards;
      visibility: hidden;
  }

    .svg-div {
      height: 1px;
    }

    .text-verticle {
      font-size: 12px;
    }

    .svg-mob-div {
      height: 100vw;
    }

    .t1 {
      width: fit-content;
      /* width: 90%; */
      position: absolute;
      /* left: 5%; */
    }

    .t1 h1 {
      font-size: 13px;
      overflow: hidden;
      /* Ensures the content is not revealed until the animation */
      /* border-right: .15em solid orange; */
      /* The typwriter cursor */
      white-space: nowrap;
      /* Keeps the content on a single line */
      margin: 0 auto;
      /* Gives that scrolling effect as the typing happens */
      /* letter-spacing: .15em; */
      /* Adjust as needed */
    }
    .isegh1{
      font-size: 12px !important;
      /* animation: none  !important; */
      border: none !important;
      letter-spacing: normal;
      /* margin: 0px 25px  !important; */
      /* text-align: center; */

    }
    .contact-form{
        left: 5%;
        width: 90%;
    }

    .d-cards .card{
      width: 45%;
      /* margin: auto; */
      margin: 8px;

    }
  }