@media (max-width: 1440px) {}

@media (max-width: 1199.98px) {
    .classInfoBoxImgBox svg {
        width: 235%;
        top: -20%;
        left: -4.9%;
    }

    .TeacherButton {
        width: 200px;
    }
}

@media (max-width: 1024.98px) {
    .noteLine {
        width: 85%;
    }
}

@media (max-width: 991.98px) {
    .IntroductionTitle p {
        font-size: 1.5rem;
    }

    .noteLine {
        width: 80%;
    }

    .TeacherTime {
        text-align: left;
        margin-left: 30px;
    }

    .TeacherLine {
        display: none;
    }

    .TeacherButton {
        width: 300px;
        margin: 25px auto;
    }
}

@media (max-width: 768.98px) {}

@media (max-width: 767.98px) {
    .IntroductionTitle p {
        font-size: 1.25rem;
    }

    .noteLine {
        width: 75%;
    }
	.classInfoBoxImg img {
		padding: 0 20%;
	}
}

@media (max-width: 575.98px) {
    .IntroductionTitle p {
        font-size: 1.125rem;
    }

    .classInfoBoxImg {
        width: 60%;
    }
}

@media (max-width: 479.98px) {
    .IntroductionTitle p {
        font-size: 1rem;
    }

    .TeacherDescriptionCicleBox {
        width: 100%;
    }

    .TeacherDescriptionCicleBoxPhoto {
        width: 250px;
        height: 250px;
    }

    .noteLine {
        width: 70%;
    }
}

@media (max-width: 419.98px) {}

@media (max-width: 375.98px) {
    .IntroductionTitle p {
        font-size: 0.875rem;
    }

    .noteLine {
        width: 60%;
    }

    .classInfoBoxImg {
        width: 70%;
    }
}

@media (max-width: 367.98px) {}

@media (max-width: 320.98px) {}