@media only screen and (max-width: 1170px){
.wrapper{
	padding-left: 100px;
	padding-right: 100px;
}
#sandwich{
	display: block;
}
.cont-navigation{
	position: absolute;
	right: 0;
	background: #309600;
	width: 325px;
	top: 100%;	
	display: none;
}
.navigation ul{
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;	
	    padding:5px 0;
}
.navigation ul li {
    margin-right: 195px;
    text-align: right;
    width: 100%;
    padding: 15px 0;
}
.navigation ul li:last-child{
    margin-right: 195px;
	
}
 .cont-navigation.show{
  	display: flex;
}
.help__dies{
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;	
}
.dies-form{
	margin-bottom: 30px;	
}
.help__image{
	margin-right: 30px;	
}
.help__image picture{
	width: 470px;	
}
.help__image:before{
	width: 100%;	
}
.about-me__text {
    max-width: 50%;
    margin-right: 30px;
}
}
@media only screen and (max-width: 1080px){
.scroll{
	position: relative;	
}
.home__text{
	width: 100%;	
}
.home__image picture img{
	height: auto;	
}
}
@media only screen and (max-width: 992px){
	.benefits__inner {
		margin-top: 42px;	
	}
   .home,
   .help__head,
   .services__header,
   .step-form__header{
   	display: flex;	
   	-webkit-flex-direction: column;
   	    -ms-flex-direction: column;
   	        flex-direction: column;	
   }
   .help__head p{
   	margin-bottom: 50px;	
   }
   .help__head h2,
   .services__header  h2,
   .step-form__header h2{
   	margin-bottom: 20px;	
   }
   .home h1.wrapper{
   	padding-top: 80px;	
   }
   .home__container,
   .home__left{
   	margin-top: 0;	
   }
   .home__left{
   	margin-top: 50px;	
   	margin-right: 32px;	
   }
   .home__image{
   	margin-top: -50px;	
   }
   .scroll{
   	margin: auto;	
   	margin-top: 90px;	
   	-webkit-order: 	3;
   	    -ms-order: 	3;
   	        order: 	3;
   }
   .help__image picture{
   	width: 370px;	
   }
   .help__form-container {
    margin-top: 50px;
}
.form-help {
    margin-top: -30px;
}
.service-block a{
	opacity: 1;
}
}
@media only screen and (max-width: 860px){
    .cont-navigation{
  
    	-webkit-flex-direction: column;
    	    -ms-flex-direction: column;
    	        flex-direction: column;
     }
      .cont-navigation{
      	-ms-overflow-y: scroll;
      	    overflow-y: scroll;
      }
     .cont-navigation .navigation{
     	-webkit-order: 1;
     	    -ms-order: 1;
     	        order: 1;
     }
     .cont-navigation .phone {
     	-webkit-order: 2;
     	    -ms-order: 2;
     	        order: 2;
             text-align: right;
    margin-left: 47px;
        max-width: max-content;
     }
     .help__image picture{
     	width: 262px;	
     	height: 507px;	
     }
     .about-me__title{
     	background: url(../images/line-title-mobile.svg) no-repeat right center;
     }
      .padding{
	padding: 50px 0;	
}
.about-me__wrapp{
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;	
}
.about-me__text{
	max-width: 100%;	
	margin-right: 0;	
}
.benefits__inner{
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;	
}
.about-me__wrp{
	display: flex;	
	-webkit-justify-content: space-between;
	        justify-content: space-between;	
}
.benefits__inner{
	-webkit-order: 	2;
	    -ms-order: 	2;
	        order: 	2;
}
.about-me__image{
	margin-right: 32px;
	-webkit-order: 	1;
	    -ms-order: 	1;
	        order: 	1;
}

.about-me__text{
	-webkit-order: 2;
	    -ms-order: 2;
	        order: 2;
}
.about-me__wrp{
	-webkit-order: 1;
	    -ms-order: 1;
	        order: 1;
	            margin-bottom: 30px;
}
}
@media only screen and (max-width: 768px){
  #sandwich{
  	margin-left: 30px;
  }
  .service-block h3{
  	margin-bottom: 20px;
  }
  .about-me {
    background: url(../images/bg_about-mobile.svg) no-repeat center center;
}
  .services{
  	    background: url(../images/bg_service-mobile.svg) no-repeat center center;
  }
 
}
@media only screen and (max-width: 680px){
	.form-help{
		width: 100%;
	}
.dies-form{
	width: 100%;	
}
.help,
.about-me,
.services {
	padding-top: 0;	
}
  .wrapper{
  	padding-left: 50px;
  	padding-right: 50px;
  }
  .cont-navigation .phone{
  	margin-left: 43px;	
  }
  .navigation ul li,
  .navigation ul li:last-child {
    margin-right: 70px;
		}
  #sandwich{
  	margin-left: 0;
  }
  .social-data a {
    margin: 0 22px;
}
.home h1.wrapper{
	padding-top: 80px;	
}
.scroll {
	margin-top: 35px;	
}

h1{
	font-size: 30px;	
	line-height: 35px;	
}
h2{
	font-size: 27px;	
}
.home__image{
	margin-top: 0;	
}
.help__form-container{
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;	
}
.form-help{
	margin-top: 30px;	
}
.help__image{
	margin-right: 0;	
}
.help__image picture{
	width: 100%;	
}
header{
	padding: 10px 0;
}
}
@media only screen and (max-width: 576px){
	.social-data{
		-webkit-order: 3;
		    -ms-order: 3;
		        order: 3;
	    padding-top: 20px;	
	}
	.navigation ul li{
		padding: 10px;	
	}
	.social-data{
		display: flex;	
		-webkit-justify-content: center;
		        justify-content: center;	
		    
		   padding-bottom: 10px;	
	}
	.cont-navigation{
		width: 270px;	
	}
	  .service-block{
  	width: 90%;
  height: auto;
  padding-bottom: 50px;
  }
  .about-me__title {
        background: url(../images/svg.svg) no-repeat center 65%;
    padding-bottom: 20px;
}
.soc-data a img{
	width: 40px;
}
}

@media only screen and (max-width: 480px){
    .wrapper{
  	padding-left: 20px;
  	padding-right: 20px;
  }
  footer{
  	padding: 30px 0;
  }
  .foot {
  	-webkit-flex-direction: column;
  	    -ms-flex-direction: column;
  	        flex-direction: column;
  }
  .foot .logo{
  	margin-bottom: 30px;
  }
  .my-form{
  	width: 85%;
  	margin: auto;
  }
  .my-form .button-form button,
  .thanks-popup a{
  	width: 270px;
  	margin: auto;
  	display: block;
  margin-bottom: 30px;
    margin-top: 30px;
  }
  .my-form .button-form:before,
  .thanks-popup a:before{
  	top: -7px;
  	width: 270px;
  }
  .my-form .button-form {
    width: 270px;
}
  h3{
  	font-size: 20px;	
  }
  .home__left{
  	margin-top: 30px;	
  }
  .navigation ul li, .navigation ul li:last-child {
    margin-right: 20px;
}
.cont-navigation .phone {
    margin-left: 70px;
}
h1{
	font-size: 28px;	
}
.scroll p{
	font-size: 18px;	
	
}
.scroll {
    margin-top: 15px;
}
.home__left{
	margin-right: 15px;	
}
.about-me__wrp{
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.about-me__image{
	width: 90%;
	margin: auto;
}
.benefits__element{
	margin-bottom: 30px;
}
}

@media only screen and (max-width: 375px){
   
}