@media(max-width:767px){
    .search-close-btn {
        width: 38px;
        height: 38px;
        margin-left: 0px;
        font-size: 14px;
    
    }
    .search-hint{
        display: none;
    }
    a.logo-item img {
        max-height: 95px;
    }
    a.logo-item.max-62 img {
        max-height: 45px;
    }
    .hero-section{
        min-height: 100%;
    }
    .hero-title{
        font-size: 28px;
    }
    .mb {
   
        padding: 12px 42px;
        
    }
    .achieve-num {
  
        font-size: 27px;
    
    }
    .tab-btn {
     
        padding: 8px 20px;
       
    }
    .vision .cards {

        grid-template-columns: repeat(1, 1fr);

    }
}


@media(min-width: 987px) and (max-width:1450px){
    .hero-title {
 
        font-size: clamp(36px, 5.5vw, 50px);
    
    }
    .tb-contact, .tb-link{
        font-size: 13px;
    }
    .nav-link{
        font-size: 14px;
    }
    a.logo-item img {
        max-height: 75px;
    }
    .section-title{
        font-size: 40px;
    }
}