section.hero.search {
    height: 250px;
    padding: 0 0 0;
}

.hero #search {
    position: relative;
    z-index: 2;
}

.hero #search input[type="text"] {
    margin: 0 auto;
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    font-weight: normal;
    font-size: 60px;
    line-height: 70px;
    font-family: 'Sorts Mill Goudy', serif;
    padding: 12px 70px 0px 210px;
}
.hero #search input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #9c9c9c;
    color:white;
      font-style:italic;
    }
    .hero #search input[type="text"]::-moz-placeholder { /* Firefox 19+ */
      color:#9c9c9c;
    color:white;
      font-style:italic;
    }
    .hero #search input[type="text"]:-ms-input-placeholder { /* IE 10+ */
      color: #9c9c9c;
    color:white;
      font-style:italic;
    }
    .hero #search input[type="text"]:-moz-placeholder { /* Firefox 18- */
      color: #9c9c9c;
    color:white;
      font-style:italic;
    }


.hero #search .submit-wrap:after {
    content: "\e81a";
    text-indent: 0;
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    font-family: "Fontello";
    top: 6px;
    right: 0;
    left: 0;
    margin: 0 auto;
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
}

.hero #search input[type="submit"] {
    text-indent: -99999px;
    position: relative;
    border: none;
}

.hero #search label {
    font-weight: normal;
    font-size: 60px;
    line-height: 70px;
    font-family: 'Sorts Mill Goudy', serif;
    color: white;
    text-transform: capitalize;
    position: absolute;
    margin: 0;
    bottom: 1px;
}

.hero.search .input-wrap {
    position: relative;
}

@media only screen and (max-width:1024px){
      .hero #search input[type="text"],
      .hero #search label{
        font-size:40px;
        line-height:50px;
      }
      .hero #search input[type="text"] {
          padding: 12px 50px 0 145px;
      }
      .hero #search .submit-wrap{
        right:0;
      }
      .hero #search .submit-wrap:after{
        font-size:30px;
        line-height:36px;
      }
    }
    @media only screen and (max-width:650px){
       .hero #search input[type="text"],
      .hero #search label{
        font-size:30px;
        line-height:40px;
      }
      .hero #search input[type="text"] {
          padding: 12px 50px 0 110px;
      }
      .hero #search .submit-wrap:after{
        font-size:25px;
        line-height:30px;
      }
    }
    @media only screen and (max-width:500px){
      .hero #search input[type="text"],
      .hero #search label{
        font-size:24px;
        line-height:30px;
      }
      .hero #search input[type="text"] {
          padding: 12px 40px 0 90px;
      }
      .hero #search .submit-wrap:after{
        font-size:20px;
        line-height:20px;
      }
    }