#support_top_tr {width:auto; float:left; margin-top:20px; color:#fff; padding-left:35px; font-size:30px;}     
#supp_main1,
#supp_main {max-width:800px; margin-left:-26px; background-color:#fff; padding:50px;}
.cls_support {clear:both; height:20px; display:none;}
#placeKnVib {width:20%; min-width:300px; max-width:300px; float:right; padding:20px; font-size:14px; margin-right:10px;
             margin-top:9px;height:28px; line-height:30px;}
#kod_field {margin-top:5px; padding:3px; width:343px; float:left; }
.kapcha_box { float:left;width:157px; height:46px; line-height: 46px; 
                   cursor:pointer;color:#283436;
                   margin-left:0px; background-color:#EBEBEB; border-radius:4px;  font-size:12px;
                   font-family: 'Roboto';  }
   

@media  (min-width: 0px) and (max-width: 384px)
{ /* мобильники */
  #support_top_tr {margin-top:10px; padding-left:28px; font-size:20px;}   
  #supp_main1,
  #supp_main {width:90%; max-width:auto; margin-left:0px; background-color:#fff; padding:10px; margin-left:-10px;}
  .cls_support {display: block;}
  #kn_sends_gr {margin-top:20px;}
  #placeKnVib {width:90%;  min-width:250px; float:left;}
  #kod_field {float:none; margin-left:0px;}
  .otherkod {display:none;}
  .kapcha_box {width:80px; text-align:center;}
  #photo_icon_support{ margin-top:-50px; margin-left:10px;}
  #support_top_tr{margin-top:-30px;}
}


@media  (min-width: 385px) and (max-width: 767px)
{ 
  #support_top_tr {margin-top:14px; padding-left:25px; font-size:25px;}  
  .cls_support {display: block;}
  #kn_sends_gr{margin-top:20px;}
  #placeKnVib {  min-width:250px;float:none;}
  #kod_field {float:none; margin-left:10px;}
  .kapcha_box {width:140px;}
   #photo_icon_support{ margin-top:-45px; margin-left:10px;}
  #support_top_tr{margin-top:-25px;}

}

@media  (min-width: 768px) and (max-width: 1279px) 
{
  #placeKnVib {width:50%;  min-width:250px;}
    
}
 
@media  (min-width: 1280px) 
{  /* большой экран */
  

}