@media screen and (max-width: 1500px) {
	.head_top{
		padding: 20px 15px;
	}
}
@media screen and (max-width: 1300px) {
	.card_info span:first-child{
		min-width: 80px;
	}
	.card_info-wrap{
    padding: 25px 16px;
	}
	.item{
		width: calc((100% - 16px) / 2)
	}
	.item:nth-child(3n),
	.item:nth-child(2n){
		margin-right: 0;
	}
	.item:nth-child(2n - 1){
		margin-right: 16px!important;
	}
	.quiz_nav{
		max-width: 580px
	}
	.quiz-title{
		max-width: 580px;
		font-size: 20px;
		line-height: 24px;
	}
	.desc{
		top: -30px;
	}
	.get-contact-wrap{
		width: 100%;
		max-width: 670px
	}
	.quiz-7 .wrap{
		max-width: 580px
	}
	.result-container{
		max-width: calc(100% - 30px);
		padding: 0
	}
	.string-wrap{
		margin: 0
	}
	.parametrs{
		padding: 30px
	}
	.manager_desc{
		padding-left: 25px
	}
	.result_present-left{
		width: 300px
	}
	.result_present-right{
		width: calc(100% - 300px)
	}
}
@media screen and (max-width: 1200px) {
	.quiz-3 .item, .quiz-4 .item{
		width: calc((100% - 20px) / 2);
	}
	body{
		background-size: 100% auto;
		background-position: center bottom;
	}
	.main_flex{
		flex-wrap: wrap;
	}
	.main_right{
		order: -1;
		padding: 0;
		width: 100%;
		max-width: 540px;
	}
	.main_slider{
		margin-top: 0;
	}
	.main_left{
		width: 100%;
	}
	.main_right-txt{
		display: block;
	}
	.main_left-txt{
		display: none;
	}
	.main_title{
    font-size: 36px;
    line-height: 40px;
	}
	.quiz_title{
		font-size: 28px;
		line-height: 1.3;
		padding: 30px 0;
	}
	.present{
		width: 400px;
		padding: 40px;
	}
	.result-line p{
		font-size: 22px;
	}
	.items-wrap{
		max-width: 520px;
	}
	.desc{
		width: calc(100% - 520px);
	}
	.desc_top{
		padding: 55px 20px 25px;
	}
	.desc_top-title{
		font-size: 16px;
		line-height: 20px;
	}
	.typeit-wrap{
		padding-bottom: 5px;
	}
	.logo_desc{
		display: none
	}
	.top_num{
		padding-left: 0;
		font-size: 16px
	}
	.top_num::before{
		display: none
	}
	.logo-wrap{
		width: 150px
	}
	.items-btn{
		flex-wrap: wrap;
	}
	.btn-txt{
		width: 100%;
		margin: 25px 0 0;
	}
	.parametrs_content{
		width: calc(100% - 530px)
	}
	.parametrs_form{
		padding: 25px 20px;
		width: 530px;
	}
	.manager-wrap{
    padding: 12px 28px 40px;
	}
	.cards_body{
		padding: 35px;
	}
	.card_slide{
		padding: 0 10px;
        margin-bottom: 15px;
	}
}
@media screen and (max-width: 1050px) {
	.item_content{
		align-items: center;
		height: 100%;
	}
	.quiz-desc{
		max-width: 400px;
	}
	.quiz-3 .item_content,
	.quiz-4 .item_content{
		height: auto;
	}
	
	.item_img-desc b{
		display: none;
	}
	.quiz_title{
		padding-right: 30px;
		border: 0;
		padding-right: 30px
	}
	.item{
		max-width: 165px
	}
	.item_img img{
		height: 130px;
	}
	.quiz_nav,
	.quiz-title{
		max-width: 410px
	}
	.item_name{
		padding: 14px 14px 14px 35px;
		font-size: 12px;
		line-height: 16px;
		min-height: 50px;
	}
	.checks .item{
		width: 100%;
		max-width: 345px;
		margin-right: 0!important
	}
	.item_img-desc{
		font-size: 10px;
		line-height: 14px;
	}
	.item_img-ic{
		width: 29px;
		height: 29px;
	}
	.item_name::before{
		width: 16px;
		height: 16px;
		left: 10px;
	}
	.item_name::after{
		width: 12px;
		height: 12px;
		left: 13px;
	}
	.get-contact-wrap{
		max-width: 500px;
	}
	.quiz-7 .wrap{
		max-width: 410px
	}
	.success-contacts{
		flex-wrap: wrap;
		justify-content: center;
	}
	.contacts{
		padding-bottom: 40px
	}
	.contacts_tel-in{
		position: static;
    width: 100%;
    height: 100%;
	}
	.contacts_tel{
		height: 350px;
		width: 205px;
	}
	.btn-txt{
		margin-left: 10px
	}
	.manager_desc{
		padding: 40px 0 0 20px;
		max-width: 700px;
		width: 100%;
	}
	.parametrs_title{
		padding-bottom: 30px;
	}
	.parametrs_in{
		max-width: 700px;
		width: 100%;
		flex-direction: column;
		margin: 0 auto;
		align-items: center;
	}
	.parametrs_content{
		width: 100%;
		padding: 0 0 40px
	}
	.parametrs-left{
		padding-right: 30px;
	}
	.designer_content{
		padding: 30px 0;
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
	}
	.designer-wrap {
    background-position: right -200px top;
	}
	.garant_img img{
		width: 64px;
		height: 70px;
	}
	.garant_img{
		width: 250px;
	}
	.cards_body-wrap .slick-prev{
		left: -12px;
	}
	.cards_body-wrap .slick-next{
		right: -12px;
	}
	.slick-disabled{
		opacity: 0;
	}
	.show-more{
		display: none;
	}
	.item.item__big{
		max-width: 346px!important;
		margin-right: 0!important;
	}
}
@media screen and (min-width: 1050px) {
	.card_slider{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.card_slide{
		padding-bottom: 30px;
		width: 33%;
	}
	.card_slide.hide{
		display: none;
	}
}
@media screen and (max-width: 800px) {
  .main-in{
      margin-top: 0;
  }
	.container{
		max-width: 375px;
	}
	.head_top__big .soc-btn > span{
		display: none;
	}
	
	footer .container{
		max-width: 502px;
	}
	.head_top-wrap{
		height: 75px
	}
	.head_top{
		padding: 17px 15px;
		position: relative;
		max-width: 502px;
		z-index: 10;
	}
	.head_top__big{
		padding: 17px 15px;
		max-width: 375px;
	}
	.logo-wrap{
		width: 96px;
	}
	.top_num{
		display: none;
	}
	.top_left{
		align-self: center;
	}
	.top_right{
		flex-direction: row;
		width: calc(100% - 104px);
		justify-content: end;
		transition: 0.3s;
	}
	.head_top-wrap.active .head_top__mobile .top_right{
		margin-top: 10px;
		border-top: 1px solid #5D5D66;
		justify-content: space-between;
	}
	.head_top-wrap.active .head_top__mobile .soc-btns,
	.head_top__mobile .soc-btns{
		width: 100%;
		justify-content: space-between;
		padding-right: 0;
	}
	.head_top-wrap.active .head_top__mobile .soc_right{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.soc-btns{
		padding-right: 30px;
	}
	.soc-btn{
		font-size: 14px;
		line-height: 18px;
		font-weight: 500;
		padding: 5px 10px;
	}
	.soc-btn i{
		margin-right: 5px;
	}
	.soc-btn__wa i{
		margin-left: 0;
	}
	.soc-btn__wa i{
		width: 40px;
		height: 40px;
	}
	.soc-btn__tel{
		display: flex;
		padding: 0;
		background: transparent
	}
	.soc-btn__tel span{
		font-size: 18px;
		line-height: 21px;
	}
	.soc-btn__tel i{
    width: 40px;
    margin: 0;
    height: 40px;
	}
	.right_info{
		display: none;
	}
	.main_garant{
		font-size: 16px;
		line-height: 21px;
		width: 213px;
		margin-bottom: 25px;
	}
	.slide_desc{
		font-size: 11px;
		line-height: 25px;
		width: 100px;
		bottom: 45px;
	}
	.main_slider .slick-arrow{
		width: 17px;
		height: 17px;
		background-size: 7px 10px;
		margin: -8px 0 0;
	}
	.slick-next{
		right: 15px;
	}
	.slick-prev{
		left: 15px;
	}
	.slick-dots{
		bottom: 15px;
	}
	.slick-dots li{
		width: 5px;
		height: 5px;
		margin: 0 2px;
	}
	.main_items{
		padding: 15px;
	}
	.main_item{
		border: none;
		padding-left: 0;
		font-size: 10px;
		line-height: 13px;
		width: 95px;
	}
	.main_item br{
		display: none;
	}
	.main_item:first-child{
		width: 86px;
		padding-right: 15px;
	}
	.main_item:last-child{
		width: 78px;
		padding-left: 15px;
	}
	.main_content{
		padding-top: 20px;
	}
	.content_price{
		font-size: 22px;
		line-height: 30px;
		padding: 12px;
		margin-bottom: 20px;
	}
	.content_price .add-date{
		display: inline-block;
	}
	.content_desc{
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 20px;
	}
	.main_btn-wrap{
		border-radius: 50px;
		padding: 14px;
	}
	.main_btn-wrap::before,
	.main_btn-wrap::after{
		border-radius: 50px;
	}
	.main_btn{
		margin-bottom: 40px;
		font-size: 14px;
		line-height: 19px;
		width: 100%;
		padding: 9px;
	}
	.main_btn::before{
		left: 38px;
	}
	.btn-bot{
		font-size: 12px;
		line-height: 15px;
		padding-top: 2px;
	}
	.btn-tag{
		height: auto;
		padding: 11px 23px;
		width: auto;
		width: 200px;
		font-size: 14px;
		line-height: 18px;
		top: 122px;
		left: 50%;
		transform: translateX(-50%);
	}
	.btn-tag::before{
		display: none;
	}
	.main_gift{
		margin-top: 30px;
		padding: 0 0 15px 0;
		background-position: 0 top;
	}
	.main_present-wrap{
    padding: 0 90px 85px 40px;
	}
	.instruction_txt{
		font-size: 10px;
		width: 100px;
		padding: 5px 8px;
		line-height: 1.1;
	}
	.main_present-wrap::before{
		width: 27px;
		height: 27px;
		background-size: 13px 13px;
		left: 33px;
		top: -14px;
	}
	.main_present-wrap::after{
		width: 86px;
		height: 117px;
		background-image: url(../img/main/main-mockap-min.png);
		top: 0;
		right: 0;
	}
	.slide_img{
		height: auto;
	}
	.head_main{
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.main_title{
		width: 288px;
		padding: 0 0 20px;
		text-align: left;
		font-size: 26px;
		line-height: 36px;
		padding-bottom: 25px;
		width: auto;
	}
	.main_garant{
		width: 100%;
	}
	footer{
		padding: 30px 0;
		font-size: 14px;
		line-height: 19px;
    background: url(../img/bg.jpg) bottom center no-repeat;
    background-size: 100% auto;
	}
	.footer_bot{
		padding-top: 15px;
	}
	.head_top__mobile{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 138px;
		z-index: 20;
		background: #fff;
		max-width: 100%;
		margin: 0;
	}
	.head_mobile-in{
		max-width: 375px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0;
	}
	.head_mobile-in .top_right{
		order: 3;
		width: 100%;
		padding-top: 10px;
		justify-content: center;
	}
	.head_mobile-in .mobile-arrow{
		transform: scale(-1,1);
	}
	.head_top__mobile .top_right{
		display: flex;
	}
	.head_top__mobile .logo_desc{
		max-width: 210px;
		font-size: 12px;
		line-height: 16px;
		display: block;
		margin-left: 10px
	}
	.mobile_btn{
		display: block;
	}
	.mobile-arrow{
		display: block;
		width: 24px;
		height: 18px;
		padding-top: 15px
	}
	.head_top__big .logo_desc{
		display: none;
	}
	.soc-btns{
		display: flex;
	}
	.active .soc-btn__wa span,
	.head_mobile-in .soc-btn__wa span{
		padding-right: 20px;
	}
	.wrap{
		flex-direction: column;
	}
	.items-wrap{
		align-self: center;
	}
	.desc{
		align-self: center;
	}
	.quiz-title{
		font-size: 18px;
		line-height: 23px;
		padding-bottom: 20px;
		max-width: 400px;
		margin: 0 auto;
	}
	.progress_ul li{
		white-space: normal;
	}
	.items-wrap{
		min-height: auto;
		padding-bottom: 50px;
		max-width: 356px;
	}
	.items{
		justify-content: space-between;
	}
	.item{
		margin: 0 0 12px;
	}
	.quiz_nav-wrap{
		max-width: 500px;
		margin: 0 auto;
	}
	.pagination{
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 10px
	}
	.quiz_title{
		font-size: 20px;
		line-height: 26px;
	}
	.quiz{
		padding: 20px 0 30px;
	}
	.progress_ul{
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 20px;
		padding-top: 35px;
	}
	.load-wrap{
		width: 120px;
		height: 120px;
	}
	.load{
		width: 95px;
		height: 95px;
	}
	.load_body{
		width: 79px;
		height: 79px;
		padding-top: 26px;
	}
	.load span{
		font-size: 24px;
	}
	.select-wrap{
		margin-bottom: 150px;
	}
	.items_desc{
		font-size: 12px;
		padding-bottom: 15px;
		line-height: 14px;
	}
	.success_title{
		padding: 20px 0 15px;
		font-size: 16px;
		line-height: 20px;
	}
	.success_desc{
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 20px;
		max-width: 300px;
		margin-bottom: 0;
	}
	.success-contacts{
		justify-content: center;
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
	}
	.contacts_title{
		font-size: 16px;
		line-height: 20px;
	}
	.contacts_input{
		padding: 20px 0 12px;
	}
	.contacts-mob{
		display: block;
		color: #fff;
		background: url(../img/bg-2.webp) center top;
		width: calc(100% + 40px);
		margin: 20px -20px 0;
		padding: 0 20px 120px;
	}
	.contacts_tel{
		margin: 0 auto 20px;
	}
	.contacts_desc-info,
	.contacts_desc{
		margin: 0 auto;
		padding: 0;
		max-width: 310px;
	}
	.contacts_desc-info{
		margin-bottom: 20px;
	}
	.success-block{
		width: 120px;
		height: 120px;
	}
	.success_circle{
		width: 92px;
		height: 92px;
	}
	.success-block img{
		width: 35px;
		height: 35px;
	}
	.quiz-8{
		padding-bottom: 80px;
	}
	.contacts_desc li{
		padding-bottom: 15px;
	}
	.footer-teather{
		margin-top: 0;
	}
	.teather{
    padding: 30px 17px;
    max-width: calc(100% - 30px);
	}
	.item_img::before{
		width: 20px;
		height: 20px;
		background-size: 12px 12px;
		top: 10px;
		right: 10px;
	}
	.item_textarea{
		padding: 20px 12px 0;
		height: 95px;
	}
	.item_textarea textarea{
		font-size: 12px;
		line-height: 14px;
	}
	.item_name{
		font-size: 12px;
		line-height: 15px;
    padding: 15px 20px 15px 35px;
	}
	.item_desc-btn{
		top: 10px;
		width: 20px;
		background-size: 12px 8px;
	}
	.item_desc-btn::before{
		background-size: 12px 8px;
		top: 6px
	}
	.item_desc-btn::after{
		background-size: 12px 8px;
		bottom: 6px;
	}
	.item_desc{
		font-size: 10px;
		line-height: 13px;
		padding: 0 10px 15px;
	}
	.items-btn{
		padding-top: 10px;
	}
	.desc{
		width: 100%;
		margin: 20px 0 0;
		position: static;
	}
	.desc_top::before{
		width: 40px;
		height: 40px;
		background-size: 16px 20px;
	}
	.desc_top{
		padding-top: 42px;
	}
	.typeit-wrap{
		font-size: 16px;
		line-height: 20px;
	}
	.quiz-wrap{
		min-height: auto;
	}
	/* result */
	.result-container{
		max-width: 370px;
	}
	.result-prev{
		padding: 20px 15px;
	}
	.closer_txt{
		font-size: 18px;
		line-height: 23px;
	}
	.manager-wrap{
		padding: 20px 15px 30px;
		margin: 0 auto;
		width: 100%
	}
	.manager_img{
		height: auto;
		width: 109px;
	}
	.manager_info{
		padding: 6px 8px;
	}
	.block{
		margin-bottom: 40px;
	}
	.pt{
		padding-top: 20px;
	}
	.block .flex{
		flex-wrap: wrap;
	}
	.present{
		width: 100%;
		padding: 20px 15px;
	}
	.present_title::before{
		width: 44px;
		height: 44px;
	}
	.present_title{
		padding: 0 0 20px 54px;
		font-size: 18px;
		line-height: 22px;
	}
	.present_trends{
		font-size: 12px;
		line-height: 15px;
		padding-bottom: 10px;
	}
	.present_trends::before{
		width: 84px;
		height: 64px;
		background-size: 100% 100%;
		right: 0;
		bottom: -20px;
	}
	.present_download{
		width: 130px;
	}
	.btn-download{
		font-size: 12px;
		line-height: 30px;
		height: auto;
		padding-right: 20px;
	}
	.btn-download i{
		right: 20px;
	}
	.present_info{
		padding-top: 30px;
	}
	.present_info p{
		font-size: 18px;
		line-height: 22px;
		padding-bottom: 20px;
	}
	.present_info li{
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 15px;
	}
	.present_info li i{
		width: 68px;
		height: 61px;
		background-size: 100% 100%;
		right: -8px;
	}
	.change_desc{
		padding: 15px 0 20px;
		font-size: 14px;
		line-height: 18px;
		text-align: center;
		max-width: 213px;
		margin: 0 auto;
	}
	.calc{
		width: 100%;
		padding-top: 50px;
	}
	.calc-bg{
		padding: 50px 20px 0;
	}
	.calc-bg::before{
		width: 54px;
		height: 54px;
		background-size: 16px 20px;
	}
	.calc_title{
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 10px;
	}
	.result_total{
		padding-bottom: 5px;
	}
	.result_total-price{
		padding: 15px 0 30px;
		font-size: 16px;
		line-height: 23px;
	}
	.result_total-desc{
		font-size: 12px;
		line-height: 14px;
		padding-bottom: 15px;
	}
	.result-line p{
		font-size: 18px;
		line-height: 23px;
		padding: 16px 15px;
	}
	.outlay_info{
		width: 100%;
		padding: 0;
	}
	.outlay_info p{
		font-size: 18px;
		line-height: 23px;
		padding-bottom: 15px;
	}
	.outlay_info li{
		font-size: 14px;
		line-height: 18px;
	}
	.outlay_info ul{
    padding: 0 0 10px 15px;
	}
	.outlay_img{
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	.outlay_img span{
		font-size: 14px;
		line-height: 16px;
		top: 15px;
	}
	.outlay_items{
		padding-bottom: 20px;
	}
	.outlay_items > p{
		font-size: 18px;
		line-height: 23px;
		padding-bottom: 20px;
	}
	.oultay_item{
		width: 100%;
	}
	.banner{
		border-radius: 0;
		margin: 0 -15px;
	}
	.outlay_banner p{
		padding: 15px 70px 15px 15px;
	}
	.outlay_banner p::before{
		width: 124px;
		height: 82px;
		background-size: 100% 100%;
	}
	.designer_img{
		width: 100%;
		padding: 0;
	}
	.designer_img p{
		width: calc(100% - 80px);
		font-size: 14px;
		line-height: 18px;
		align-self: center;
	}
	.designer_img-in{
		overflow: hidden;
		height: 90px;
		width: 74px;
	}
	.result_callback-wrap{
		padding: 20px 15px;
	}
	.result_callback-name{
		padding-bottom: 15px;
	}
	.new-count_text{
		width: 100%;
		padding: 0 0 20px;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		max-width: 250px;
		margin: 0 auto;
	}
	.new-count_text::before{
		display: none;
	}
	.new-count_img{
		width: 100%;
		height: auto;
	}
	.banner p{
		font-size: 18px;
		line-height: 23px;
	}
	.about_title{
		font-size: 18px;
		line-height: 23px;
		padding-bottom: 20px;
	}
	.about_desc{
		padding-top: 20px;
	}
	.about_desc p{
		font-size: 20px;
		line-height: 26px;
		padding-bottom: 10px;
	}
	.about_desc span{
		font-size: 18px;
		line-height: 23px;
	}
	.see_title{
		font-size: 18px;
		line-height: 23px;
		padding-bottom: 20px;
	}
	.ic-play{
		width: 42px;
		height: 42px;
	}
	.ic-play i{
		border-width: 8px 0 8px 16px;
	}
	.see-btn_txt{
		font-size: 14px;
		line-height: 125%;
		padding-right: 12px;
    width: calc(100% - 60px);
	}
	.see-btn{
		padding: 20px;
	}
	.see-btn_img{
		width: 60px;
		height: 35px;
	}
	.see-btn_img::before{
		border-width: 10px 0 10px 17px;
	}
	.store{
		padding: 20px 15px;
	}
	.store_info{
		width: 100%;
	}
	.store_title{
		display: block;
		font-size: 18px;
		line-height: 23px;
		padding-bottom: 10px;
	}
	.store_info p{
		font-size: 14px;
		line-height: 18px;
		text-align: center;
	}
	.store_info__mob{
		display: block;
		text-align: center;
	}
	.store_info__desc{
		display: none;
	}
	.store_slider{
		width: 100%;
		margin-bottom: 20px;
	}
	.reviews p,
	.main-site p{
		font-size: 22px;
		line-height: 30px;
		max-width: 320px;
		padding-bottom: 20px;
	}
	.main-site p br{
		display: none;
	}
	.reviews_icons{
		padding: 0 20px;
	}
	@keyframes teather{
	0%{
		height: 120px;
		}
		100%{
			height: 150px;
		}
	}
	.teather_in{
		font-size: 18px;
		line-height: 23px;
	}
	.video{
		width: 180px;
		height: 300px;
	}
	.video.video-open {
		width: 350px;
		height: 600px;
		max-height: 80vh;
	}
	.video-open .video-link span{
		font-size: 14px;
		padding-right: 15px;
	}
	.head_mobile-in .soc-btn__call{
		background: transparent;
		font-size: 12px;
		line-height: 16px;
		border-bottom: 1px dashed #60D66A;
		border-radius: 0;
		padding: 0;
		margin-left: 5px;
		width: 130px;
	}
	.head_mobile-in .soc-btn__call span{
		text-align: left;
		position: relative
	}
	.head_mobile-in .soc-btn__call span::before{
		content: '';
		position: absolute;
		background: #60D66A;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		left: -10px;
		top: 3px;
	}
	.main_right{
		margin-bottom: 0;
	}
	.btn-top .btn-anim{
		width: 20px
	}
	.item_name-desc{
		font-size: 9px;
		line-height: 12px;
	}
	.quiz-container{
		padding: 0 15px;
		max-width: 500px;
		margin: 0 auto;
	}
	.quiz_title{
		padding-right: 0
	}
	.quiz_nav{
		max-width: 100%;
	}
	.desc-deks{
		display: none;
	}
	.desc-mob{
		display: block;
		margin-bottom: 40px
	}
	.desc_top-start{
		color: #787878;
		max-width: 100%;
	}
	.desc_top-start span{
		display: block;
		font-size: 16px;
		line-height: 22px;
		font-weight: 400;
		padding-top: 10px
	}
	.desc{
		margin: 0;
		border-radius: 10px;
		max-width: 100%;
	}
	.quiz-4 .items:first-child{
		margin-bottom: 0;
	}
	.items{
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.item{
		margin-right: 0!important;
	}
	.quiz-1 .btn-next-wrap{
		justify-content: center;
		display: flex
	}
	.items-btn{
		justify-content: center
	}
	.quiz-load{
		height: 840px
	}
	.quiz-7 .wrap{
		max-width: 580px;
	}
	.get-contact-wrap{
		max-width: 580px;
		margin: 0 auto;
		padding-left: 0;
	}
	.quiz-8 .desc-mob{
		max-width: 350px;
		margin: 0 auto;
	}
	.teather_txt{
		font-size: 16px;
		line-height: 19px;
		padding-left: 25px;
	}
	.teather_lock{
		width: 81px;
		height: 81px;
	}
	.teather_lock img{
		width: 37px;
		height: 49px;
	}
	.btn-txt{
		display: none
	}
	.result .closer_img{
		width: 84px;
		height: 74px;
	}
	.result .closer_img img{
		width: 36px;
		height: 48px;
	}
	.result .closer{
		padding: 17px 24px;
	}
	.result .closer_txt{
		padding-left: 16px
	}
	.result-prev{
		padding: 0;
	}
	.manager-in{
		width: 288px;
		height: auto;
	}
	.result_present{
		flex-direction: column;
	}
	.result_present-left{
		width: 100%
	}
	.result_present-right{
		width: 100%;
		padding-top: 75px;
	}
	.result .result_present-btn{
		width: 186px;
		line-height: 48px;
		height: 50px;
	}
	.result_present-img{
		width: 120px;
		height: 164px;
	}
	.manager_bot{
		margin-top: 30px;
		box-shadow: none;
		padding-bottom: 20px;
	}
	.manager_bot-title{
		font-size: 20px;
		line-height: 22px;
	}
	.manager_bot-desc{
		padding-bottom: 25px;
	}
	.change_num{
		flex-direction: column;
		align-items: center
	}
	.result-prev{
		margin-bottom: 0;
	}
	.result-line{
		margin-bottom: 40px;
	}
	.parametrs-wrap{
		margin: 40px auto;
	}
	.parametrs_in{
		align-items: flex-start;
	}
	.parametrs_form{
		width: 100%;
		flex-direction: column;
	}
	.parametrs-left{
		width: 100%;
		padding: 0;
	}
	.parametrs-right{
		padding-top: 25px;
		margin: 0 auto
	}
	.designer_content{
		padding: 30px 37px 188px;
	}
	.designer_txt{
		padding-top: 23px;
	}
	.designer-wrap {
    background: url(../img/result/mokup-min.png) bottom -12px right no-repeat;
	}
	.result-block{
		margin-bottom: 40px;
	}
	.sale_title,
	.sale_list{
		max-width: 236px;
		margin: 0 auto;
	}
	.sale_title b{
		display: block;
	}
	.sale_desc{
		max-width: 253px;
		margin: 0 auto;
		font-size: 18px;
		line-height: 25px;
		padding-top: 60px;
	}
	.sale::before{
		top: 170px;
		left: 16px
	}
	.sale::after{
		top: 170px;
		right: 16px;
	}
	.sale_list li::before{
		top: 13px;
		left: 22px
	}
	.garant{
		padding: 35px 0;
		flex-direction: column;
		text-align: center;
	}
	.garant b{
		display: block;
		padding-bottom: 35px;
	}
	.garant_img{
		margin: 0 auto;
	}
	.footer_bot{
		padding-top: 0;
	}
	.modal-in{
		padding: 45px 20px;
		flex-direction: column;
		justify-content: center;
		max-width: 345px
	}
	.callback_title{
		font-size: 17px;
		line-height: 24px;
		padding-bottom: 10px;
		text-align: center;
	}
	.callback_desc{
		font-size: 13px;
		line-height: 14px;
	}
	.callback_li{
		line-height: 14px;
	}
	.callback_form{
		margin: 0;
		width: 100%;
	}
	.modal-left{
		width: 100%;
	}
	.thanks-callback .modal-in{
		padding: 40px 25px;
		max-width: 345px;
	}
	.thanks-callback .modal_title{
		text-align: left;
	}
	.thanks-callback .modal_desc{
		text-align: left;
	}
	/*.quiz-1 .desc_bot{
		display: none!important
	}*/
	.quiz .desc_bot-wrap{
		display: none
	}
	.cards_tab{
		font-size: 12px;
	}
	.cards_body{
		padding: 20px 5px;
	}
	.order .callback_title{
		text-align: left;
	}
	.order .modal-left{
		width: 250px;
		margin: 0 auto;
		padding-left: 0;
		padding-bottom: 25px;
	}
	.order .change_num{
		width: 100%;
	}
	.order .callback_desc{
		font-size: 16px;
		line-height: 18px;
		padding-bottom: 5px;
	}	
	.manager_desc{
		font-size: 14px;
		padding-right: 10px;
		line-height: 18px;
	}
	.result_present{
		padding-top: 20px;
	}
	.manager_desc p{
		padding-bottom: 10px;
	}
	.manager_desc span{
		font-size: 16px;
		padding-bottom: 20px;
	}
	.manager_name{
		font-size: 13px;
		line-height: 18px;
	}
	.manager_bot-title::before{
		width: 79px;
		height: 102px;
		background-size: 100% 100%;
		top: 20px;
		left: 5px;
	}
	body,.bg{
		background: none;
	}
	.cards-wrap{
		padding-top: 40px;
	}
	.result_info{
		width: auto;
	}
	.result_info-title{
		padding: 31px 60px 15px;
		font-size: 20px;
		line-height: 26px;
	}
	.result_info-title::before{
		width: 50px;
		height: 50px;
	}
	.result_info-body{
		padding: 20px;
	}
	.result_info-list .typeit-wrap{
		font-size: 16px;
		line-height: 21px;
	}
	.result_info-bot{
		font-size: 22px;
	}
	.cards-block{
		padding-bottom: 30px;
	}
	.parametrs-wrap{
		margin-top: 0;
		margin-bottom: 0;
	}
	.parametrs_top-txt{
		font-size: 20px;
		line-height: 26px;
	}
	.parametrs_top{
		padding: 20px 20px 5px;
	}
	.parametrs{
		padding: 0 15px;
	}
	.parametrs .typeit-wrap{
		font-size: 14px;
	}
	.parametrs_content p{
		font-size: 16px;
		line-height: 21px;
	}
	.parametrs_list{
		font-size: 14px;
		line-height: 18px;
	}
	.parametrs-block{
		padding-bottom: 25px;
		background-size: auto 100%;
	}
	.designer-wrap{
		margin-top: 30px;
	}
	.designer_title br{
		display: none;
	}
	.designer_bot p{
		font-size: 16px;
		line-height: 21px;
	}
	.engineer{
		padding: 20px;
		flex-direction: column;
	}
	.engineer_content{
		width: 100%;
		padding: 0;
	}
	.engineer_top{
		font-size: 18px;
		line-height: 23px;
		padding: 0 90px 15px 0;
		position: relative;
	}
	.engineer_top::before{
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		background: url(../img/result/engineer_ic.png);
		background-size: 100% 100%;
		width: 76px;
		height: 87px;
	}
	.engineer_content p{
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 5px;
	}
	.engineer_img{
		display: none;
	}
	.block_title{
		font-size: 22px;
		line-height: 26px;
		padding-bottom: 20px;
	}
	.block_desc{
		font-size: 16px;
		line-height: 18px;
		padding-bottom: 20px;
	}
	.block-wrap{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.control{
		flex-direction: column;
	}
	.control_txt p{
		font-size: 16px;
		line-height: 21px;
		margin-bottom: 25px;
	}
	.control_txt{
		padding: 0;
		width: 100%;
		max-width: 400px;
	}
	.sale{
		flex-direction:column;
	}
	.sale_txt{
		width: 100%;
		padding-bottom: 30px;
	}
	.sale_tag{
		width: 307px;
    padding: 15px 22px 15px 74px;
    margin-left: 20px;
	}
	.reviews_icons::before{
		left: -5px;
	}
	.reviews_icons::after{
		right: -5px;
	}
	.main_items{
		display: none;
	}
	header::before{
		display: none;
	}
	.items_big .item{
		max-width: 100%;
		width: 100%;
		margin-right: 0!important;
	}
	.quiz-desc{
		margin: 0 auto;
	}
	.item.item__big{
		max-width: 100%!important;
	}
}
@media screen and (max-width: 560px) {
	.btn-result::before{
		right: 50%;
		margin-right: -60px;
	}
	.cards_body-wrap .slick-next{
	    right: 0;
	}
	.cards_body-wrap .slick-prev{
	    left: 0;
	}
	.cards_body-wrap .slick-arrow{
	    animation: arrow 3s linear infinite;
	}
	@keyframes arrow{
	    0%{
	        background-color: #464646;
	    }
	    50%{
	        background-color: #F3D361;
	    }
	    100%{
	        background-color: #464646;
	    }
	}
	.btn-next-wrap, .btn-back-wrap{
	    margin: 5px 0;
	}
}

@media screen and (min-width: 800px) {
	.contacts_radio:hover{
		border-color: #AFAFAF;
		background: #F4F4F4;
		color: #2F2F2F;
	}
	.contacts_radio:hover .contacts_radio-wa{
		background-image: url(../img/icons/wa-1.svg);
	}
	.contacts_radio:hover .contacts_radio-vib{
		background-image: url(../img/icons/tg-1.svg);
	}
	.contacts_radio:hover .contacts_radio-sms{
		background-image: url(../img/icons/sms-1.svg);
	}
}
@media screen and (max-width: 560px){
    .sale_txt ul{
        columns: 1;
    }
}