
@media screen and (max-width: 1200px ){
	/*контент 960*/
	.row{
		width: 930px;
		height: auto;
	}
	body{
		min-width: 100%;
		overflow-x: hidden;
	}
	.prem ul{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.prem li{
		width: 45%;
		margin: 15px 0;
	}
	.steps_cont{
		width: 100%;
	}
	.steps li{
		width: 195px;
		font-size: 14px;
	}
	.ysl_ul{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: auto;
	}
	.ysl_ul li{
		width: 49%;
		text-align: center;
		height: auto;
		margin: 15px 0;
		padding: 0;
	}
	.ysl_ul li img{
		float: none;
		padding-bottom: 15px;
	}
	.check ul{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: auto;
	}
	.check li{
		width: 49%;
		text-align: center;
		height: auto;
		margin: 15px 0;
		padding: 0;
	}
	.check li img{
		float: none;
		margin: 0 auto 15px;
		padding: 0;
	}
	.txt_check{
		float: none;
		width: auto;
	}
	.check li:last-child{
		height: auto;
	}
	.check li br{
		content: ' ';
		display: inline-block;
	}
	.slider_obj{
		margin: 0 auto 5px;
		float: none;
	}
	.obj_about{
		margin: 0 auto 5px;
		float: none;
	}
	.zakaz_step{
		display: none;
	}
	.why{
		height: auto;
		overflow: hidden;
	}
	.why ul{
		width: 500px;
	}
	.why ul li{
		width: auto;
	}
	.why li p{
		width: 90%;
	}
	.otz_txt{
		width: 715px;
	}
	.conf{
		left: 35%;
	}
	nav.bl_ph .btn_kalk{
		display: none;
	}
	nav ul{
		display: none;
	}
	.bl_ph .ph_nav{
		display: none;
	}
	header{
		/*padding-top: 15px;*/
	}
	nav .row{
		display: none;
	}
	.mob_row{
		display: block;
		width: 92%;
		margin: 0 auto;
	}
	.mob_row:after{
		display: block;
		content: ' ';
		clear: both;
	}
	.burger{
		display: block;
		width: 30px;
		padding: 5px;
		border: 1px solid #CCCCCC;
		float: left;
		border-radius: 5px;
	}
	.burger span{
		display: block;
		width: 100%;
		height: 3px;
		margin-bottom: 5px;
		background: #CCCCCC;
		display: block;
		padding-top: 3px;
		border-radius: 5px;
	}
	.burger span:last-child{
		margin-bottom: 0;
	}
	.mob_pf{
		float: right;
		font-size: 20px;
		padding-top: 8px;
	}
	nav{
		border-bottom: 1px solid #ccc;
		position: relative;
		position: fixed;
	}
	nav .mob_row ul{
		position: absolute;
		top: 100%;
		left: 0;
		background: #fff;
		width: 100%;
		text-align: center;
	}
	nav .mob_row ul li{
		display: block;
		float: none;
		width: 100%;
		padding: 7px 0;
		border-bottom: 1px solid #ccc;
		margin: 0;
	}
}


@media screen and (max-width: 1000px ){
	/*контент 768*/
	.row{
		width: 730px;
	}
	.partners{
		display: none;
	}
	.logo{
		font-size: 35px;
		float: none;
	}
	header p, footer p{
		display: block;
		float: none;
	}
	
	.phone{
		position: absolute;
		top: 10px;
		right: 0;
	}
	header{
		height: auto;
		overflow: hidden;
	}
	.header h1{
		font-size: 28px;
		padding-top: 50px;
	}
	.headpodzag{
		font-size: 16px;
	}
	.steps li{
		margin-bottom: 10px;
	}
	.btn_check{
		width: 100%;
	}
	.check li h4{
		padding-top: 15px;
	}
	h2{
		font-size: 31px;
	}
	.why ul{
		width: 100%;
		float: none;
	}
	.defects_form{
		float: none;
		margin: 0 auto;
	}
	.otz_txt {
		width: 520px;
		padding: 15px;
		font-size: 16px;
	}
	footer .row{
		padding-bottom: 40px;
	}
	.conf{
		top: auto;
		bottom: 0;
		left: 50%;
		margin-left: -50px;
	}
	.footer ymaps{
		max-height: 330px;
	}
	.obj_about{
		margin-top: 0px;
	}
	.footer{
		height: auto;
	}
}
@media screen and (max-width: 800px ){/*768*/
	.zayavka_l{
		background-position: top left;
	}
	.zayavka_l h2{
		text-align: center;
	}
	.rem_form{
		width: 100%;
		max-width: 510px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 799px ){/*759*/
	/*контент 480*/
	.row{
		width: 480px;
	}
	.logo{
		width: 100%;
		margin: 0 auto;
		padding-right: 0;
		text-align:center;
	}
	header p, footer p{
		text-align: center;
		margin: 0 auto;
		padding-bottom: 3px;
		width:100%;
	}
	.phone{
		position: static;
		width: 100%;
		text-align: center;
		float: none;
	}
	.header h1 span{
		background: none;
	}
	.headezaaa{
		background: #FFC300;
	}
	.header h1{
		background: #00AFF2;
		padding-top: 0;
	}
	.header{
		padding-top: 40px;
	}
	.header h1{
		font-size: 24px;
		text-shadow: 1px 1px 1px #000;
	}
	.header h1 br,
	.calck h2 br{
		content: ' ';
		display: inline;
	}
	.headpodzag {
		background: none;
		line-height: 1.15;
		text-shadow: 1px 1px 1px #000;
		color: #fff;
		font-weight: bold;
	}
	.header{
		background-position-x: right;
	}
	.calck h2 {
		font-size: 26px;
	}
	.calculation{
		background: none;
		padding-right: 0;
	}
	.slider_obj, .obj_about{
		width: 100%;
	}
	.lid{
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.otz_txt{
		width: auto;
		float: none;
		padding: 15px 5%;
	}
	.trigl_otz{
		display: none;
	}
	h2 {
		font-size: 28px;
		padding-bottom: 25px;
	}
	.adress{
		padding: 12px;
		width: 200px;
		font-size: 12px;
	}
	.adress h3{
		font-size: 18px;
	}
	footer .conf{
		position: static;
		margin: 0 auto 5px;
		left: 0;
		clear: both;
		width: 100%;
		text-align: center;	
	}
	footer .row{
		padding-bottom: 0px;
	}
	.header h1 span{
		padding: 0;
	}
	h2 br{
		content: ' ';
		display: inline;
	}
	.slider_obj{
		height: auto;
		padding-bottom: 10px;
	}
	.zayavka_l h2{
		font-size: 24px;
	}
	.rem_form textarea{
		width: 90%;
		padding: 10px 5%;
	}
	.zakaz_step2 h1{
		font-size:20px;
	}
}
@media screen and (max-width: 530px ) {/*480*/
 	/*контент 460*/
	.row{
		width: 440px;
	}
	.cena_yslyg{
		width: auto;
	}
	.steps li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.steps li:nth-child(2){
		margin: 0 0 10px 0;
	}
	.ysl_ul li,
	.check li,
	.check li:last-child{
		width: 100%;
	}
	.ysl_ul li{
		margin: 0 0 25px;
	}
	.check li h4{
		padding-top: 0;
	}
	.check li:last-child{
		padding-bottom: 15px;
	}
	.inp_rem_f label{
		float: none;
		display: block;
		margin: 0 auto;
	}
	.inp_rem_f label.lfr{
		float: none;
		margin-top: 10px;
	}
	.cont_data{
		font-size: 12px;
		display: block;
		margin: 5px 0;
	}
	.otzuvu{
		padding-top: 15px;
	}
	.zayavka_l{
		background: #072740;
	}
	.zayavka_l h2 {
		font-size: 21px;
	}
}
@media screen and (max-width: 470px ) {
    /*414*/
 	/*контент 92%*/
	.row{
		width: 92%;
	}
	.header h1{
		font-size: 24px;
	}
	.header h1{
		float: none;
	}
	.cena_yslyg h3{
		font-size: 18px;
		padding: 0 10px;
	}
	.btn_cena{
		width: 90%;
		font-size: 18px;
		padding: 7px 0;
	}
	.header{
		height: auto;
		overflow: hidden;
		padding-bottom: 15px;
	}
	.prem li{
		width: 100%;
	}
	.calck h2 {
		font-size: 23px;
	}
	.steps{
		text-align: center;
	}
	.num_step{
		float: none;
		margin: 0 auto;
	}
	h2{
		font-size: 26px;
	}
	.obj_about h3.long_h3,
	.obj_about h3{
		font-size: 18px;
	}
	.identified_def h4{
		padding: 8px 10px;
	}
	.identified_def p{
		font-size: 14px;
		padding: 5px 10px;
	}
	.ident_green{
		font-size: 20px;
	}
	.ident_green b{
		font-size: 25px;
	}
	.why h2{
		font-size: 20px;
	}
	.why li p {
		width: 82%;
	}
	.defects_form{
		padding: 15px 10px;
	}
	.rem_form{
		width: auto;
	}
	.rem_form h3{
		font-size: 20px;
	}
	.cont_data br{
		content: ' ';
		display: inline;
	}
	.phone h3{
		font-size: 23px;
	}
	.remodal-wrapper h2{
		font-size: 17px;
		padding-bottom: 10px;
	}
	.btn_lf{
		width: 100%;
	}
	.check li h4{
		font-size: 14px;
	}
	header p, footer p{
		font-size: 11px;
	}
	.rem_form label{
		text-transform:none;
	}
}
@media screen and (max-width: 410px ) {
    /*390*/
 	
 	
}
@media screen and (max-width: 385px ) {
    /*375*/
 	
 	
}
@media screen and (max-width: 370px ) {
    /*360*/
	.defects_form{
		width: 280px;
	}
 	
}

@media screen and (max-width: 350px ) {
    /*320*/
	.row{
		width: 305px;
	}
	.header h1{
		font-size: 20px;
	}
	.otz_txt{
		font-size: 14px;
	}
	
}
