@media (max-width: 600px) {
  .stepsBar{padding: 8px 8px 16px 8px;}
  body.formBlock .stepsBar{width: 95%;padding: 10px 20px 30px 20px;}
  #progressbar{margin:10px 0 0 0 !important}
  .stepsBar h2{padding-bottom:0}
  .stepsBar .itemBox, .stepsBar span.office{margin: 15px 0 0;}
  .stepsBar .itemBox .item, .stepsBar.stepsBar3 .itemBox .item{width:calc(33.33% - 12px)}
  .stepsBar .itemBox .item span.bedrIcon{width: 85px;}
  .stepsBar .itemBox .item h4 { font-size: 12px; font-weight: 700; width: 75%; margin: 0 auto; }
  .stepsBar .nextBTn, .prevBTn, .tabBtn{font-size: 15px;width: 100%; margin: 10px 0px 0px 0;}
  button.addComment{width: 100%; margin: 10px 0px 0px 0;padding: 12px 25px;}
  .stepsBar span.office, .ui-menu .ui-menu-item, .stepsBar .itemBox .customFild .inputFild, .stepsBar.stepsBar2 .itemBox .customFild [type="radio"]:checked + label, .stepsBar.stepsBar2 .itemBox .customFild [type="radio"]:not(:checked) + label{font-size: 15px !important}
  .stepsBar p {line-height: 1.3}
  .stepsBar span.office a.clkhere, .stepsBar h3{font-size: 14px;font-weight: 700;line-height: 1.5}
  .stepsBar .itemBox .customFild .inputFild, .stepsBar.stepsBar6 .itemBox .customFild .inputFild{padding: 8px 20px 8px 50px}
  .stepsBar .itemBox .movePart{margin: 0 0 10px;}
  .stepsBar.stepsBar6 .movePart.userFild, .stepsBar.stepsBar5.stepsBarForm .movePart.userFild{margin: 0 0 5px;}
  .stepsBar.stepsBar6 .textBoxx, .stepsBar.stepsBar5 .textBoxx{margin: 10px 0 0;}
  .stepsBar.stepsBar6 .movePart.userFild label, .stepsBar.stepsBar6 .textBoxx, .stepsBar.stepsBar5 .textBoxx{font-size: 14px;margin: 5px 0 0px 0px;line-height: 1.5}
  .movePart.userFild.hearAbout select#en_referral{padding: 10px 15px !important;font-size: 14px !important;}
  .stepsBar .itemBox .lablText{margin: 0}
  .skip_bin_item label.BoxLabel{font-size: 14px; line-height: 1.4}
  .stepsBar p{color: #1c2d41}
}