.head-search {
  margin-top: 17px;
}
.head-search:before,
.head-search:after {
  display: table;
  content: " ";
}
.head-search:after {
  clear: both;
}
.head-search form {
  margin: 0;
}
.head-search label {
  display: none;
}
.head-search .search {
  position: relative;
}
.head-search .search:before {
  font-family: "FontAwesome";
  content: "\f002";
  display: block;
  position: absolute;
  left: 10px;
  top: 6px;
  color: #555555;
}
@media screen and (min-width: 768px) {
  .head-search .search {
    float: right;
  }
}
.head-search .form-control {
  padding-left: 30px;
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  .head-search .form-control {
    width: 300px !important;
  }
  .head-search .form-control:focus {
    width: 350px !important;
  }
}