/******** pinyin program starts ********/
#content{padding:0;}
#practise-content {background: #fbfbfb;border: rgba(195, 194, 190, 0.96) solid;border-width: 1px;border-top-width: 0;border-radius: 2px;padding: 1em 7em;position:relative;clear:both;margin:0;}
.pinyin-trial-title{text-align:center;font-size:30px;font-family:Courier, Monaco, monospace;}
#practise-hr-line{height: 2px;background: #c4cac4;}
#practise-wrapper{margin:0px;padding:0;}
#practise-content-second-row{margin-top:30px;}
.pinyin-trial-content-left{padding:10px;display:inline-block;width:46%;vertical-align:top;border: #026C45 solid 3px;box-shadow: 0 0 10px #4b7d3f;}
.pinyin-trial-content-right,.pinyin-trial-content-bottom-left,.pinyin-trial-content-bottom-right {padding:10px;width: 46%;display: inline-block;border: #cbd6cb solid 3px;vertical-align:top;box-shadow: 0 3px 3px #777;}
.pinyin-trial-content-left,.pinyin-trial-content-bottom-left{float:left;}
.pinyin-trial-content-right,.pinyin-trial-content-bottom-right {margin-left:5em;}
.hsk-header{background:#444 none repeat scroll 0% 0%;font-size: 25px;font-weight: 500;color: #fff;font-family: arial;line-height:1.5em;text-align:center;}
.pinyin-trial-features li {list-style: none;}
.pinyin-trial-features{ margin-top:20px;line-height:1.75em;font-size:20px}
.Boli{font-family: MV Boli;font-size: 20px;}
.pinyin-trial-type{margin-top:-20px;}
p.trail_type_bottom_text {padding-top: 0em;margin:0;}
.trial-by-left,.trial-by-right{display: inline-block;float:left;line-height: 3em;background:grey;text-align:center;font-size: 18px;width: 50%;font-family: Montserrat, "Helvetica Neue", sans-serif;}
.trial-type-left,.trial-type-right{display: inline-block;float:left;line-height:1.4em;background:grey;text-align:center;font-size:20px;width: 50%;font-family: Montserrat, "Helvetica Neue", sans-serif;}
.trial-by-left,.trial-type-left{-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius:5px 0 0 5px;}
.trial-by-right,.trial-type-right{-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;border-radius:0 5px 5px 0;}
.pinyin-trial-by{margin-top:-20px;}
.pinyin-trial-by-level{display:block;width:100%;float:left;}
input[type=radio] {display:none;}
.radio-inline{color:#eee;}
.trial_type_label>.tick-mark{float:left;padding:12px 0 0 12px;}
.pinyin-trial-form-control {width: 100%;font-size: 18px;height:2.75em;padding-left:0.65em;color:grey;margin: 8px 0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div#start-now {margin-top: 5px;}
.submit {width: 100%;font-size: 25px;line-height:0.5em; position:relative;background: #04AA6D;border-color: #04AA6D;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.submit:hover {background: #026C45;border-color: #026C45;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}
/* adjusting voclist page */
.cvoc_form>div:nth-child(4){margin-top:-25px;}
/*.myvoclist_form>div:nth-child(2)>ul>li:last-child{display:none;}*/

/* responsive design */
@media screen and (max-width: 1319px) {
	#practise-title{font-size: 25px;}
	.pinyin-trial-content-left{width:48%;}
	.pinyin-trial-content-right {width: 48%;margin-left:30px;}
	.pinyin-trial-content-bottom-left{width:48%;}
	.pinyin-trial-content-bottom-right {width: 48%;margin-left:30px;}
	.cvoc_form>div:nth-child(4){margin-top:10px;}
}
@media screen and (max-width: 1199px) {
	#practise-title{font-size: 20px;}
	.pinyin-trial-content-left{width:47%;}
	.pinyin-trial-content-right {width: 47%;margin-left:35px;}
	.pinyin-trial-content-bottom-left{width:47%;}
	.pinyin-trial-content-bottom-right {width: 47%;margin-left:35px;}
	.pinyin-trial-features{font-size:16px;line-height: 2.2em;}
	.trail_type_label{font-size: 16px;line-height:1.8em;}
	.trial-by-left,.trial-by-right{line-height: 4.5em;font-size: 12px;}
	.trial-type-left,.trial-type-right{line-height: 2em;font-size: 14px;padding:0;margin:0;}
	/* adjusting voclist page */
	.cvoc_form>div:nth-child(5){margin-top:12%;}
}
@media screen and (max-width: 1023px) {
	#practise-content {padding:0 1em 1em 1em;margin:0;}
	#practise-title{font-size: 20px;}
	#practise-content-right li{font-size:16px;line-height: 2.55em;}
	#practise-content-bottom-left li{font-size:15px;line-height: 2.35em;}
	.trial-type-left,.trial-type-right{line-height: 1.9em;font-size: 14px;}
	.hsk-ch-input-selection{margin-top:-25px;}
	/* adjusting voclist page */
	.ivoc_form li,.tvoc_form li{line-height:2.2em !important;}
}
@media screen and (max-width: 735px) {
	#practise-content {padding:0 10px 1em 10px;margin:0;}
	#practise-title{font-size: 18px;}
	.pinyin-trial-content-left{width:49%;}
	.pinyin-trial-content-right {width: 49%;margin-left:1%;}
	.pinyin-trial-content-bottom-left{width:49%;}
	.pinyin-trial-content-bottom-right {width: 49%;margin-left:1%;}
	.pinyin-trial-features li{font-size:13px;}
	.hsk-header-bottom-left{font-size:20px;line-height: 1.9em;}
	#practise-content-right li{font-size:12px;line-height: 3em;}
	#practise-content-bottom-left li{font-size:11px;line-height: 2.9em;}
	.trial-by-left,.trial-by-right{line-height: 5.1em;font-size: 9px;}
	.trial-type-left,.trial-type-right{line-height: 2em;font-size: 11px;}
	.trial_type_label>.tick-mark{padding-left:5px;padding-top:8px}
	.hsk-ch-input-selection{margin-top:-15px;}
	.pinyin-trial-content-left>#by-level{margin-top:-10px;}
	/* adjusting voclist page */
	.ivoc_form li,.tvoc_form li{line-height:2.2em !important;font-size:13px !important;}
  .cvoc_form>div:nth-child(4),.cvoc_form>div:nth-child(5){margin-top:0;}
}
@media screen and (max-width: 567px) {
	#practise-content {padding:0 2em 1em 2em;margin:0;}
	.pinyin-trial-content-left{width:100%;margin-bottom:30px;float:none;margin-left:0;}
	.pinyin-trial-content-right {width: 100%;margin-left:0;float:none;}
	.pinyin-trial-content-bottom-left{width:100%;margin-left:0;}
	.pinyin-trial-content-bottom-right{width:100%;margin-left:0;margin-top:30px;}
	.pinyin-trial-features li{font-size:13px;}
	#practise-content-right li{font-size:15px;line-height:1.785em;}
	#practise-content-bottom-left li{font-size:15px;line-height: 1.785em;}
	.trial-by-left,.trial-by-right{line-height:3.5em;font-size: 15px;}
	.trial-type-left,.trial-type-right{line-height: 1.8em;font-size: 15px;}
	.trial_type_label>.tick-mark{padding-left:10px;padding-top:10px}
	.pinyin-trial-type{margin-top:-20px;}
	.submit {margin-top:0px;}
}
@media screen and (max-width: 479px) {
	#practise-content {padding:0 1em 1em 1em;margin:0;}
	.pinyin-trial-features li{font-size:13px;}
	#practise-content-right li{font-size:13px;line-height:1.785em;}
	#practise-content-bottom-left li{font-size:13px;line-height: 1.785em;}
	.trial-by-left,.trial-by-right{line-height: 5.1em;font-size: 9px;}
	.trial-type-left,.trial-type-right{line-height: 2em;font-size: 11px;}
	.trial_type_label>.tick-mark{padding-left:5px;padding-top:8px}
}
@media screen and (max-width: 319px) {
	#practise-content {padding:0 10px;margin:0;}
	#practise-title{font-size: 17px;line-height: 1.2em;}
	.pinyin-trial-content-left{padding:0;}
	.pinyin-trial-content-right {padding:0;}
	.pinyin-trial-content-bottom-left{padding:0;}
	.pinyin-trial-features{margin-top:5px;font-size:10px;}
	.submit {margin-top:0px;font-size:20px;}
}