@media screen and (max-width: 1150px) {
	.col2_inner .col:nth-child(2) {
		padding-right: 30px;}
	.step_line .navigation {
		margin-right: 30px;}
	.step_line .step .section {
		font-size: 12px;}
	.step_line .step .section div{
		font-size: 24px;
		margin-top: -19px;}
	.step_line .step .section {
		padding-left: 15px;}
}

@media screen and (max-width: 1024px) {
	header.header .parent_cont,
	.page_step5 .col2 {
		padding-left: 100px;
		padding-right: 100px;}
	.box_main {
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 50px;
		padding-bottom: 40px;}
	footer .parent {
		padding-left: 100px; padding-right: 100px;}
	.box_main .swiper-slide .text {
		margin-left: 50px;
		margin-top: 15px;}
	.top_slider .parent .text {
		font-size: 35px;
		line-height: 42px;
		padding-bottom: 30px;}
	.top_slider .parent {
		top: 40px;
		width: 400px;
		left: calc(50% - 250px);}
	.title {
		padding-bottom: 40px;}
	.grey_bg .title {
		margin-left: 105px;}
	.col2_inner .col:nth-child(2) {
		padding-left: 30px;}
	.step_line .link a {
		font-size: 14px;
		line-height: 18px;}
	.step_line .navigation button {
		margin-left: 0;
		margin-right: 20px;}
		.step_line .navigation.variation button {
			margin-left: 0;
			margin-right: 15px;}
		.step_line .navigation button:last-child {
			margin-right: 5px;}
		.step_line .navigation button {
			width: 80px;
			padding-left: 0;
			padding-right: 0;}
		.step_line .navigation.variation button.back {
			width: 70px;}
	.step_line .step .section {
		padding-left: 15px;}
	.step_line .step {
		margin-right: 30px;
		padding-left: 85px;
	}
	.step_line .navigation .price span {
		font-size: 24px;}
	.page_step5 .img {
		width: 38%;}
	.page_step5 .cont {
		width: 58%;}
	.page_step5 .col_goods a.goods_box {
		padding-left: 20px;
		padding-right: 20px;}
	.step_line .mail {
		margin-right: 100px;}
	
}
@media screen and (max-width: 900px) {
	header.header .parent_cont,
	.page_step5 .col2{
		padding-left: 50px;
		padding-right: 50px;}
	.box_main {
		padding-left: 50px;
		padding-right: 50px;}
	.box_main .swiper-pagination {
		display: block;}
	.box_main .swiper-button-next,
	.box_main .swiper-button-prev {
		display: none;}
	.box_main .swiper-slide {
		margin-left: 0;
		margin-right: 0;
		width: 100% !important;}
	
	footer .parent {
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 9px;
		-webkit-flex-flow: row wrap;
	    flex-flow: row wrap;}
	footer .section {
		width: 50%;
		padding-top: 23px;}
	.top_slider .parent .text {
		font-size: 30px;
		line-height: 34px;
		padding-bottom: 30px;}
	.top_slider .parent {
		top: 40px;
		width: 350px;
		left: calc(50% - 230px);}
	.grey_bg .title {
		margin-left: 50px;}
	.box_main .swiper-slide .parent_slider {
		margin: 0;}
	.form_calc .col2 .section {
		width: 100%;
		box-sizing: border-box;
		margin-left: 50px;}
	.step_line .step {
		padding-left: 35px;}
	
	.step_line .navigation.variation button {
		margin-right: 10px;}
	.step_line .navigation.variation button.back {
		width: 70px;}
	.line_form.step3 .parent_line_form.center_vertical label{
		width: 100%;
		padding-top: 15px;}
	.step_line .navigation {
		margin-right: 20px;}
	.step_line .step .section div {
		font-size: 20px;
		margin-top: -20px;}
	.step_line .step .section {
		font-size: 11px;}
	.step_line .mail {
		margin-right: 50px;}
	
}
@media screen and (max-width: 800px) {
	header.header .parent_cont, .box_main, footer .parent {
		padding-left: 30px;
		padding-right: 30px;}
	header.header .parent_cont a.tel span {
		display: none;}
	header.header .parent_cont a.tel {
		display: block;
		width: 25px;
		height: 25px;
		background: url(../images/icon_tel.jpg);}
	.logo img {
		width: 150px;}
	header.header .parent_cont {
		height: 80px;}
	.top_slider .parent {
		position: relative;
		top: 0;
		left: 0;
		padding: 22px 30px 30px;
		background: #f1f2f3;
		width: calc(100% - 60px);}
		.top_slider .parent .text{
			font-size: 24px;
			line-height: 28px;}
	.box_main {
		padding-top: 24px;
		padding-bottom: 24px;}
	.title {
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 30px;}
	h1, h2 {
		font-size: 20px;
		font-family: 'BasisGrotesquePro-Bold';
		line-height: 24px;
		margin-left: 10px;
		margin-bottom: 16px;}
	h3, h4, h5 {
		margin-left: 10px;}
	.box_main .col2 .section {
		width: 46%;}
	.form_calc .col4 {
		-webkit-flex-flow: row wrap;
	    flex-flow: row wrap;}
		.form_calc .col4 .section,
		.form_calc .col4 .section.select_box{
			width: 48%;}
	.form_calc .col4 .text {
		max-width: inherit;}
	.form_calc .col4 {
		padding-top: 0;}
	.form_calc .col4 .text {
		padding-bottom: 12px;}
	.form_calc .col4 .section {
		margin-bottom: 35px;}
	.icon_mail {
		right: 10px;
		width: 42px;
		height: 42px;
		background-size: cover;}
	.box_main .swiper-slide .text {
		margin-left: 30px;
		margin-right: 30px;}
	.grey_bg .title {
		margin-left: 30px;}
	
	.main.step_page {
		padding-bottom: 0;}
		.main.step_page_mob_nav {
			padding-top: 79px;}
		
	.main.step_page .step_line {
		bottom: auto;
		top: 0;
		height: 79px;
		display: none;}
	.main.step_page.step_page_mob_nav .step_line {
		display: block;}
	.step_line .link {
		display: none;}
	.step_line .navigation.variation button.back {
		display: none;}
	.step_line .navigation.variation button.next {
		margin-left: 25px;}
	.step_line button.mob.variation{
		display: block;}
		.step_line button.mob:hover{
			background: url(../images/mob_arrow.png);}
	.step_line .step {
		display: none;}
	.step_line .navigation {
		margin-right: 15px;
		width: calc(100% - 67px);
		-webkit-justify-content: space-between;
		justify-content: space-between;}
	.line_form.step3 .parent_line_form {
		-webkit-justify-content: flex-start;
	    justify-content: flex-start;}
	.line_form.step3 .section {
		margin-right: 25px;}
		.line_form.step3 .section:last-child {
			width: 100%;}
	.line_form.step3 {
		padding-left: 38px;
		max-width: 372px;}
	.page_step5:before {
		display: none;}
	.page_step5 .col2 {
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
		padding-left: 0;
		padding-right: 0;}
	.page_step5 .col_text {
		width: 100%;
		padding: 17px 30px 0px;
		box-sizing: border-box;
		background: #f5f5f6;}
	.page_step5 .set {
		display: none;}
	.page_step5 .set:before {
		display: none;}
	.page_step5 .col_goods {
		width: 100%;}
	.page_step5 .col_goods{
		padding-left: 30px;
		padding-right: 30px;}
	.page_step5 .offer {
		margin-top: 0;}
	.set_mob{
		font-size: 14px;
		color: #575756;
		position: relative;
		padding: 28px 20px 20px 70px;
		display: block;
		box-sizing: border-box;
		width: 100%;
		background: #f5f5f6;}
		.set_mob:before{
			content: url(../images/icon_ul.jpg);
			top: 28px;
			left: 30px;
			position: absolute;}
		.set_mob ul{
			padding-left: 15px;
			line-height: 19px;
			margin: 15px 0;}
	.main.step_page.step_page_mob_nav .step_line.finish {
		display: none;}
	.contact_form {
		margin-top: -75px;
		padding-bottom: 25px;}
	.other_link {
		margin-top: 60px;}
	
	
.parent_popup{
	padding: 45px 55px 25px;
	width: 600px;}
	.parent_popup .title{
		margin-bottom: 30px;
		padding-bottom: 0;
		font-size: 24px;
		font-family: 'BasisGrotesquePro-Regular';}
	.parent_popup form{
		margin-top: 30px;}
	.parent_popup .line_form.btn{
		margin-top: 30px;
		font-size: 18px;}
	#cboxClose {
		right: 15px;}
	.col2_inner .col .swiper-container.vizart {
		height: 600px;}

}
@media screen and (max-width: 680px) {
	.form_calc .line {
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;}
	.form_calc .line input[type="submit"]{
		margin-right: 0;
		margin-bottom: 15px;}
	.form_calc .line a{
		margin-top: 12px;
		max-width: 160px;
		text-align: center;}
	.box_main .col2 .section {
		width: 100%;}
	.box_main .link {
		justify-content: flex-start;
	    -webkit-align-items: flex-start;}
	.col2_inner .col {
		width: 100%;}
	.col2_inner .col:first-child img {
		margin: 0 auto;}
	.col2_inner .col:nth-child(2) {
		padding-top: 24px;
		padding-bottom: 0;}
	.col2_inner .col .text_col {
		margin-top: -10px;
		margin-bottom: 20px;}
	.form_calc .col .bottom,
	.form_calc .grey_line:before,
	.form_calc .grey_line:after,
	.form_calc .grey_line .step,
	.form_calc .grey_line .mail {
		display: none;}
	.form_calc .grey_line {
		background: none;
		padding: 0;
		height: auto;
		margin-bottom: 30px;}
	.icon_mail.inner {
		display: block;}
	.form_calc .grey_line .left {
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;}
	.bottom_mob {
		display: block;
		max-width: 350px;
		line-height: 22px;
		width: 100%;
		padding: 0 30px 30px 30px;
		box-sizing: border-box;}
		.bottom_mob a{
			margin-top: 4px;
			display: block;}
	.step_line button.mob{
		display: block;}
	.step_line .navigation button.back {
		display: none;}
	.step_line .navigation {
		margin-right: 15px;
		width: calc(100% - 67px);
		-webkit-justify-content: space-between;
		justify-content: space-between;}
	
	
	.col2_inner .col .swiper-container {
		overflow: hidden;
		height: 100%;}
	.col2_inner .col .swiper-wrapper {
		-webkit-flex-flow: row nowrap;
		flex-flow: row nowrap;}
	.col2_inner .col .swiper-slide.swiper-slide-active {
		width: calc(100% - 30px) !important;}
	.col2_inner .col .swiper-container.vizart {
		height: 192px;}
	.main.step_page_mob_nav.vizart_page .col2_inner .col .swiper-container.vizart {
		position: fixed;
		top: 79px;
		left: 0;
		height: 192px;
		z-index: 100;}
	.main.step_page_mob_nav.vizart_page {
		padding-top: 271px;}
		
	
	.line_form.step3 span.label {
		font-size: 18px;}
	.line_form.step3 {
		margin-bottom: 22px;}
	.other_link {
		margin-top: 40px;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: flex-start;
		align-items: flex-start;}
		.other_link a{
			padding: 7px 0;
			margin: 0;}
	
.parent_popup{
	padding: 25px;
	width: 400px;}
	.parent_popup .title{
		margin-bottom: 20px;
		padding-bottom: 0;}
	.parent_popup form{
		margin-top: 20px;}
	.parent_popup .line_form.btn{
		margin-top: 20px;
		font-size: 18px;}
	#cboxClose,
	.parent_popup .line_form.btn span {
		display: none;}
	.parent_popup .line_form.btn input[type="submit"]{
		width: 100%;}

	
	
}
@media screen and (max-width: 480px) {
	.form_calc .col4 .section {
		margin-left: 40px;}
	footer .section {
		width: 100%;}
	.box_main.grey_bg {
		padding-left: 0;
		padding-right: 0;
		width: 100%;}
	.box_main.grey_bg .title{
		padding-left: 30px;}
	.box_main .swiper-slide .text {
		position: relative;
		left: 0;
		margin: 0;
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;}
	.step_line .step {
		display: none;}
	.step_line .navigation {
		margin-right: 15px;}
	.step_line .navigation button {
		font-size: 16px;
		background: #009afa;}
	a.goods .price_goods_mob{
		display: block;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		color: #000;
		margin-top: 14px;
		font-size: 11px;
		}
		a.goods .price_goods_mob span{
			color: #000;
			font-size: 11px;
			padding-top: 2px;
			padding-left: 5px;}
		a.goods label {
			margin-bottom: 0;}
	a.goods .cont_goods .price_goods{
		display: none;}
	a.goods .cont_goods .text_goods {
		width: 100%;}
	.col2_inner .col:nth-child(2) {
		padding-left: 15px;
		padding-right: 15px;}
	a.goods {
		padding: 17px;}
	.line_form label {
		padding-right: 4px;}
	.page_step5 .set {
		display: none;}
	.page_step5 .col_goods a.goods_box {
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;}
	.page_step5 .img {
		height: 177px;
		width: 100%;}
		.page_step5 .img img{
			max-height: 177px;
			margin-bottom: 15px;}
	.page_step5 .cont {
		width: 100%;}
	.page_step5 .col_text,
	.page_step5 .col_goods {
		padding-left: 20px;
		padding-right: 20px;}
	.set_mob{
		padding-left: 60px;}
	.set_mob:before{
		left: 20px;}
	.order_box .more_info {
		display: none;}
	.more_info_mob {
		display: block;
		width: 100%;
		font-size: 14px;
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		margin-top: 10px;}
		.more_info_mob:after {
			content: url(../images/arrow.gif);
			margin-left: 5px;}
	.order_box {
		-webkit-flex-flow: row wrap;
	    flex-flow: row wrap;}
	.order_box .info {
		width: calc(100% - 130px);}
	.order_box .price {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		margin-top: 15px;}
.parent_popup{
	width: 260px;}
	
}