@media (max-width: 640px) {
    body {
        text-align: center !important;
        overflow-x: auto !important;
    }
    
    .heading_text {
        text-align: center !important;
        justify-content: center !important;
    }

    #navbar-area {
        display: none !important;
    }
    
    .valid-fseedback,
    .invalid-feedback {
        text-align: left !important;
    }
}

@media (max-height: 640px) {
    #navbar-area,
    #logo-container {
        display: none !important;
    }
    
    body {
        text-align: center !important;
        overflow-x: auto !important;
    }
    
    .form-group {
        text-align: center !important;
    }

    .valid-fseedback,
    .invalid-feedback {
        text-align: left !important;
    }
}

@media (max-width: 360px) {
    .valid-fseedback,
    .invalid-feedback {
        text-align: justify !important;
    }
}

@media (max-height: 360px) {
    body {
        overflow-y: auto !important;
    }
}