*
{
  margin: 0; padding: 0;
}
    

    /***1024px***/



@media only screen and (max-width: 1170px)
{   
  .container { width: 1024px; }
  /***header***/
 /*.header {padding: 20px 0;}*/
.logo-header img {height: 60px;}
  nav a {margin-left: 15px;}
  /***advantages***/
  .advantages-wrap {margin: 45px 10px 0;}
  .our-services-wrap {height: 330px;}
  .our-services-wrap p {height: 125px;}
  .article-wrap-serf {margin: 0 5px 20px;}
.slider .promo-wrap{ height: 80vh;}
}



    /***768px***/



@media only screen and (max-width: 1023px)
{ 
  .container { width: 768px; }

  /***header***/
   nav.navigation.flex {display: none;}
  .mob-menu {display: block; margin: 0}
  .for_lang {width: 100px;}
  .slider .promo-wrap{ height: 60vh;}
  .slider h2, .slider h5 {text-align: center;}
  .slider h2, .promo-all h3, .promo-all-information h3 { font-size: 48pt; }
  aside a, aside ul { padding-left: 15px; }
  aside li a { padding: 0; }
  .promo-cont {text-align: center;}
  .our-services-wrap {width: 100%; height: auto;}
  .our-services-wrap p {height: auto;}
  .our-services .all_btn {width: 30%;}
  .welcome-wrap {width: 50%; margin: 0 auto;}
  .h3-line {margin: 0px 0 20px;}
  .welcome-wrap .icon {left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%);}
  .welcome-wrap-cont {max-width: 85%;margin: 0 auto;padding-top: 70px;}
  .welcome-wrap-cont h4 {text-align: center;}
  .about-img {display: none;}
  .about-content {width: 85%; margin: 0 auto;}
  .about-content h3 {text-align: center;}
  .advantages {padding-bottom: 80px;}
  .about-content .h3-line:before { left: 50%; right: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); }
  .order-wrap, .order-form {width: 48%;}
  .footer-contact, .map {width: 48%;}

  /***SERVICES***/
  .services-about aside {left: 20px;}
  .promo-all-information {padding: 55px 0;}  
  .services-about .flex { flex-wrap: wrap; }
  .services-about-cont .h3-line,.about-company-cont .h3-line { width: 100%; } 
  .services-about-cont .all_btn,.about-company-cont .all_btn { width: auto; padding: 20px 40px; margin-top: 30px; }
  aside { min-height: 50vh; }
  /***INFORMATION***/
  .cl-logo {width: 45%;}
  .about-company-cont .h3-line {width: 100%;}
  .sertif-name { font-size: 10pt; }

}



    /***568px***/



@media only screen and (max-width: 767px)
{   h3 { padding: 30px 0; font-size:  25pt;}
  .container { width: 568px;}

  /***header***/
  .slider .promo-wrap{ height: 120vh;}
  .slick-dots {bottom: 20px;}
  .logo-header img { height: 50px; }
  .slider h2, .promo-all h3, .promo-all-information h3{ font-size: 36pt; }
  .slider h5 {margin-bottom: 30px;}
  .promo-cont .all_btn { font-size: 12pt; }
  .mob-nav { width: 70%; }
  .our-services-wrap {padding: 15px 15px 80px;}
  .our-services .all_btn { width: 200px;}
  .welcome-wrap {width: 100%;}
  .welcome-wrap p { font-size: 15pt; }
  .about-wrap p {padding-left: 30px;}
  .about-wrap p:before {width: 15px;}
  .slider2, .slider2 .slick-list.draggable {height: 320px;}
  .order .flex { flex-wrap: wrap; }
  .order-wrap, .order-form {width: 100%;}
  .order-form {text-align: center;}
  .order-wrap h3{text-align: center; font-size: 25pt;}
  .order-wrap .h3-line:before { left: 50%; right: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); }
  footer .flex { flex-wrap: wrap; }
  .footer-contact, .map {width: 100%;}
  footer h4 { text-align: center; }
  .footer-social.flex {margin: 0 auto 30px;}
  .footer-communications, .footer-address {width: 45%;}

  /***SERVICES***/
  .promo-all { height: 60vh; padding: 30px 0; }
  .promo-all-information { height: 80vh; }
  .promo-all h3 { padding-top: 55px; font-size: 27pt;}
  .promo-all-information h3 {font-size: 27pt;}
   aside {display: none;}
  .services-select { display: block; }
  .services-about .flex {flex-wrap: wrap;}
  .services-about-cont { width: 100%; margin: 0; padding-right: 0; padding-bottom: 0;}
  .services-about-cont h3 { text-align: center; font-size: 25pt;}
  .services-about-cont .all_btn { margin: 0 auto}
  .services-about-cont .h3-line:before { left: 50%; right: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); }
  .pop-up h4 { padding: 30px 70px;font-size: 22pt;}
  .sel {display: block; margin: 15px auto 0; padding: 13px 30px; font-size: 10pt;}

  /***INFORMATION***/
  .about-company-select {display: block;}
  .about-company-cont {width: 100%; padding-right: 0;}
  .about-company-cont .all_btn {width: 75%;margin: 0 auto;}
  .about-company-cont .h3-line {text-align: center;font-size: 25pt;}
  .about-company-cont .h3-line:before {left: 50%;right: 50%;-webkit-transform: translate(-50%);transform: translate(-50%);}
  .article-wrap-serf {width: 47%;margin-bottom: 20px;}
  .article-wrap-clients {flex-wrap: wrap;}
  .cl-logo {width: 50%;margin: 0 auto;}
  a.cl-title {text-align: center;}
  .cl-logo {margin-top: 20px;}

  /*
  .article-wrap-serf {width: 47%;margin-bottom: 20px;}*/
}



    /***320px***/



@media only screen and (max-width: 567px)
{
  .container { width: 320px; }
  h4{ font-size: 15pt; }

  /***header***/

  .promo-all h3, .promo-all-information h3 {text-align: center; }
  .promo-all p, .promo-all-information p { text-align: center;}
  .services-about .article, .information .article { text-align: center; }*/
  .logo-header img {height: 45px;}
  .logo-layer { height: 110px; }
   .slider .promo-wrap{ height: 100vh;}
   .slider h2, .promo-all h3, .promo-all-information h3{ font-size: 24pt; }
   .slider h5 {font-size: 18pt;} 
   .slick-dots {bottom: 60px;} 
   .promo-wrap .promo-cont {top: 46%;}
   .promo-cont .all_btn {font-size: 9pt; padding: 20px;  }
   .our-services-wrap h2 {width: 100%;text-align: center;margin: 20px 0;}
   .o-s-img {margin: 0 auto};
   .welcome-wrap p { font-size: 12pt;}
   .mob-nav { width: 100%; }
   .order-wrap h5 { font-size: 20pt;}
   .order-wrap h3 {font-size: 22pt;}
   .about-wrap p {padding-left: 25px; font-size: 12pt}
   .promo-all, .promo-all-information { height: 40vh; }
   .services-select, .about-company-select { width: 100%; }
   .promo-all h3 { padding-top: 80px; }
   .promo-all-information h3 { padding-top: 45px;}
   .services-about-cont .all_btn {padding: 20px; font-size: 10pt; }
   .article-wrap-serf {width: 100%;}
   .pop-up h4 {padding: 30px 50px; font-size: 20pt;}
   .sel { padding: 13px 25px; }
 }