@media only screen and (max-width: 1199px) {
	.h-main{
    width: 90%;
    left: -100px;
}
	.main_content{
    top: 235px;
}
.element_img img{width:100%;}
	.main{
    background-position-y: 0px;
}
	.other-pages .block_img img{
    width: 290px;
}
	
}
@media only screen and (max-width: 991px){ 
.main_site{
    width: 47%;
}
.main{
    background-position-x: -240px;
}
.h-site,.project .h-h1{
    font-size: 36px;
}
	.other-pages .block_img img{
    width: 217px;
}
  .main_img img{
    width: 100%;
  }

  .h-main{
  font-size: 60px;
  padding-top: 15px;
  }

  .laptop_img img{
    width: 100%;
  }

  .icons_img img{
    width: 100%;
  }

  .block_img img {
    width: 100%;
  }

  .element_img img{
    width: 100%;
  }
}

@media only screen and (max-width: 767px){ 
.main_site{
    width: 59%;
}
.other-pages{display:none;}
.project-slider.mobile{display:block;}
.project .project_m1{display:none;}
}
@media only screen and (max-width: 600px){
	 .main{
	background-position-x: -345px;
	}
}
@media only screen and (max-width: 480px) { 
.main_site{
    font-size: 21px;
    width: 46%;
}
.main {}
  .main_img img{
    width: 100%;
  }
  .main{
  }
.main_content {
}

  .h-main{
    font-size: 36px!important;
  }

  .site_info{
    height: 100%;
    padding: 20px 0;
  }

  .site_block{
    padding: 20px 0;
  }

.h-site, .project .h-h1{
    font-size: 31px;
  }

  .laptop_img img, .icons_img img, .block_img img{
    width: 100%;
  }

  .block_a{
    font-size: 18px;
  }

  .element_img img{
    width: 100%;
  }

 }
@media only screen and (max-width: 320px) {
 .tel-phone-wrap{padding-left:0;padding-right:0;}
 .main{
	}
 }