@media (max-width:480px){
    .navber{
    height: 50px;
    width: 100%;
   

    }
    .nav-btn{
    width:40%;
    height: 100%;
    right: 30px;
    gap: 5px;
 
}
.nav-btn a{
    width: 40px;
    height: 20px;
    font-size: 0.9rem;
    text-align: center;
 
    font-weight: 700;
}
.nav-logo{
    height: 70%;
    width: 120px;
   
  
}
.nav-logo img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.banner-logo{
   width: 50%;
   height: 70%;
   font-size: 50%;
   margin-left: 30px;
   top: -70px;
   
}
.banner-logo h1 ,.banner-logo h2 ,.banner-logo h3{
    font-size: 40px;
    margin-top: 5px;

}

.banner-btn{
    width: 70%;
    height: 70%;
   top: 300px;
   left:-70px;
  
}
.banner-btn button{
     width: 40%;
     height: 70%;
     font-size: 70%;


}
.banner-logo2{
   height: 400px;
    width: 300px;
     left: -600px;
     top:300px ;
   
  
   
}

.banner-2{
   
    width: 100%;
    margin-top: 600px;
    
}
.content-box{
    width: 100%;
    height: 100%;
    flex-direction: column;
    top: -250px;
}
.content-box .img-box{
   
    width: 60%;
    height:300px;
    
}
.content-box .details-box{

       width:300px;
}
   .banner-3{
    margin-top: -230px;
   }
   .headline h1{
   
    font-size: 30px;
   }
   .team-box{
    flex-wrap:wrap ;
    width: 100%;
   }
   .team-box .box-img {
           width: 200px;
           height: 200px;
   }
   .box4{
    width: 100%;
    height: 100%;
   }
}