@media (max-width: 1200px){
	#page .bg1{
		position: absolute;
		left: 0;
		top: 0;
		width: 25%;
		height: 100%;
		z-index: 1;
		background: url('../images/bg1-mob.jpg') left bottom no-repeat;
		background-size: contain;
	}
	#page .bg2{
		position: absolute;
		right: 0;
		top: 0;
		width: 30%;
		height: 100%;
		z-index: 1;
		background: url('../images/bg2-mob.jpg') right bottom no-repeat;
		background-size: contain;
	}
}
@media (max-width: 980px){
	#quiz .slide .title {
	    font-size: 36px;
	}
	#quiz .slide .text {
	    font-size: 18px;
	}
	#quiz .slide .text-desc {
	    font-size: 16px;
	}
	#logo{
		left: 30px;
		top: 0;
	}
	#progress{
		left: 200px;
	}
	#progress .line{
		height: 6px;
	}
	#progress {
	    position: absolute;
	    right: 40px;
	    top: 43px;
	}
}
@media (max-width: 768px){
	#quiz .slide .title {
	    font-size: 30px;
	}
	#quiz .slide .text{
		margin-top: 10px;
	}
	#quiz .slide .wrap-slide .wrap-cont{
		padding: 0 30px;
	}
	.fig1 {
	    top: 35px;
	    width: 100px;
	    height: 100px;
	}
	#logo {
	    left: 20px;
	    top: 0;
	}
	#logo img{
		height: 65px;
	}
	#progress{
		left: 140px;
	}
}
@media (max-width: 640px){
	#logo img{
		height: 60px;
	}
	#progress {
	    left: 120px;
	    top: 36px;
	    right: 30px;
	}
	#progress .steps{
		font-size: 10px;
	}
	#quiz .slide .answer.type-checkbox .item{
		width: 100%;
		padding: 0 0 0 25px;
		margin: 0 0 20px;
		font-size: 18px;
	}
	#quiz .slide .wrap-btns {
	    margin-top: 30px;
	}
	#quiz #start.slide .text{
		margin-top: 20px;
	}
	#quiz #start.slide .wrap-btns{
		margin-top: 45px;
	}
	.fig1 {
	    top: 40px;
	    width: 60px;
	    height: 100px;
	}
	#quiz .slide .text-desc{
		margin-top: 5px;
	}
	#quiz .slide .answer .la-select .la-select-val{
		padding: 5px 0;
	}
	#quiz .slide .answer .la-select{
		font-size: 18px;
		line-height: 25px;
	}
	#quiz .slide .btn-prev{
		width: 50px;
		height: 50px;
	}
	#quiz .slide .btn.btn-next{
		font-size: 16px;
		line-height: 20px;
	}
	#quiz .slide .btn{
		font-size: 16px;
		line-height: 20px;
	}
	#quiz .slide .form .la-policy{
		text-align: left;
	}
}
@media (max-width: 485px){
	#logo img {
	    height: 50px;
	}
	#progress .line {
	    height: 4px;
	}
	#progress {
	    left: 100px;
	    top: 34px;
	    right: 25px;
	}
	#quiz #start.slide .text {
	    font-size: 16px;
	}
	#quiz .slide .wrap-btns{
		width: 100%;
		display: inline-block;
	}
	#quiz .slide .btn-prev{
		float: left;
	}
	#quiz .slide .btn-next{
		float: right;
	}
	#quiz .slide .text-desc{
		font-size: 15px;
	}
	#quiz #slide1 .btn.btn-next{
		width: 100%;
	}
	#quiz .slide .form .form-message{
		font-size: 15px;
	}
	#quiz .slide .btn.btn-form{
		width: 100%;
	}
	#quiz .slide .text br{
		display: none;
	}
}
@media (max-width: 400px){
	#quiz .slide .answer.type-checkbox {
	    font-size: 16px;
	}
	#quiz .slide .answer.type-checkbox .item{
		padding-top: 2px;
	}
	#quiz .slide .title {
	    font-size: 26px;
	}
	#quiz .slide .wrap-slide .wrap-cont{
		padding: 0 20px;
	}
	#quiz .slide .answer .la-select{
		font-size: 16px;
		line-height: 20px;
	}
}
@media (max-width: 365px){
	#quiz .slide .answer.type-checkbox{
		font-size: 15px;
	}
	#quiz .slide .btn.btn-next{
		width: 220px;
		font-size: 16px;
	}
	#quiz .slide .answer .answer-error{
		font-size: 12px;
	}
	#quiz .slide .form-item input{
		font-size: 15px;
	}
	#quiz .slide .btn{
		font-size: 16px;
	}
}