/* ---------------------------------------------------------------
	top search
--------------------------------------------------------------- */

@media (min-width: 768px) {
  .searchform {
    padding: 0px;
  }
  .searchform.opened {
    border-bottom: 1px solid black;
  }
  .searchform.opened .search-input {
    border: none;
    width: 90px;
  }
  .searchform .search-submit {
    border: 0;
    background: transparent;
  }
  .searchform .search-submit:hover .fa {
    color: #ed1b2e;
  }
  .searchform .search-input {
    width: 0;
    border: none;
    padding: 0;
    margin: 0;
  }
  .searchform .search-input::placeholder,
  .searchform .search-input:-ms-input-placeholder,
  .searchform .search-input::-ms-input-placeholder {
    color: #cccccc;
  }
}
@media (min-width: 1200px) {
  .searchform.opened .search-input {
    width: 180px;
  }
}
@media (max-width: 900px) {
  .searchform.opened .search-input {
    width: 70px;
  }
}
@media (max-width: 780px) {
  .searchform.opened .search-input {
    width: 50px;
  }
}