#search_block_top {
  width: 100%;
  padding-left: 120px;
  height: 100vh;
  position: fixed;
  background: #fff;
  z-index: 9999;
  opacity:0;
  left:-100%;}
  #search_block_top #searchbox {
    float: left;
    width: 100%;
    background:url('/themes/Migico/img/search-bg.png') no-repeat center top;
    padding-top: 40px;}
#search_block_top .btn.button-search {
    display: block;
    width: 90%;
    max-width:335px;
    text-align: center;
    margin:125px auto 0;
     }

    #search_block_top .btn.button-search:before {
      content: url('/themes/Migico/img/icon/search-icon.png');
      display: block;
      width: 100%;
      text-align: center;
      display: none;}
    #search_block_top .btn.button-search:hover {
      color: #6f6f6f; }
  #search_block_top #search_query_top {
    display: block;
    padding: 13px 60px 13px 13px;
    height: 45px;
    width: 90%;
    max-width: 700px;
    margin: 0 auto;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 16px;
    }

.ac_results {
  width: 90% !important;
  max-width: 700px !important;
  margin-top: 0px !important;
  border: none !important;
  padding-top: 10px !important;}
  .ac_results li {
    padding: 5px 10px !important;
    font-weight: normal;
    color: #000;
    font-size: 14px;
    line-height: 27px;
    font-family: "PT Sans",sans-serif;
    text-transform: uppercase; }
    .ac_results li.ac_odd {
      background: #fff; }
    .ac_results li:hover, .ac_results li.ac_over {
      background: #fbfbfb; }
.ac_results li strong {
  font-family: "PT Sans",sans-serif;
}
form#searchbox {
  position: relative; }
  form#searchbox label {
    color: #333; }
  form#searchbox input#search_query_block {
    margin-right: 10px;
    max-width: 222px;
    margin-bottom: 10px;
    display: inline-block;
    float: left; }
  form#searchbox .button.button-small {
    float: left; }
    form#searchbox .button.button-small i {
      margin-right: 0; }

.search-title {
  font-family:"Playfair Display",sans-serif;
  font-size:30px;
  line-height:33px;
  color:#000;
  text-align: center;
  margin-bottom:35px;
  margin-top: 10%;
}

@media (max-width: 1200px){
  #search_block_top #searchbox {
    width: 500px;
    padding-top: 10px;
    margin: 0 auto;
    background-size: contain;
    float:none;
  }
  .search-title {
    font-size: 24px;
  }
  #search_block_top .btn.button-search {
    margin: 55px auto 0;
  }
}
@media (max-width: 800px){
  #search_block_top {
    padding-left: 70px;
  }
  #search_block_top #searchbox {
    width: 200px;
    background-position: center 5px;
    padding-top:0px;
  }
  .search-title {
    font-size: 18px;
    line-height: 21px;
    margin-top: 120px;
  }
}