@media(max-width:1200px) {
	html {
		font-size: 51%;
	}
	.types .item{
		    width: 42%;
	}
	.types .item ul{
		    height: 90px;
	}
}
@media(max-width:992px) {
	html {
		font-size: 38%;
	}
	.types .item ul{
		height: 70px;
	}
}
@media(max-width:767px) {
	html {
		font-size: 51%;
	}
	.vtope{
		max-width: 190px;
	}
	#main h2{
		font-size: 2.4rem;
	}
	h2{
	font-size: 2.1rem;	
	}
	.form_top, .form2{
		    padding: 10px 2rem;
			    max-width: 300px;
				    margin: auto;
					    margin-top: 4rem;
	}
	.vmaine, .types .item{
		    width: 100%;
			    max-width: 300px;
	}
	.types .item h3{
		font-size: 2.2rem;
	}
	.types .item ul{
		height: initial;
	}
	.vtypah{
		font-size: 1.3rem;
		    max-width: 300px;
    margin: auto;
    margin-top: 2rem;
	}
	#advantes{
		    background: url(../images/bg2_m.jpg) no-repeat top center;
    background-size: cover;
	    color: #fff;

	}
	#advantes h2{
		color: #fff;
		    text-align: center;
	}
	.five_brigades p{
		text-align: center;
	}
	.fotki{
		margin: auto;
    margin-top: 3rem;
    max-width: 300px;
	    display: none;
	}
	.form2 .subtitle{
		font-size: 2rem;
	}
	.object_txt h3{
		font-size: 2.2rem;
		 text-align: center;
	}
	.object_txt p{
		font-size: 1.8rem;
    margin-top: 1rem;
    text-align: center;
	}
	.step{
		    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    height: 14rem;
    flex-wrap: wrap;
	    margin-top: 20px;
	}
	.step .icon{
		    width: 15%;
	}
	.time{
		width: 85%;
	}
	.step p{
		    width: 100%;
			    text-align: center;
	}
	#process{
		    padding-bottom: 20px;
	}
	.done{
		font-size: 15px;
	}
	.form_big{
		padding: 5rem 1rem;
	}
	.plan{
		    display: none;
	}
	.prew_step, .next_step{
		    width: 14rem;
	}
	.uslov_b{
		    margin-top: 3rem;
	}
	.doska.last{
		margin-top: 3rem;
	}
	.modal-open .modal{
		    padding-right: 0!important;
	}
	.object_pic, .vids, .kino{
		text-align: center;
	}
}
@media(max-width:520px) {
	#smeta {
		    display: none;
	}
}