#search_block_top {
  display: inline-block;
}

#search_block_top:hover {
  color: var(--primary-link-color-hover);
}

.search_block_top i {
  font-size: 18px;
}

@media (max-width: 767px) {
  #search_block_top {}
}

@media (min-width: 768px) and (max-width: 991px) {
  #search_block_top {
    margin-top: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #search_block_top {
    margin-top: 20px;
  }
}

#search_block_top #search_query_top {
  height: 34px;
  font-size: 14px;
  border-top: none;
  box-shadow: none;
  border-left: none;
  border-right: none;
}

#search_block_top .btn {
  height: 34px;
  padding: 0 10px;
  background: transparent;
  color: #ddd;
  border: none;
  border-bottom: 1px solid #ddd;
}

.blocksearch.ac_results {
  border: 1px solid #eee;
  margin-top: -1px;
  padding: 10px;
}

.blocksearch.ac_results li.ac_over {
  color: #fff;
  background-color: #d0a369;
}

#search_block_top #searchbox {
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 0px;
  float: right;
  padding-right: 20px;
  position: relative;
  text-align: left;
  width: 147px;
  padding: 10px;
}

.search_block_top #searchbox {
  padding: 10px;
  line-height: 25px;
}