@media only screen and (max-width : 768px) {
	.form__close{
		right: 0px;
		top: 10px;
	}
	.show-xs{
		display: block !important;
	}
	.grid{
		display: block;
	}
	ul.nav {	    
	    position: absolute;
	    right: 10px;
	    background: #FFF;
	    text-align: center;
	    top: 75%;
	}
	ul .nav__item{
		margin-left: 0px;
		padding: 10px 15px;
	}
	.dropdown{
		left: -100%;
		padding-top: 0px;
	}
	.icon-bars{
		background-image: url('../images/menu-button.png');
		width: 25px;
	    background-size: 100% 100%;
	    height: 25px;
		display: block;
		margin-top: 10px;
	}
	.form .info, .form .phones, .form__fields{
		margin-top: 10px;
	}
	.form__container{
		padding: 10px 30px;
	}
	.form .group textarea{
		height: 80px;
	}
	.button__text{
		font-size: 1em;
	}
	.reform__column:first-child{
		padding: 0px 0 140px 0;
	}
	.reform__guarantee{
		width: auto;
	}

	.technology__banner, .features__banner{
		position: relative;
		    object-fit: cover;
	}
	.technology .container{
		height: auto;
		padding: 0px;
	}
	.technology--home .technology__column{
		margin: 0px;
	}
	.technology--home .technology__column:nth-child(2){
		margin: 0 26px;
	}
	.contact__info{
		padding-left: 0px;
	}
	.features--reverse, .features{
		height: auto;
	}
	.features--reverse .features__column{
		padding: 0px;
	}
	.features .container{
		padding: 0px;
		height: auto;
	}
	.features .features__column{
		margin: 0px;
		height: auto;
	}
	.features .features__item{
		padding: 0 55px;
	}
	.metrics{
		padding: 55px 0;
		background: rgba(0, 176, 195, 1);		
	}
	.metrics__item{
		padding: 50px 40px;
	}
	.metrics__item:before{
		left: auto;
		top: 0;
		background: url(../images/metrics__divisor_hor.png) no-repeat top center;
		width: 195px;
		height: 1px;
		transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	img.contact_map{
		position: relative;
    	left: -50%;
	}
	.footer .container{
		display: block;
	}
	.footer .phones{
		display: block;
		float: left;
	}
	.social{
		float: right;
	}
}