@media (max-width: 992px) {
    .service-contact-form {
        flex-direction: column;
        padding: 1rem;
    }
    .form-1 {
        padding-bottom: 0;
    }
}

@media (max-width: 800px) {
    .hideOnMobile{
        display: none;
    }
    .menu-button {
        display: block;
    }
}

@media (max-width: 600px) {
    .sidebar {
        width: 100%;
    }
    input[type="email"],
    input[type="text"],
    input[type="tel"] {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    input[type="tel"] {
        margin-bottom: 0.5rem;
    }
    .general-services {
        width: 100%;
    }
    .form-2 textarea {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .sidebar {
        width: 100%;
    }
}