.search-desc {
    position: absolute;
    left: 77%;
    top: 42%;
    font-size: .7em;
    color: #bbb;
    }
.search-hero .embed {
  padding: 13px 0 5px 6px;
}

.fa-search {
  padding-left: 1em;
}

#search-box {
  position: relative;
  width: 100%;
  margin: 0;
}
#search-form:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 1px 39px rgba(0, 0, 0, 0.08), 0 2px 6px #0641733d;
}

#search-form {
  height: 4.2em;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 0px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0), 0 1px 18px 0 rgba(0, 0, 0, 0), 0 3px 5px -1px rgb(218, 216, 215);
  margin-bottom: 2em;
}

#search-text {
  font-size: 14px;
  color: #ddd;
  border-width: 0;
  background: transparent;
}

#search-box input[type="text"] {
  width: 90%;
  padding: 21px 0 16px 3em;
  color: #333;
  outline: none;
  font-size: 1.05em;
}

#search-form #search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 4.5em;
  width: 9em;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  background-color:#0068FF;
  cursor: pointer;
  letter-spacing: .05em;
  border:none;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0), 0 1px 18px 0 rgba(0, 0, 0, 0), 0 3px 5px -1px rgb(218, 216, 215);
}

#search-box .glyphicon {
    position: absolute;
    margin-top: 1.6em;
    padding-left: 1em;
    color: #979797;
}
@media screen and (max-width: 1024px) {
    .search-desc {
        left: 74%;
    }
}
@media only screen and (max-width: 1000px) {
	 .search-desc {
      left: 2%;
      top: 112%;
    }
}
@media only screen and (max-width: 878px) {
    #search-box {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }
    #search-form #search-button {
        right: 1em !important;
    }
 }
@media only screen and (max-width: 770px) {
    #search-box {
        margin-left: 1em !important;
        margin-right: 1em !important;
        padding-right: 2em;
    }
    #search-form #search-button {
        right: 2em !important;
    }
}
@media only screen and (max-width: 600px) {
    #search-box {
      padding-right: 2em;
    }
    #search-box input[type="text"] {
      font-size: .8em;
      padding: 15px 0 16px 1.6em !important;
    }
    #search-box {
      margin-left: .8em;
    }
    #search-form {
      height: 3em;
    }
    #search-form #search-button {
      height: 4.3em;
      width: 6em;
      font-size: .7em;
      right: 2em;
    }
    #search-box .glyphicon {
      padding-left: .5em;
      font-size: .7em;
      margin-top: 1.7em;
    }
}