.header-top {
    height: 55px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
position: relative;
overflow: hidden;
z-index: 9999;
}
.searchbox {
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 36px;
}
.btnsearch {
    color: #737373;
    font-size: 14px;
    cursor: pointer;
    z-index: 9999;
    float: right;
    margin-top: 8px;
}
.btnsearch:hover {
color: #c0a360;
}
.searchdiv {
    position: absolute;
    width: 500px;
    right: 4%;
    top: 5px;
    opacity: 0;
}
@-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
.searchdivblock {
    opacity: 1;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.btnsearchhidden {
display: none;
}


@media screen and (max-width: 993px) {
.btnsearch, .searchbox {
display: none;
}
}