@media only screen and (max-width: 600px) {
   
    .center {
        vertical-align: middle;
        border-style: none;
        width: 90%;
    }
    th {
        text-align: center;
        vertical-align: middle;
        border-style: none;
        width: 90%;
    }
    table thead {
        display: none;
    }

    .account-logo img {
        max-height: 120px;
        width: auto;
    }
}
@media screen and (max-height: 400px) {
    /* Adjust your styles here, for example: */
    input, textarea {
        margin-bottom: 20vh; /* Shift the input field 20% of the viewport height */
    }
}
.modal-dialog {
    max-width: 70%;
    margin: 1.75rem auto;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 70%;
        margin: 1.75rem auto;
    }
}