#myNavBar {
  overflow: hidden;
  background-color: #000000;
  width:100%;
  margin:  0;
}

#myNavBar a {
  float: left;
  display: inline;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#myNavBar a:hover {
  background-color: #ddd;
  color: black;
}

#myNavBar a.active {
    background-color: #16DB65;
    color: white;
}

#myNavBar input[type=text] {
    width: 130px;
    box-sizing:padding-box;
    border: 01px solid #ccc;
    border-radius: 3px;
    font-size: 17px;
    background-color: white;
    padding:inherit;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    float :right;
    margin-right: 20px;



}

#myNavBar input[type=text]:focus {
    width:auto;