@media (max-width: 992px) {
    .course-page-body {
        flex-direction: column;
    }
}


/*Announcment*/
.announcment-item {
    background-color: transparent;
    transition: all .5s;
}
    .announcment-item .card {
        height: 100%;
        width: 100%;
        transition: all .5s;
    }
    .announcment-item .close, .announcment-item .read {
        display: none;
    }
    .announcment-item.opened .open {
        display: none;
    }
    .announcment-item.opened .close, .announcment-item.opened .read {
        display: unset;
    }

    .announcment-item.opened {
        max-width: unset !important;
        background-color: rgba(0, 0, 0, .5);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
        .announcment-item.opened .card {
            max-height: 100%;
            max-width: 100%;
            height: auto;
            width: auto;
        }

        .announcment-item .announcment-content {
            max-height: 50px;
            overflow: hidden;
            width: 100%;
        }

    .announcment-item.opened .announcment-content {
        max-height: none !important;
    }

    .announcment-item.opened .card-body {
        overflow: auto !important;
    }