@media (max-width: 1200px){
	
}
@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: 20px;
	}
	#progress .line{
		height: 6px;
	}
	#progress {
	    position: absolute;
	    right: 40px;
	    top: 43px;
	}
	#contacts{
		font-size: 13px;
		right: 40px;
		top: 15px;
	}
	#contacts p + p{
		margin-left: 15px;
	}
	#contacts p svg{
		width: 12px;
		height: 12px;
		top: 4px;
	}
}
@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: 20px;
	}
	#progress{
		left: 260px;
	}
	#contacts{
		font-size: 14px;
	}
	#contacts p{
		float: right;
		clear: both;
	}
	#contacts p + p{
		margin: 5px 0 0;
	}
	#progress{
		display: none;
	}
	.is-started #progress{
		display: block;
	}
	.is-started #contacts{
		display: none;
	}
}
@media (max-width: 640px){
	#logo img{
		height: 35px;
	}
	#progress {
	    left: 210px;
	    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 12px;
		font-size: 16px;
	}
	#quiz .slide .text{
		margin-top: 5px;
	}
	#quiz .slide .answer{
		margin-top: 15px;
	}
	#quiz .slide .wrap-btns {
	    margin-top: 30px;
	}
	#quiz #slide3.slide .wrap-btns{
		margin-top: 15px;
	}
	#quiz #start.slide .text{
		margin-top: 20px;
	}
	#quiz #start.slide .wrap-btns{
		margin-top: 25px;
	}
	#block-about .text1{
		font-size: 15px;
	}
	.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;
	}
	#contacts{
		right: 25px;
	}
}
@media (max-width: 485px){
	#logo img {
	    height: 30px;
	}
	#progress .line {
	    height: 4px;
	}
	#progress {
	    left: 185px;
	    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;
	}
	#contacts{
		top: 10px;
	}
	#contacts .tg{
		position: absolute;
		right: 0;
		top: 100%;
		margin-top: 3px;
		font-size: 13px;
	}
	#block-about{
		padding: 30px 20px;
		margin-left: -10px;
		margin-right: -10px;
	}
	#block-about .text1{
		font-size: 14px;
	}
	#block-about .text1 .ul-show li:before{
		height: 7px;
		width: 7px;
		left: 7px;
	}
}
@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;
	}
}