@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1400px) and (min-width: 1259px){
	.quiz-detail-pnl{width:calc(100% - 40px); width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
		margin-left:20px; margin-right:20px; padding:110px 60px 60px;}
	.quiz-detail-pnl h2{font-size:45px; margin-bottom:20px;}
	.quiz-detail-pnl .title{font-size:45px;}
	.quiz-detail-pnl .detail-sec{margin-left:-30px; margin-top:40px;}
	.quiz-detail-pnl .detail-sec .detail-pnl{padding-left:30px;}
	.quiz-detail-pnl .btn{margin-top:30px;}
}
@media only screen and (max-width: 1258px) and (min-width: 1024px){
	.quiz{padding:82px 0 82px;}
	
	.quiz-detail-pnl{width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
		padding:110px 60px 60px;}
	.quiz-detail-pnl h2{font-size:45px; margin-bottom:20px;}
	.quiz-detail-pnl .title{font-size:45px;}
	.quiz-detail-pnl .detail-sec{margin-left:-30px; margin-top:40px;}
	.quiz-detail-pnl .detail-sec .detail-pnl{padding-left:30px;}
	.quiz-detail-pnl .btn{margin-top:30px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
	.quiz{padding:82px 0 82px;}#match-me-form ol li:before{ left:-58px;}
	
	.quiz-detail-pnl{width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px 60px 60px; margin-top:60px;}
	.quiz-detail-pnl h2{font-size:40px; margin-bottom:20px;}
	.quiz-detail-pnl .title{font-size:40px;}
	.quiz-detail-pnl .detail-sec{margin-left:-30px; margin-top:40px;}
	.quiz-detail-pnl .detail-sec .detail-pnl{padding-left:30px; width:50%; padding-bottom:30px;}
	.quiz-detail-pnl .btn{margin-top:0px;}
}
@media only screen and (max-width:767px) {
	.match-me-parent ol{margin: 0; padding:0 0px 0px 40px;}
	.quiz-page .quiz .match-me-parent h3{font-size:32px; line-height:38px;}
	#match-me-form ol{font-size:32px;}
	#match-me-form ol li:before{left:-48px; top:49px;}
	#match-me-form ol li:after{top:50px;}
	
	#match-me-form ol li.questions .answers{font-size:14px; line-height:20px; padding:10px 0px;}
	#match-me-form ol li.questions .answers label:before{margin-right:8px; margin-top:-1px;}
	#match-me-form ol li.questions .answers label{padding-left:28px;}
	
	#match-me-form ol li.questions .answers.image label {padding:14px;}
	#match-me-form ol li.questions .answers.image figcaption{padding:10px 0px 0px 0px; line-height:18px;}
	
	.quiz-page .bot-quiz ul li .video-sec .video-pnl{margin-top:20px; height:300px;}
	.quiz-page .bot-quiz ul li h3{font-size:32px; line-height:38px;}
	
	.quiz-page .bot-quiz ul li .sharethis a{line-height:38px; padding:0px 22px;}
	.quiz-page .bot-quiz ul li .quiz-content p{max-width:100%;}
	.quiz-page .bot-quiz ul li .video-sec .sharethis{padding-left:12px;}
	.quiz {padding: 82px 0 60px;}
	
	.quiz-detail-pnl{width:calc(100% - 40px); width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
		margin-left:20px; margin-right:20px; padding:10px 40px 40px; margin-top:60px;}
	.quiz-detail-pnl h2{font-size:35px; margin-bottom:20px;}
	.quiz-detail-pnl .title{font-size:35px;}
	.quiz-detail-pnl .detail-sec{margin-left:-30px; margin-top:40px;}
	.quiz-detail-pnl .detail-sec .detail-pnl{padding-left:30px; width:100%; padding-bottom:20px;}
	.quiz-detail-pnl .btn{margin-top:0px;}
}
@media only screen and (max-width:530px) {
	.match-me-parent ol{margin: 0; padding:0 0px 0px 20px;}
	.quiz-page .quiz .match-me-parent h3{font-size:28px; line-height:36px;}
	#match-me-form ol{font-size:28px;}
	#match-me-form ol li:before{left: -34px;top: 34px;font-size: 23px;}
	#match-me-form ol li:after{top:30px; left:-14px;}
	
	#match-me-form ol li.questions{padding-top:10px;}
	#match-me-form ol li.questions .answers{font-size:14px; line-height:20px; padding:8px 0px;}
	#match-me-form ol li.questions .answers label:before{margin-right:8px; margin-top:-1px;}
	#match-me-form ol li.questions .answers label{padding-left:28px;}
	
	#match-me-form ol li.questions .answers.image label {padding:8px;}
	#match-me-form ol li.questions .answers.image figcaption{padding:10px 0px 0px 0px; line-height:18px;}
	
	.quiz-page .bot-quiz ul li{padding:0px 0px;}
	.quiz-page .bot-quiz ul li h3{font-size:28px; line-height:36px;}
	.quiz-page .bot-quiz ul li .quiz-content{padding:20px 20px 30px;}
	.quiz-page .bot-quiz ul li .video-sec .video-pnl{margin-top:20px; height:230px;}
	.quiz-page .bot-quiz ul li .sharethis a .fa{font-size:18px; padding-right:0px; padding-top:2px;}
	
	.quiz-page .bot-quiz ul li .video-sec .sharethis{padding-left:12px; margin:0px;}
	.quiz-page .bot-quiz ul li .sharethis a{display:block; margin:10px 0px; text-align:center;}
}
@media only screen and (max-width:529px) {.quiz-page .bot-quiz ul li .video-sec .video-pnl{ height: 150px;}.quiz-page .bot-quiz ul li .sharethis a, .quiz-page .bot-quiz ul li .sharethis button{ padding:0 15px;font-size: 13px;line-height: 34px;}.quiz-page .bot-quiz ul li .sharethis a .fa, .quiz-page .bot-quiz ul li .sharethis button .fa{ font-size:14px;}.quiz-content:before{     background-size: 250%;}}