.main-content{
			position:relative;
		}
		.tutor-pic{
			width:calc( 30% - 30px );
			margin-right:30px;
			position:absolute;
			top:0px;
			left:0px;
			
		}
		.tutor-pic img{
			border-radius: 10px;
			width:100%;
			position:unset;
		}
		.tutor-name{
			font:var(--title2-font);	
			font-size:30px;
			letter-spacing:0.9;
			color:var(--theme_colorA_v3);
		}
		.tutor-name,.tutor-intro{
			width:70%;
			margin-left:auto;
			margin-right:0px;
		}
		.tutor-selector{
			position:absolute;
			right:0px;
			top:0px;
			color:var(--theme_colorA_v1);
		}
		.selector-title{
			border-radius: 25px;
			border: 1px solid var(--theme_colorA_v2);
			background-color: #ffffff;
			font:var(--title-font);
			font-size: 18px;
			line-height: 26px;
			padding: 0px 40px 0px 20px;
			position: relative;
			cursor:pointer; 
			z-index: 3;
		}
		.selector-title:after{
			content: '';
			background-color: #ffffff;
			border-radius: 50%;
			background-image: url(/images/icon_arrow_right_s.svg);
			background-size: 60% 60%;
			background-repeat: no-repeat;
			background-position: 60%center;
			border: 1px solid #007c80;
			position: absolute;
			right: 0px;
			width: 26px;
			height: 24px;
			top: 0px;
			right: -2px;
		}
		.tutor-selector ul{
			position: absolute;
			background-color: #ffffff;
			border: 1px solid var(--theme_colorA_v2);
			border-radius: 10px;
			width: calc( 100% - 12px );
			margin: 0px;
			padding: 13px 0px 20px 0px;
			list-style-type: none;
			top: 18px;
			left: 6px;
			/* border-top: 0px; */
			z-index: 2;
			display: grid;
			grid-gap: 7px;
			font:var(--title2-font);
			font-size: 22px;
			line-height: 30px;
			letter-spacing: 0.66;
			
			transition: transform .5s;
			opacity: 0;
			height:1px;
		}
		.tutor-selector ul li{
			padding:0px 15px;
		}
		.tutor-selector ul li a{
			display:block;
		}
		.tutor-selector ul li:hover{
			background-color:var(--theme_colorA_v2);
			color:#ffffff;
		}
		/*
		.main-content h3{
			color:var(--theme_color2);
			font:var(--title-font_light);
			font-size:22px;
			line-height:37px;
			letter-spacing:0.88px;
		}
		*/
			.subtitle{
					margin-top:var(--content_pGap);
				}
				.content-p ol{
					margin-left:25px;
				}
				.content-p ol li{
					margin-top:12px;
				}
				.main-content{
					min-height:600px;
				}
@media only screen and (max-width:1200px) {
	:root{
		--profile_selector_height : 60px;
	}
	
	.tutor-name,.tutor-pic{
		padding-top:var(--profile_selector_height);
	}
}

@media only screen and (max-width:768px) {
	.main-content{
					min-height:400px;
				}
}
/* MOBILE VERSION */
@media only screen and (max-width:560px) {
	.contentpage section{
		margin-top: 0px;
	}
	.main-content{
					min-height:unset;
				}
	.tutor-name{
		width:100%;
		margin-bottom:10px;
	}
	.tutor-intro{
		width:100%; 
	}
	.tutor-pic{
		position: unset;
		padding-top: 0px;
		width: 50%;
	}
	.tutor-pic > div{
		padding-top:100%;
		position:relative;
	}
	.tutor-pic img{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		    object-fit: cover;
    object-position: top;
	}
}