#header, #header .header-top {
  background-color: white;
}

#search_widget {
  margin-bottom: .625rem;

}

#search_widget form i.clear {
  right: 15px;
  display: none;
}

.ui-autocomplete.searchbar-autocomplete {
  width: 100%;
  min-height: 100%;
  border: none;
}

.ui-autocomplete.searchbar-autocomplete li a, .ui-autocomplete.searchbar-autocomplete li a.ui-state-focus {
  padding: 8px 15px;
  overflow: auto;
  border: none;
  background: none;
  margin: auto;
  border-radius: 0;
}

.ui-autocomplete.searchbar-autocomplete li a:hover {
  background-color: #EE4E4E;
  cursor: pointer;
}

.ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
  float: left;
  width: 50px;
  height: auto;
  margin-right: 8px;
}

.ui-autocomplete.searchbar-autocomplete {
    width: 390px !important;
    min-height: auto;
    left: calc(((100vw - 1160px) / 2) + 1024px) !important;
    top: 145px !important;
}

@media (min-width: 768px) and (max-width:799px) {
  #search_widget {
    float: right;
    margin-bottom: 0;
  }
  .ui-autocomplete.searchbar-autocomplete {
    width: 250px !important;
    min-height: auto;
    right: 33px !important;
    top: 120px !important;
    left: auto !important;
  }

  .ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
    width: 25px;
  }

  .ui-menu-item .product {
    font-size: 10px;
  }
}

@media (min-width: 800px) and (max-width:980px) {
  #search_widget {
    float: right;
    margin-bottom: 0;
  }
  .ui-autocomplete.searchbar-autocomplete {
    width: 250px !important;
    min-height: auto;
    right: 140px !important;
    top: 120px !important;
    left: auto !important;
  }

  .ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
    width: 25px;
  }

  .ui-menu-item .product {
    font-size: 10px;
  }
}

@media (min-width: 992px) and (max-width:1024px) {
  .ui-autocomplete.searchbar-autocomplete {
    width: 248px !important;
    min-height: auto;
    left: 729px !important;
    top: 126px !important;
  }
  .ui-menu-item .product {
    font-size: 12px;
    padding-left: 0;
  }
}

@media (min-width: 1025px) and (max-width:1690px) {
  .ui-autocomplete.searchbar-autocomplete {
      width: 400px !important;
      min-height: auto;
      right: 9px !important;
      top: 145px !important;
      left: auto !important;
  }
}
@media (min-width: 640px) and (max-width:767px) {
  .ui-autocomplete.searchbar-autocomplete {
      width: 469px !important;
      min-height: auto;
      left: 0 !important;
      top: 140px !important;
      right: 0;
      margin: 0 auto;
  }
}

@media (max-width:649px) {
  /* .ui-autocomplete.searchbar-autocomplete {
    width: 290px !important;
    top: 180px !important;
    left: 15px !important;
  } */
   .ui-autocomplete.searchbar-autocomplete {
    width: 85% !important;
    min-height: auto;
    left: 0 !important;
    top: 148px !important;
    right: 0;
    margin: 0 auto;
  }
}