@media (max-width: 767px) {
 
    .pre-item-left a{
        font-size: 10px;
    }
  
    .hero-area img {
       
        height:230px;
    }
    .footer-area p {
        font-size: 14px;
    }
    .section-title {
  
        font-size: 26px;
     
    }
    .hero-info h2{
        font-size: 27px;
    }
    .hero-info p{
        font-size: 15px;

    }

    .hero-info {
       right: 0;
        left: 6%;
      
    }
    .medicine-card .btn-sm {
 
        font-size: 14px;
        
    }
    .medicine-card h6 {
    
        font-size: 16px;
    }
    .about-banner {
        
        height: 160px;
   
    }
    .banner-title {
        font-size: 33px;
     
    }
}