
@media screen and (min-width : 320px) and (max-width : 991px) {
    #main-menu {
    display: none;
  }
}

@media (min-width: 992px){
    .menu-triger{
        display: none!important;
    }
}





@media (max-width: 769px) {
    .itc-slider__ite{
        height: auto;
    }
    .h1_doc{
        font-size: 30px;
    }
    .projects{
        padding: 120px 5px 0 5px;
    }
    .new_info{
         width:75%;
    }
    .container_stages_of_work{
    width: 250px;
    }
    
    .info_foto img{
        margin-top: 0px;
        width: -webkit-fill-available;
    }
    .block_projects_info img{
         width: -webkit-fill-available;
    }
    .o_nas{
        padding: 110px 0 55px 0;
    margin-top: -50px;
    }
    .par1{
        min-height: 100vh;
        height: 1500px!important;
    }
    .par2{
            background:none;
      
        height: 215px!important;
        min-height: 18vh!important;
    }
    
    .block_projects_logo{
        margin: 15px auto 15px auto;
    }
    .block_projects_h4{
        margin: auto;
    }
    .block_projects_adress{
       margin: 15px auto 15px auto;
    }
    .bp4{
        margin-bottom: 15px;
    }
    .block_projects_info{
        margin: auto;
        margin-bottom: 15px;
    }
    .itc-slider__btn_prev{
        left: 0;
    }
    .itc-slider__btn_next {
        right: 0;
    }
    .block_projects h3{
        font-size: 26px;
    }
}
@media (min-width: 768px) {
    .order-1{
       order:0!important; 
    }
}
@media (max-width: 1200px) {
   /* .par2{
        min-height: 100vh;
        height: 950px;
    }*/
    .pLR{
         padding:  0 75px 0 75px;
    }
}

@media (max-width: 991px) {
      .adress_header{
        display: none;
    }
    .info_foto img{
       
        width: -webkit-fill-available;
    }
      .block_projects_info img{
         width: -webkit-fill-available;
          margin-top: 30%;
    }
    .itc-slider__ite{
        height: auto;
    }
    .pLR{
         padding:  0 0px 0 0px!important;
    }
    .menu{
        margin-top: 60px;
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .left_top,
    .right_center,
    .left_bottom{
        position: initial;  
        margin: 25px 0 25px 0;
    }
    .info_img{
        text-align: center;
    }
    .par1{
        min-height: 100vh;
        height: 950px;
    }
    
    .container_list_of_services{
    margin: auto;
    margin-bottom: 25px;
    }
   
}
@media (min-width: 992px) {
.nav{
        max-height: none;
        top: 8px;
        position: relative;
        float: right;
       
        background-color: transparent;

    }

    .menu li{
        float: left;
        width: 33%;
    }

    .menu a:hover{
        background-color: transparent;
        color: var(--grey);
        
    }
    
    .hamb{
        display: none;
    }
}