#search-bar{
  z-index: 999;
}
#search-bar .search-bar-wrapper{
  background-color: #EAEFF4;
  border-bottom: 1px solid rgba(0, 54, 118, 0.4);
}
#search-bar .search-bar-wrapper #search-bar-title{
  font-size: 1.3rem;
}
#search-bar .search-bar-wrapper #search-input-wrapper #search{
  border:0;
  border-bottom: 1px solid rgba(0, 54, 118, 0.4);
  font-size: 16px;
  background-color: transparent;
}
#search-bar .search-bar-wrapper #search-input-wrapper #search:focus {
  outline: 0;
}
#search-bar .search-bar-wrapper #search-input-wrapper #searching-icon{
  position: absolute;
  right: 60px;
  bottom: 7px;
  border: 5px solid #e6f0f6;
  border-radius: 50%;
  border-top: 5px solid #00A7EB;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
#search-bar .search-bar-wrapper #search-bar-close img{
  cursor: pointer;
}
#search-bar .search-bar-wrapper #search-bar-btn{
  border: none;
}
#search-bar .search-bar-wrapper #search-bar-btn:hover{
  background-color:#003676;
}
#search-bar #search-result-wrapper{
  background-color: transparent;
}
#search-bar #search-result-wrapper #search-result-container a{
  text-decoration: none;
}
#search-bar #search-result-wrapper #search-result-container .search-result-product,
#search-bar #search-result-wrapper #search-result-container .search-result-all{
  padding-left: 175px!important;
}
#search-bar #search-result-wrapper #search-result-container .search-result-product:hover,
#search-bar #search-result-wrapper #search-result-container .search-result-all{
  text-decoration: underline;
}

@media (max-width:767px){
  #search-bar .search-bar-wrapper #search-bar-title{
    width: 100%;
  }
  #search-bar .search-bar-wrapper #search-input-wrapper{
    padding-left: 0!important;
    padding-right: 1.5rem!important;
  }
  #search-bar .search-bar-wrapper #search-bar-btn{
    margin:0!important;
  }
  #search-bar #search-result-wrapper #search-result-container .search-result-product,
  #search-bar #search-result-wrapper #search-result-container .search-result-all{
    padding-left: 15px!important;
  }
}
@media (max-width:575px){
  #search-bar-btn{
    padding-left: 1rem!important;
    padding-right: 1rem!important;
  }
}