#setupModal {
    position: fixed;
    width: 40%;
    top: 2%;
    right: 2%;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 9999;
}

@media screen and (min-width: 100px) and (max-width: 539px) {
    #setupModal {
        width: 75% !important;
    }   

    #actionButtons button {
        font-size: smaller;
        padding: 8px 16px;
    }
    
    #toastBody p{
        font-size: smaller;
    }
}

@media screen and (min-width: 540px) and ( max-width: 1024px) {
    #setupModal {
        width: 50% !important;
    }

    #actionButtons button {
        font-size: smaller;
        padding: 8px 16px;
    }
    
    #toastBody p{
        font-size: smaller;
    }
}