@media screen and (max-width: 900px) {


#tf_bg{

 height:80vh;

}

.tf_bg .title{
  font-size:22px!important;
  line-height:35px!important;
}

#js-carousel div img{
 width:150px!important;
}
.name-material{
 top:1px!important;
 left:-9px!important;
 font-size:15px!important;
}
.dragdrop{
 right:10px!important;

 
}
.dragdrop img{
 width:50px!important;
}
#js-carousel2 div img{
  width:170px!important;
}
.owl-carousel .owl-stage-outer{
 /*height:100px!important;
 */
}
.block_type1{
 width:90%!important;
 flex-flow: column!important;
}
.block_type2{
 width:90%!important;
 flex-flow: column-reverse!important;
}
.fdiv{
 width:90%!important;
 flex-flow: column!important;
 height: auto!important;
}
.fdiv div{
 width:90%!important;
}

}



@media (max-width: 768px){
  /* Только мобильные */
  .hleb{padding-left:10px!important;}
  .mini_div1 img{
    width:200px!important;
   }
  .niz_logo{
    width:170px!important;
   }
  
}
 
 .soc{
   width: 52px;
   margin:6px;
   transition: 1s;
  }
  .soc:hover{
   width: 64px;
   margin:0px;
   transition: 0.2s;
  }

  #menu-footer_menu a{ 
    color: #a2a2a2;
    word-wrap: break-word
  }
  #menu-footer_menu a:hover{ 
     color: #fff;
  }  
  footer{    
  min-height:300px;    
  background-color:#393939;    
  }    
  .fdiv{    
  width:1200px;    
  margin:0px auto;    
  display:flex;     
  justify-content: center;     
  height:200px;    
  }    
  .fdiv>div{    
  height:100%;   
  margin:20px 0px;    
  padding:0px 20px; 
  text-align:left;  
  width:24%;
  }    
  .fd1, .fd2, .fd3{
  border-right: 1px solid #444;
  }