@media screen and (max-width: 800px) {
    .HeaderLogo .setbg {
        height: 50px;
    }

    header {
        padding: 5px 30px;
    }

    main {
        padding: 0;
        padding-top: 60px;
    }

    .MainContent {
        border-radius: 0;
    }

    .HomeCourseItem {
        width: 100%;
        margin: 20px auto;
    }

    .LectureShow video {
        aspect-ratio: 1 / 1;
    }

    .LecturesGH {
        max-width: 60%;
    }

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

    .LectureItem label {
        font-size: 12px;
    }

    .LectureShow h4 {
        font-size: 20px;
    }
}