.parent-container {
    position: relative;
}

#signInButton {
    float: right;
    margin-left: 10px; /* Adjust margin as needed */
}

@media(min-width: 992px) {
    #loginframe {
        position: absolute;
        top: calc(100% - 0px); /* Position the iframe just below the button */
        right: 0;
        /*left:0;*/
        display: none;
        width: 400px; /* Adjust width as needed */
        height: 450px; /* Adjust height as needed */
        z-index: 999;
        border: 1px solid #ccc; /* Add a 1px solid border with light gray color */
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }
}
@media(max-width: 991px) {
    #loginframe {
        position: absolute;
        top: calc(100% - 0px); /* Position the iframe just below the button */
        /*right: 0;*/
        left:0;
        display: none;
        width: 380px; /* Adjust width as needed */
        height: 450px; /* Adjust height as needed */
        z-index: 999;
        border: 1px solid #ccc; /* Add a 1px solid border with light gray color */
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }
}