@media only screen and (max-width: 768px) {
	.popup {
		width: 80%;
		min-width: 80%;
	}
	div#booking-table td {
		font-size: 12px;
		height: max-content;
	}
	p.eng_week, p.week {
		font-size: 12px;
	}
	span.product_title {
		font-size: 16px !important;
	}
	span.product_price {
		font-size: 15px !important;
	}
	ul.products li.product .button {
		font-size: 14px !important;
		padding: 10px 20px 10px 20px !important;
		margin-top: 10px !important;
	}
	div#member_card {
		padding: 30px 20px;
		border-radius: 20px;
		min-height: max-content;
    	height: auto;
	}
	.member_info {
		flex-wrap: wrap;
	}
	ul.memebr_data {
		font-size: 15px;
		width: 100%;
	}
	.subtitle {
		font-size: 10px;
	}
	span.value {
		font-size: 10px;
	}
	.card_pic {
		margin: 20px 0px;
		height: 200px;
		width: 100%;
	}
	.member_btn {
		font-size: 15px;
	}
	div#member_content {
		margin-top: 50px;
	}
	.tab_list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	.tab_list > .tab {
		font-size: 15px;
		padding: 5px 10px;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.tab_content {
		margin: 30px 10px;
	}
	.tab_content h4 {
		font-size: 18px !important;
	}
	th.subtitle {
		font-size: 10px;
	}
	div#member_content table {
		font-size: 15px;
	}
	.column, .center_point_content {
		width: 100%;
		margin: 20px 0px;
	}
	.column img, .center_point_content img {
		width: 50px;
	}
	.column:nth-child(2):before, .column:nth-child(2):after {
		display: none;
	}
	.column.center {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.item {
		width: 48%;
	}
	.item p {
		font-size: 15px;
		line-height: 1.2em;
	}
	.item > span {
		text-align: center;
		justify-content: center;
	}
	span.info.date {
    	text-align: center;
		justify-content: center;
		width: 100%;
	}
	a#booking-btn {
		font-size: 15px;
		width: max-content;
		transition: .5s ease;
	}
	.booking.column {
		flex-wrap: wrap;
	}
}