/*-------------------- MOBILE (max-width:767.98px) --------------------*/
@media (max-width:767.98px) {
    .container {
        padding: 2rem 5%;
    }
    #section-menu.container {
        padding: 1rem 5%;
    }

    .white-box,
    .border-xl{
        padding: 0 !important;
        box-shadow: none !important;
    }
        .border-xl {
            border: none;
            border-radius: 0;
        }

    form input,
    form button,
    form select,
    form textarea {
        margin-bottom: 1rem;
    }
    form label,
    form label.form-label {
        margin-bottom: 0;
    }
}


/*-------------------- TABLET (min-width:768px) and (max-width:1199.98px) --------------------*/
@media (min-width:768px) and (max-width:1199.98px) {
    .container {
        padding: 2rem 7.5%;
    }
    #section-menu.container {
        padding: 1rem 7.5%;
    }

    form input,
    form button,
    form select,
    form textarea {
        margin-bottom: 1rem;
    }
    form label,
    form label.form-label {
        margin-bottom: 0;
    }
}