.toast-display {
    position: fixed;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    transition: opacity .4s ease;

    @starting-style {
        background-color: #FF6C37;
    }
}

    .toast-display.show.success {
        background-color: #28a745;
        color: white;
        opacity: 1;
    }

    .toast-display.show.danger {
        background-color: #FF6C37;
        color: white;
        opacity: 1;
    }


@media (max-width: 1620px) { /* tablet */

}

@media (max-width: 1024px) { /* tablet */

}

@media (max-width: 880px) { /* tablet */
    .toast-display {
        bottom: 50px;
    }
}

@media (max-width: 490px) { /* phone */
    .toast-display {
        bottom: 50px;
    }
}