@media (max-width: 767px) {
 
    .pre-item-left a{
        font-size: 14px;
    }
  
    .hero-area img {
       
        height:230px;
    }
    .footer-area p {
        font-size: 14px;
    }
    .hero-video-section h1{
        font-size:36px;
    }
    .hero-video-section{
        height:367px;
    }
    .info-item {
        display: flex;
        justify-content: start;
   
        margin-bottom: 19px;
    }
    .icon-info h4{
        font-size: 18px;
    }
    .info-item p{
        font-size: 14px;
    }
    .info-item .icon{
       min-width: 45px;
        height: 45px;
    }
   
    .contact-form h4{
        font-size: 26px;
    }
    .about-info h2{
        margin-top: 5px;
        font-size: 28px;
    }
    .section-tittle h2{
        font-size: 30px;
    }
    .highlight-text{
        font-size: 22px;
        font-weight: 600;
    }
    .sections-title{
        font-size: 22px;
    }
    .contact-banner{
height: 220px;    }

.product-card img{
  height: auto;
  width: auto;
}
.product-card h4{
    font-size: 13px;
}

.product-details h2{
    font-size: 30px;
}

 .tabs {
        display: flex;
        justify-content: space-between;
    }

    .tab {
        flex: 0 0 25%;   
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }

    .tab span {
        font-size: 12px;
    }

    .tab svg {
        width: 20px;
        height: 20px;
    }

  .item-hover img{
    height: 218px;
  }
 .item-hover{
    height: 218px;
 }
 .hover-overlay{
    display: none;
 }
 .about-info h2
 {
     font-size:24px;
 }

  .typing-title{
      width: 100% !important;
      white-space: normal !important;
      overflow: visible !important;
  }

  .typing-title.active{
      animation: none !important;
  }
}