/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
    main {
        display: flex;
        flex-direction: column;

    }

    .right-body {
        width: 100%;
        margin: 0;
        margin-top: 10px;

    }

    .main-header .right-logo p,
    .new-logo {
        display: none;
    }

    .main-header .left-logo .logo-new {
        display: block;
        width: 105%;
        
    }

    .left-body {
        border: 1px solid gray;
        background-color: #5b83ce;
        padding: 20px;
        border-radius: 10px;
        font-size: 20px;
        color: white;
        width: fit-content;
    }

    body {
        overflow-x: hidden;
    }

    .modal-content {
        width: 80%;
        /* height: 60%; */
    }

    .main-form label {
        font-size: 18px;
        color: #665dee;
    }
}