/******** pinyin program starts ********/
#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:10px;}
.pinyin-trial-content-left{display:inline-block;width:45%;vertical-align:bottom;}
.pinyin-trial-content-right {width: 48%;display: inline-block;margin-left:4em;vertical-align:bottom;}
.pinyin-trial-features li {list-style: none;}
.pinyin-trial-features{ margin-top:20px;line-height:2em;font-size:20px}
.Boli{font-family: MV Boli;font-size: 20px;}
.pinyin-trial-by{margin-top:-22px;}
.pinyin-trial-type{margin-top:66px;}
p.trail_type_bottom_text {padding-top: 0em;margin:0;}
.trial-by-left,.trial-by-right{display: inline-block;float:left;line-height: 2em;text-align:center;font-size: 25px;width: 50%;font-family: Montserrat, "Helvetica Neue", sans-serif;}
.trial_by_wmt{font-size:20px;}
.trial-type-left,.trial-type-right{display: inline-block;float:left;line-height:1.4em;text-align:center;font-size:20px;width: 50%;padding: 2px 0;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;border-right:1px solid;}
.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;}
input[type=radio] {display:none;}
.radio-inline{color:#eee;}
.trial_type_label>.tick-mark{float:left;padding:12px 0 0 12px;}
#level,#lesson {background:#ddd;}
.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: 43px;}
.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;}
.trial-mode-ok,.trial-mode-error{font-size: 20px; font-weight: bold; text-align: center;margin-top:1em;margin-bottom:0;}
.trial-mode-ok{color:#04AA6D;}
.trial-mode-error{color:red;}
/* Responsive design */
@media screen and (max-width: 1320px) {
	#content{padding:0 1.75em;}
	#practise-content {padding:1em 7em;margin:0;}
	#practise-title{font-size: 20px;}
	#practise-wrapper{margin:0px;padding:0;}
	.pinyin-trial-content-right {width: 50%;display: inline-block;margin-left:30px;}
	.pinyin-trial-features{font-size:18px;line-height: 2.05em;}
	.trial-by-left,.trial-by-right{line-height: 2.5em;font-size: 20px;}
	.trial_by_wmt{font-size:15px;}
	.trial-type-left,.trial-type-right{line-height: 1.4em;font-size: 20px;}
	.pinyin-trial-by{margin-top:-12px;}
	.pinyin-trial-type{margin-top:50px;}
	.submit {margin-top:-16px;}
}
@media screen and (max-width: 1199px) {
	#content{padding:0 1.75em;}
	#practise-content {padding:1em 2em;margin:0;}
	#practise-title{font-size: 20px;}
	#practise-wrapper{margin:0px;padding:0;}
	.pinyin-trial-content-left{width:55%;margin-left:2%;}
	.pinyin-trial-content-right {width: 40%;display: inline-block;margin-left:2%;}
	.pinyin-trial-features{font-size:18px;line-height: 2.04em;}
	.trial-by-left,.trial-by-right{line-height: 2.6em;font-size: 20px;}
	.trial_by_wmt{font-size:18px;}
	.trial-type-left,.trial-type-right{line-height: 1.4em;font-size: 20px;}
	.pinyin-trial-by{margin-top:-12px;}
	.pinyin-trial-type{margin-top:50px;}
	.submit {margin-top:-16px;}
}
@media screen and (max-width: 1023px) {
	#content{padding:0;}
	#practise-content {padding:0;margin:0;}
	#practise-title{font-size: 20px;}
	#practise-wrapper{margin:0px;padding:0;}
	.pinyin-trial-content-left{width:50%;margin-left:2%;}
	.pinyin-trial-content-right {width: 45%;display: inline-block;margin-left:1%;}
	.pinyin-trial-features{font-size:12px;line-height: 3.18em;}
	.trial-by-left,.trial-by-right{line-height: 3.7em;font-size: 14px;}
	.trial-type-left,.trial-type-right{line-height: 1.6em;font-size: 17px;}
	.pinyin-trial-by{margin-top:-12px;}
	.pinyin-trial-type{margin-top:50px;}
	.submit {margin-top:-16px;}
}
@media screen and (max-width: 735px) {
	.pinyin-trial-content-left{width:55%;margin-left:1%;}
	.pinyin-trial-content-right {width: 41%;display: inline-block;margin-left:1%;}
	.trial-type-left,.trial-type-right{line-height: 1.6em;font-size: 14px;}
	.trial_by_wmt{font-size:12px;}
}
@media screen and (max-width: 567px) {
	#content{padding:0;}
	#practise-content {padding:0 10px;margin:0;}
	#practise-title{font-size: 20px;}
	.pinyin-trial-content-left{display:block;width:100%;float:left;margin:0;}
	.pinyin-trial-content-right {display: block;width: 100%;float:left;margin:0}
	.pinyin-trial-features{margin-top:-15px;font-size:12px;}
	.trial-by-left,.trial-by-right{line-height: 2.5em;font-size: 18px;}
	.trial-type-left,.trial-type-right{line-height: 1.5em;font-size: 15px;}
	.trial_by_wmt{font-size:12px;}
	.trial_by_wmt>.tick-mark>img{width:20px;}
	.trial_type_label>.tick-mark{padding-left:5px;}
	.pinyin-trial-type{margin-top:40px;}
	.submit {margin-top:0px;}
	div#start-now {margin-top: 20px;}
	.submit{line-height: 0.4em;}
}
@media screen and (max-width: 319px) {
	#content{padding:0;}
	#practise-content {padding:0 5px;margin:0;}
	#practise-title{font-size: 16px;}
	.pinyin-trial-features{margin-top:-15px;font-size:12px;}
	.trial-by-left,.trial-by-right{line-height: 2.5em;font-size: 18px;}
	.trial-type-left,.trial-type-right{line-height: 1.5em;font-size: 14px;}
	.trial_by_wmt{font-size:12px;}
	.pinyin-trial-type{margin-top:40px;}
	.pinyin-trial-form-control {margin:0;}
}