@media only screen and (max-width: 600px) {
	.thaiartisan .menuBar.lesson{
		display: none;
	}

	.thaiartisan .coursePage .courseCard{
		width: 100%;
	}

	.thaiartisan .coursePage .container .course.listView .courseCard .profile img{
		width: 150px;
	}

	.thaiartisan .coursePage .courseCard .content .name{
		font-size: 20px;
	}

	.thaiartisan .coursePage.course .header{
		padding: 30px 10px;
	}

	.thaiartisan .coursePage.course .header .container .information{
		max-width: 100%;
		width: 100%;
	}

	.thaiartisan .coursePage.course .header .container .profileContainer{
		max-width: 100%;
		width: 100%;
		position: unset;
	}

	.thaiartisan .coursePage.course .header .container .profileContainer .profile{
		position: unset;
		width: 100%;
	}

	.thaiartisan .coursePage.course .content{
		padding: 20px;
	}

	.thaiartisan .coursePage.course .content .information{
		max-width: 100%;
		width: 100%;
	}

	.thaiartisan .coursePage.course .content .courseContent{
		max-width: 100%;
		width: 100%;
	}

	.thaiartisan .coursePage.course .content .aboutContent{
		max-width: 100%;
		width: 100%;
	}

	.thaiartisan .lessonPage .lessonContainer{
		max-width: 100%;
		width: 100%;
		padding: 20px;
	}

	.thaiartisan .lessonPage .lessonState{
		overflow-x: auto;
	}
}