/* For mobile screens */
@media screen and (max-width: 738px) {
    iframe {
        width: auto !important;
    }
    #aarr-frame {
        width: auto !important;
    }
    .video-wrapper iframe {
        width: auto;
    }
    #content-wrapper {
        width: auto;
    }
    #top-menu .nav-links {
        width: auto;
    }
    ul.statuses {
        height:  90px;
    }
    ul.statuses li {
        height:  25px;
    }
    #schedules-content {
        margin-left: 0;
    }
    #schedules-content .courses div.collapse {
        width: auto;
    }
    div.collapse {
        width: auto;
    }
    ul.course-details li {
        float: left;
    }
    #top-menu form {
        width: auto;
    }
    #descriptions-form-left {
        width: auto;
        border-right: none;
    }
    #descriptions-form-right {
        float: none;
        clear: both;
    }
    ul.course-info {
        width: auto;
    }
    .course-syllabi #top-menu .header-text {
        width: auto;
    }
    #top-menu .header-text {
        width: auto;
    }
    #syllabi {
        margin-left: 0;
    }
    #top-menu form {
        width: auto;
    }
}

@media (min-width: 768px) {
    .md\:flex-row {
        flex-direction: column !important;
    }
    .md\:w-3\/4 {
        width: auto !important;
    }
}