@media screen and (max-width: 1200px) {
    /* Hide scrollbar for Chrome, Safari and Opera */
    ::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    * {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .HomeCourseItem {
        width: 29%;
        margin: 12px 2.1%;
    }

    .HomeCoursesGH {
        padding: 20px;
    }

    .HomeCourseItemInfo h4 {
        font-size: 14px;
    }

    .HomeCourseItemInfo {
        padding: 5px 8px;
    }

    main {
        padding: 20px;
        padding-top: 95px;
    }

    .ShowLecturesBtn {
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        width: 45px;
        aspect-ratio: 1/1;
        justify-content: center;
        align-items: center;
        border: none;
        background: var(--theme);
        border-radius: 10px;
        margin: 15px;
        z-index: 22;
    }

    .ShowLecturesBtn .setbg {
        display: block;
        margin: 0 auto;
        width: 100%;
        aspect-ratio: 1/1;
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: center center;
        filter: invert(1);
    }

    .LecturesGH {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 300px;
        height: 100%;
        z-index: 33;
    }

    .LectureShow {
        width: 100%;
        padding: 30px;
    }

    .LecturesListFade {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: 22;
        opacity: 0.4;
    }

    .LectureShow h4 {
        margin: 25px auto 15px;
        font-size: 25px;
    }

    .LectureItem h4 {
        font-size: 15px;
    }
}