#main_search_box {
  background-color: rgba(170, 170, 170, 0.9);
  top: auto;
  left: auto;
  z-index: 5;
  border: 1px solid white;
  box-sizing: border-box;
}

#searchDealsSideBar {
  position: fixed;
  z-index: 999;
  left: -340px;
  top: 164px;
}

#searchDealsSideBar .searchDealsSideBarFormContainer,
#searchDealsSideBar .showHideButton {
  float: right;
  position: relative;
}

#searchDealsSideBar .searchDealsSideBarFormContainer {
  width: 340px;
  z-index: 10;
}

#searchDealsSideBar .showHideButton {
  z-index: 10;
  cursor: pointer;
  position: relative;
}

#searchDealsSideBar .showHideButton span {
  -webkit-transform: rotate(-90deg) translate(-100%, 0);
  -webkit-transform-origin: 0% 0%;
  -moz-transform: rotate(-90deg) translate(-100%, 0);
  -moz-transform-origin: 0% 0%;
  -ms-transform: rotate(-90deg) translate(-100%, 0);
  -ms-transform-origin: 0% 0%;
  -o-transform: rotate(-90deg) translate(-100%, 0);
  -o-transform-origin: 0% 0%;
  transform: rotate(-90deg) translate(-100%, 0);
  transform-origin: 0% 0%;
  text-align: center;
  white-space: nowrap;
  border-radius: 0 0 20px 20px;
  display: block;
  border: 1px solid white;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
  border-top: none;
  background-color: rgba(0, 103, 225, 0.88);
  color: white;
  font-weight: bold;
  padding: 7px 15px 10px 15px;
  position: absolute;
  font-size: 14px;
}

#DDListPopUp {
  position: fixed;
}

#searchDealsSideBar .showHideButton span:hover {
  background-color: #007aff;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
}

@media (max-width: 720px) {
  #DDListPopUp {
    position: absolute;
  }

  #header #top {
    z-index: 1;
    background-color: #dedede;
    box-shadow: none;
  }

  #searchDealsSideBar {
    left: 0;
    position: relative;
    top: 0;
  }

  #searchDealsSideBar .searchDealsSideBarFormContainer,
  #searchDealsSideBar .showHideButton {
    float: none;
    width: 100%;
  }

  #searchDealsSideBar .searchDealsSideBarFormContainer {
    height: 0;
    overflow: hidden;
  }

  #searchDealsSideBar .showHideButton span {
    padding: 15px 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 0;
    position: relative;
  }

  #main_search_box {
    position: inherit !important;
    width: 98% !important;
    margin: 0 auto !important;
    left: auto !important;
    top: auto !important;
    background-color: rgba(170, 170, 170, 0.85) !important;
    max-width: none !important;
  }
}