.modal-dialog img#image {
    max-height: 800px;
    max-width: 800px;
}
#toast-container {
    left: 50%;
    transform: translateX(-50%);
}

    #toast-container > .toast {
        min-width: 1000px; /* Maksimum genişlik belirle */
        width: 90%; /* Genişliği yüzde olarak ayarla */
        margin: auto;
        font-size: 18px;
        /*white-space: nowrap;*/ /* Yazıların tek satırda kalmasını sağlar */
        overflow: hidden; /* Gerektiğinde taşan yazıları gizler */
        text-overflow: ellipsis; /* Taşan yazıları üç nokta ile gösterir */
        /* Diğer stiller */
    }

@media screen and (max-width: 576px) {
    .d-flex.flex-wrap.align-items-center.col-lg-4.col-md-4.col-sm-12 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .d-flex.flex-wrap.align-items-center.col-lg-4.col-md-4.col-sm-12 a,
        .d-flex.flex-wrap.align-items-center.col-lg-4.col-md-4.col-sm-12 button {
            margin: 5px 0; /* Boşluk ayarı */
        }
}
@media only screen and (max-width: 768px) {
    .desktop-image {
        display: none;
    }
}

/* Genel stil */
/*.forcoursetop {
    margin-top: 0px;
}*/

/* Ekran genişliği 992 pikselden büyükse stil ekle */
/*@media screen and (min-width: 992px) {
    .forcoursetop {
        margin-top: -400px;*/
        /* Dilediğiniz stil özelliklerini burada ekleyebilirsiniz. */
    /*}
}*/