@media (max-width:1280px) and (min-width: 0){

}
@media (max-width:1024px) and (min-width: 0){
    
}
    
@media (max-width: 768px) and (min-width: 0){
   body{
       overflow:auto;
   }
   .portfolio{
       position:relative;
       top:auto;
   }
   .top{
       height:auto;
       padding-top:68px;
   }
   .main__block{
       opacity:1;
   }
   .main__block img{
       max-width:100%;
   }
   .logo{
       position:relative;
       margin-top: -86px;
       display:none;
   }
   a.menu{
       opacity:1;
   }
   .logos{
       width:70%;
   }
   header{
       display:none;
   }
   header.fixed-main,
   header.inner{
       display:block;
   }
   header.inner h1{
       margin:0;
       font-size:15px;
       padding:0 0 0 40px;
       display:none;
   }
   header::after{
       width:100%;
   }
   header.inner{
       height:57px;
   }
   .b-about li{
       font-size:16px;
   }
   .b-about ul{
       padding:0;
   }
   .b-about ul li{
       padding:0 18px;
       font-size:15px;
   }
   .about__l li:before{
       right:-43px;
   }
   .b-about p.title{
       font-size:14px;
   }
}
    
@media (max-width: 667px) and (min-width: 0){
  .work__item {
    width: calc(50% - 10px);
  }
  .work__item figcaption{
      font-size:22px;
  }
  .order{
      position:relative;
      margin:20px auto;
      right:0;
  }
  .b-about .d-flex,
  .articles__list .d-flex,
  .b-contact .d-flex{
      flex-wrap:wrap;
  }
  .b-about img{
      margin:0;
      max-width:100%;
  }
  .about__top{
      padding:0;
  }
  .about__top p{
      font-size:16px;
  }
  .article-item img{
      max-width:100%;
  }
  .article__info{
      padding:10px;
  }
  .contact__info{
      margin:10px 0 0 0;
  }
  .contact__info p.title{
      margin:20px 0 0 0;
  }
  .contact__form{
      max-width:100%;
      margin:0;
      padding:30px 0 0 0;
  }
  .b-contact{
      padding:68px 0 20px 0;
  }
  .popup{
      top:21px;
      margin:0;
  }
  .popup input{
      margin:7px 0;
  }
  .content img{
      max-width:100%;
      width:auto!important;
      height:auto!important;
  }
  .about__wrap.content p{
      font-size:16px;
  }
  .panel_buttons{
      height:auto;
  }
}

@media (max-width: 420px) and (min-width: 0){
   .work__item {
    width: calc(100% - 10px);
  }
}