@media only screen and (max-width: 1199px) {
	.h-main{
    width: 85%;
}
	.main_content{
    top: 0;
}
.element_img img{width:100%;}
	.main{
    background-position-y: 0px;
}
	.other-pages .block_img img{
    width: 290px;
}
	
}
@media only screen and (max-width: 991px){ 
.gif-1 img{height:auto;}
.main_content{
    top: 145px;
}
.main_site{
    width: 47%;
}
.main{
    background-position-x: -410px;
}
.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;
  width: 50%;
  }

  .laptop_img img{
    width: 100%;
  }

  .icons_img img{
    width: 100%;
  }

  .block_img img {
    width: 100%;
    height: auto;
  }

  .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){
	.sop img{height:auto;}
	.block_img img{
    padding-left: 0;
}
	.un-shater{
    padding-top: 70px;
}
	.un-shater .h-site::before{
    font-size: 230px;
    top: -90px;
    left: 75px;
}
	 .main{
	background-position-x: -570px;
	}
}
@media only screen and (max-width: 480px) { 
.main p{font-size: 19px;}
.un-shater .h-site::before{
    font-size: 150px;
    top: -40px;
}
.un-shater{padding-top:70px;}
.un-shater .h-site{font-size:26px;}
.main_site{
    font-size: 21px;
    width: 55%;
}
.main {
    background-position-x: -655px;
}
  .main_img img{
    width: 100%;
  }
  .main{
  }
.main_content {
}

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

  .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: 425px) {
	 
	 .un-shater::before{
		 width:50%;
	 }
 .main {
    background-position-x: -740px;
}
 }
@media only screen and (max-width: 320px) {
	.un-shater::before{
    width: 60%;
}
	.main_site{
    width: 65%;
}
 .tel-phone-wrap{padding-left:0;padding-right:0;}
 .main{
	}
 }