@media screen and (max-width: 991px){
    .archx-home .container {
        max-width: 100% !important;
        width: 100%;
        padding: 50px 10px;
    }
    .banner{
        min-height:50vh;
    }
    .specific{
        min-height:0vh;
    }
    .banner h1 {
        margin-left: 0px;
        margin-top: 0px;
    }
    .banner p {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }
    .project-p{
        font-size:10px;
    }
    .banner button {
        margin-left: 0px; 
    }
    #card {
        width: 100% !important;
        margin-top:10px !important;
    }
    .specific{
        width: 100%;
        margin:0;
        padding:0;
        --bs-gutter-x: 0 !important;
    }
    
    .arck-appointment-form-wrap form button, .arck-btn a {
         width: auto; 
    }
}