@media(max-width:1199px){
    .my-nav li a {        
        margin: 5px 10px !important       
    }
    .banhead h1 {
        font-size: 45px !important;
        
    }
    .head1 {       
        font-size: 28px !important;
        
    }
}

@media(max-width:991px){
   
   .navbar-toggler{   
       background: #fff !important;
    }
    
    .my-nav li a {        
        margin: 0 !important;        
    }
    .column{
        flex:0 0 50% !important;
        max-width: 50% !important;
    }
    .parts{
        margin-bottom: 30px;
    }
    .further{
        text-align: center;
    }
    .lightbtn{
        margin: auto;
    }
    .logo {
        width:335px !important;
    }
 }

@media(max-width:767px){
    .head1 {
        font-size: 26px !important;
    }
    
}
@media(max-width:575px) {   
    
    .user{
        float: initial !important;
        border-radius: 5px 40px 0 5px !important;
        padding: 5px !important;
        text-align: center;
    }
    .banhead h1 {
        font-size: 30px !important;
       
    }
    .ban{
        background-size: cover !important;
        height:300px !important;
      }
      .whitebox{
        transform: translate(0,0) !important;
      }
      .box {       
        padding: 1rem !important;
    }
    .banhead {
        width: 322px !important      
    }
    .banhead h1 {
        font-size: 24px !important;
    }
    .logo {
        width: 215px !important;
    }
    .whyitems li {        
        font-size: 15px !important;
       
    }
    
}
@media(max-width:480px){
    
   
}
@media(max-width:375px){
    
   
}
   
@media(max-width:320px){
    .banhead {
        width: 292px !important;
    }
}