@media(max-width:1920px){
    .col{
        flex: 0 0 20% !important ;
        max-width: 20% !important;
        flex-wrap: nowrap;
      }

}
@media(max-width:1440px){
    
    .ban{   
          min-height:200px !important;
        }
    .mid{
          min-height:700px !important;
        }
}
@media(max-width:1199px){
    .head::after {        
        right: 15% !important;        
    }
    .abtsectn {
        background: #ddd;
        padding: 30px 80px !important;
    }
}
@media(max-width:991px){
    .logo {
        margin: auto;
    }
    .head::after {
        right: 4% !important;
    }
    .abtsectn {       
        padding: 30px 54px !important;
    }
    .navbar-toggler{
        background: var(--green) !important;
    }
    .mid{
        min-height:372px !important;
      }
      .mainnav {     
        background: white;
    }
}
@media(max-width:768px){
    .col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .mid {
        min-height: 350px !important;
    }
    
}
@media(max-width:575px){
   
    .navbar-brand img {
        width: 200px !important; 
    }
    .call, .mail{       
        justify-content: center !important;
    }
    .head::after {       
        width: 50px !important;
        right:52% !important;
        top: 115% !important;
    }
    .abtsectn {        
        padding: 169px 27px !important;
    }
    .navbar-brand img {
        width: 102px !important;
    }
    .mid {
        position: relative;
        min-height: 253px !important;
    }
    .import_img p {       
        font-size: 18px !important;
    }
    .hd {        
        font-size: 25px !important;
    }
    .bb {
        padding: 9px !important;
    }
    .para1 {        
        font-size: 18px !important;
        
    }
    .desk{
        display: none !important;
    }
    .mob{
        display: block !important;
    }
}
@media(max-width:480px){
    .mid {
        position: relative;
        min-height: 166px !important;
    }
}
@media(max-width:375px){
   
}
@media(max-width:320px){
   
   
}