
@media (max-width: 520px) {
  .tel-email-show {
    width:75%!important;
    margin: 0 auto;
        font-size: 22px!important;
  }

   #services .container .block .name {
    font-size:14px;
  }

  #services .container img {
    width:20px!important;
    height:20px!important;
  }


  #services  h1 {
          font-size: 20px!important;
          margin-top: 10px!important;
    }


      #services .container .left-info .block {
        display: block!important;
    float: right!important;
    width: 75%!important;
  }

  #services .container .service-item {
        padding-left: 60px!important;
  }
}
@media (max-width: 420px)
{
  .tel-email-show {
    width:60%!important;
    margin: 0 auto;
        font-size: 16px!important;
  }



    #services .container img {
    height:25px!important;
    width:25px!important;
  }

  #services .container .left-info img {
    margin-right:15px!important;
  }

  #services .container .right-info .block{
    margin-left:15px!important;
  }


  


  #portfolio .portfolio-label h1 {
    font-size:20px!important;
  }
  .our_team .box1 h2 {
    font-size:20px;
  }

  #portfolio .our_team .swiper-slide .panel .back .box1 ul li {
    font-size:16px;
  }


}

@media (max-width: 330px)
{
  #services .container .right-info .block {
        display: block;
    float: right;
    width: 77%;
  }

  #services .container .left-info .block {
    width:65%!important;
  }


}

@media (min-width: 800px) {
  #services .container img {
    display: none;
  }
#order2 .order-text{
    display: none;
  }
  #order2 .order-line{
    display: none;
  }
  #order2 .form-content {
margin-top: 0px;
  }
    #portfolio .our_team {
 width: 800px !important;
 height: 300px; 
}
}
@media (min-width: 900px) {
  #portfolio .our_team {
 width: 870px !important;
}
#order2 .form-content {
width: 700px;
  }
}


@media (max-width: 991px) {
 #contact .left{
  display: none;
 }
 #menu-dots{
  display: none;
 }

	.logo  {
		font-size:30px!important;
	}

  #who .descr {
    font-size:15px!important;
  }

}

@media (max-width: 770px)
{


  #who .logo {
    top: 25%;
    font-size: 50px!important;
    line-height: 50px;
    left: inherit!important;
    width: 90%!important;
    margin: 0!important;
  }
  #who .who-container .who-lines:after,#who .who-container .who-lines:before {
    display:none!important;
  }
  #who .descr {
        margin-top: 0!important;
    position: absolute!important;
    top: 38%;
    width: 90%;
  }

  #who .h-services {
    display:none;
  }


  #services .container .service-item {
    padding:0!important;
   
  }

  #services .container img {
    height:35px;
    width:35px;
  }
  #services .container .left-info img {
    float:left; 
        margin-right: 30px;
  }

  #services .container  .block {
    width:100%;
    text-align:left;
  }

  #services .text {
    display:none;
  }

  #portfolio .our_team {width:100%!important;}

  #portfolio h1 {font-size:20px!important;}

  #portfolio .our_team .swiper-wrapper {padding-top:5px!important;}

  #portfolio .container-center/*,#contact .container-center */{display:block!important;}
  #portfolio .row-center/*,#contact .row-center */{display:block!important;}
  #portfolio .portfolio-label h1 {margin-top:20px!important;}
  #portfolio .row-center > .row {margin:0!important;}

  .our_team .box1 h2 {font-size:18px;}

  #portfolio .our_team .swiper-slide .panel .back .box1 ul li {font-size:16px;}

  #portfolio .our_team .swiper-slide .box1 {height:240px!important;}
  #portfolio .our_team .swiper-slide .front {min-height:240px!important;}
/*
  #contact .row-center {height:100%;}

  #contact .right-info .tel {
    top:50%!important;
    position:absolute!important;
  }
  #contact .right-info .tel div {
    height:100%;
  }*/

}
@media (max-width: 1024px) {
 #contact .left{
  display: none;
 }
 #who .bg {
        background-position-y: 0px;
  }
}
@media (min-width: 1024px) {
  #services .container img {
    display: inline-block;
  }

  #portfolio .our_team {
 width: 990px !important;
 height: 350px;
}

#order2 .form-content {
width: 824px;
  }

  #order2 .order-text{
    display: block;
  }
  #order2 .order-line{
    display: block;
  }

}
@media (min-width: 1170px) {
  #portfolio .our_team {
 width: 1140px !important;
 height: 400px;
}

#order2 .form-content {
width: 970px;
  }

}
@media (min-width: 1200px) {
#portfolio .our_team {
 width: 1170px !important;
}

#order2 .form-content {
width: 1000px;
  }
}


@media (max-height:300px)
{
  .our_team {
    height:200px!important;
    overflow-y:scroll;
  }
}