input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

  #search_block_top {
    /* padding-top: 50px; */
    /* margin-top:  50px; */
  }
  #search_block_top #searchbox {
    float: left;
    width: 100%; }
  #search_block_top .btn.button-search {
    background: #333;
    /*border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;*/
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #fff;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0; }

    #search_block_top .btn.button-search span {
      display: none; }
    #search_block_top .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 17px;
      width: 100%;
      text-align: center; }
    #search_block_top .btn.button-search:hover {
      color: #6f6f6f; }
  #search_block_top #search_query_top {
    display: inline;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    padding: 13px 60px 13px 13px;
    height: 45px;
    background: #fbfbfb;
    margin-right: 1px; }


  #search_block_top_dimensions {
    /* margin-top:  50px; */
  }
  #search_block_top_dimensions #searchbox {
    float: left;
    width: 100%; }
  #search_block_top_dimensions .btn.button-search {
    background: #333;
    /*border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;*/
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #fff;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0; }

   #search_block_top_dimensions .btn.button-search span {
    display: none; }
   #search_block_top_dimensions .btn.button-search:before {
    content: "\f002";
    display: block;
    font-family: "FontAwesome";
    font-size: 17px;
    width: 100%;
    text-align: center; }
   #search_block_top_dimensions .btn.button-search:hover {
    color: #6f6f6f; }
   #search_block_top_dimensions #search_query_top {
    display: inline;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    padding: 13px 60px 13px 13px;
    height: 45px;
    background: #fbfbfb;
    margin-right: 1px; }


.ac_results {
  background: #fff;
  border: 1px solid #d6d4d4;
  width: 271px;
  margin-top: -1px; }
  .ac_results li {
    padding: 0 10px;
    font-weight: normal;
    color: #686666;
    font-size: 13px;
    line-height: 22px; }
    .ac_results li.ac_odd {
      background: #fff; }
    .ac_results li:hover, .ac_results li.ac_over {
      background: #fbfbfb; }

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; }

.switchSearchMode {
 cursor: pointer; 
 z-index: 2;
 position: absolute; 
 display: inline-block;
 right: 10px;
 padding: 5px;
 margin-bottom: 22px;
 line-height: 16px; 
 font-weight: 500;
 text-align: right; 
 font-size: 9px; 
 text-transform: uppercase; 
 text-decoration: underline;
}
.switchSearchMode:hover {
 text-decoration: none;

}
.dimensionsInput {
  display: inline;
  width: 45% !important; 
  height: 45px; 
  font-size: 14px;
  font-weight: 500; 
  color: #3a3939;
  background-color:#fbfbfb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.dimensionsInput::-webkit-input-placeholder {
  font-size: 12px; 
  font-weight: 400;
}
.dimensionsInput:-ms-input-placeholder {
  font-size: 12px; 
  font-weight: 400;
}
@media (max-width: 767px) {
#search_block_top, #search_block_top_dimensions {
    margin-top: 90px;
}
}
@media (max-width: 420px) {
#search_block_top, #search_block_top_dimensions {
    margin-top: 75px;
}
}
@media (max-width: 420px) {
#search_block_top, #search_block_top_dimensions {
    margin-top: 70px;
}
}
@media (max-width: 360px) {
#search_block_top, #search_block_top_dimensions {
    margin-top: 50px;
}
}