/* Dropdown icon adjustments */
.dropdown-icon {
    margin-top: 10px;
    margin-left: 1800px;
}

/* Default Styles for Login Form */
.login-form {
    margin: auto;
    width: 500px;
    /* Fixed width for larger screens */
    height: 100%;
    margin-top: 200px;
}

/* Adjustments for custom input */
.custom-input {
    width: 200px;
}

/* Header for login form */
.login-form h4 {
    margin: auto;
}

/* Center the form within its container */
.loginform {
    margin: auto;
}

/* Mobile-specific styles */
@media (max-width: 512px) and (min-width: 320px) {
    .dropdown-icon {
        margin-top: 10px;
        margin-left: 10px;
    }

    .login-form {
        width: 100%;
        /* Make the form full width */
        max-width: 500px;
        /* Optional: limit maximum width */
        margin: auto;
        margin-top: 200px;
        padding: 0;
        /* Remove padding */
        overflow-x: hidden;
        /* Prevent horizontal scrolling */
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {

    /* Styles for medium tablets in landscape mode */
    .dropdown-icon {
        margin-top: 10px;
        margin-left: 10px;
    }

    .login-form {
        width: 100%;
        /* Make the form full width */
        max-width: 700px;
        /* Optional: limit maximum width */
        margin: auto;
        margin-top: 200px;
        padding: 0;
        /* Remove padding */
        overflow-x: hidden;
        /* Prevent horizontal scrolling */
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1200px) {

    /* Styles for large tablets */
    /* Styles for medium tablets in landscape mode */
    .dropdown-icon {
        margin-top: 10px;
        margin-left: 10px;
    }

    .login-form {
        width: 100%;
        /* Make the form full width */
        max-width: 1000px;
        /* Optional: limit maximum width */
        margin: auto;
        margin-top: 200px;
        padding: 0;
        /* Remove padding */
        overflow-x: hidden;
        /* Prevent horizontal scrolling */
    }
}