@media (max-width: 575.98px) {

    .header-container-box{
        display: none;
    }
    

    .title-box{
        font-size: 30px;
    }
   
    
#connect-btn {
    padding: 8px 17px !important;
}
#check-btn {
    padding: 8px 17px !important;
}

.companies-list img{
    transform: scale(100%) !important;
}
   
  .service-card-box{
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    justify-content: center;
    gap:10px;
    width: 100% !important;
  }

   .section-2-card-2{
    display: grid;
    grid-template-columns: auto !important;
    align-items: center;
    justify-content: center;
    gap:15px;
   }
}



@media (min-width: 576px) and (max-width: 767.98px) {
 .header-container-box{
        display: none;
    }
    

     .title-box{
        font-size: 30px;
    }
   
    
.hero-btn-box button{
    padding: 12px 20px !important;
}
   
.companies-list img{
    transform: scale(100%) !important;
}

.service-card-box{
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    justify-content: center;
    gap:10px;
    width: 100% !important;
  }


  #connect-btn {
    padding: 8px 17px !important;
}
#check-btn {
    padding: 8px 17px !important;
}
.section-2-card-2{
    display: grid;
    grid-template-columns: auto !important;
    align-items: center;
    justify-content: center;
    gap:15px;
   }
}



@media (min-width: 768px) and (max-width: 991.98px) {
 .header-container-box{
        display: none;
    }
    

     .title-box{
        font-size: 30px;
    }
   

 
        
.hero-btn-box button{
    padding: 12px 20px !important;
}
       
.companies-list img{
    transform: scale(100%) !important;
}

.service-card-box{
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
    gap:10px;
    width: 100% !important;
  }

  

.section-2-card-2{
    display: grid;
    grid-template-columns: auto !important;
    align-items: center;
    justify-content: center;
    gap:15px;
   }

} 



@media (min-width: 992px) and (max-width: 1199.98px) {

 .mobile-header-box{
        display: none;
    }

     .sidebarcontianer{
        display: none !important;
    }


     .title-box{
        font-size: 30px;
    }
   
     .container-form{
    width: 50% !important;

     }
   

 }



@media (min-width: 1200px) and (max-width: 1399.98px) {

 .mobile-header-box{
        display: none;
    }

     .sidebarcontianer{
        display: none !important;
    }

     .container-form{
    width: 50% !important;

     }

 }





@media (min-width: 1400px) {
 .mobile-header-box{
        display: none;
    }
 
    .sidebarcontianer{
        display: none !important;
    }


     .container-form{
    width: 50% !important;

     }
}