.toast-middle {
    top: 40%;
    right: 40%;
    bottom: 40%;
    left: 40%;
}

@media screen and (max-width: 1000px) {
    .toast-middle {
        top: 50%;
        right: 35%;
        left: 35%;
    }
}

@media screen and (max-width: 800px) {
    .toast-middle {
        top: 50%;
        right: 20%;
        left: 20%;
    }
}