.search-top {
  margin-bottom:20px; 
.search-wrap {
  float:right;
  .search-box {
    float: right;
    .select-box {
      width: 110px; float:left; height:40px;
      select { 
        border-right: 0; border-radius: 0;height: 100%; font-size: 1.3rem; 
      }
    }
    .input-box {
      float: left; height:40px; width:200px;
      input[type="text"].text-input {
        border-right: 0; border-radius: 0;height: 100%; width: 100%;
        &:hover {
          background:transparent;
        }
      }
    }
    .btn-wrap {
      float:left;
      button {
        border-radius: 0; width: 50px; padding: 0;height: 40px;
        img {
          vertical-align: middle; width: 15px; height: 15px;
        }
      }
    }
  }
}
}

@media(max-width: 768px) {
   .search-top {
    margin-bottom:10px;
    .search-wrap {
      float:none;
      .search-box {
        float:none; width:100%;
        .select-box {
          width: 120px;
          select {
            font-size: 1.2rem;
          }
        } 
        .input-box {
          width: calc(100% - 177px);
        }
        .btn-wrap {
          button {
            img {
              width:13px; height:13px;
            }
          }
        }
      }
    }
  }
}

@media(max-width:500px) {
  @media(max-width: 768px) {
    .search-top {
     .search-wrap {
       .search-box {
         .select-box {
           width: 90px
         } 
         .input-box {
           width: calc(100% - 140px);
         }         
       }
     }
   }
 }
}