.container-2 {
  width: 280px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}

.container-2 input#search {
  width: 170px;
  height: 35px;
  background: #fff;
  border: 2px solid #ff8901;
  font-size: 10pt;
float:right;
  color: #192a56;
  padding-left: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #192a56;
  /*-webkit-transition:left width linear 1s;
  -moz-transition:left width 1s ;
  -ms-transition:left width 1s;
  -o-transition:left width 1s ;
  transition:left width 1s ;*/
  -moz-transition: left .5s ease, width .5s ease-out 0s, border-width .5s ease-out .5s;
	-webkit-transition: left .5s ease, width .5s ease-out 0s, border-width .5s ease-out .5s;
}

.container-2 input#search::-webkit-input-placeholder {
  color: #65737e;
}

.container-2 input#search:-moz-placeholder {
  /* Firefox 18- */
  color: #65737e;
}

.container-2 input#search::-moz-placeholder {
  /* Firefox 19+ */
  color: #65737e;
}

.container-2 input#search:-ms-input-placeholder {
  color: #65737e;
}


.container-2 input#search:focus,
.container-2 input#search:active {
  outline: none;
  width: 280px;
}

.container-2:hover input#search {
  width: 280px;
}


@media screen and (max-width:1000px) {

    .container-2 {
        width: 250px;
    }
    .container-2 input#search {
            width: 50px;
            height: 25px;
        }
        .container-2 input#search:focus,
.container-2 input#search:active {
  outline: none;
  width: 180px;
}
        .container-2:hover input#search {
  width: 180px;
}
}