.Search{ float:right;   width: 185px; height:28px; border:solid 1px #666666;  margin-left: 518px;}
#SearchtxtSearchDiv {float:left;  width: 154px; height: 28px;  background-color:White; }
#SearchlbtnSearchDiv { width:31px; height:28px; float:left; }
.SearchtxtSearch { height: 26px; width: 154px; font-family:Arial; border:transparent; font-size:13px; color:#2f2f2f; border:none; font-family:Arial; font-size:12px; }
.SearchlbtnSearch { width:31px; height:28px; float:left; cursor:pointer; background-image:url("Images/sbtn.png"); border:none;  } 


.searchInput {float: right;width: 100px;overflow: hidden;position: relative;padding-right: 100px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.searchInput.visible { width: 300px; }
.searchInput .pnlSearch {  }
.searchInput .txtSearch {float: right;font-family: "Ubuntu Regular";font-size: 1.3em;line-height: 38px;border: none;background-color: transparent;padding: 0 15px;outline: none;width: 200px;}
.searchInput .btnSearch {background-image: url("images/searchBg.png");background-repeat: no-repeat;background-position: 50%;background-color: transparent;border: none;width: 85px;height: 38px;position: absolute;top: 0;right: 15px;outline: none;}
@media screen and (max-width: 767px){
    .searchInput .txtSearch { position: absolute; top: 0; left: 0; width: 100%; padding-right: 90px; }
    .searchInput .btnSearch { right: 0; }
    .searchInput { position: absolute;top: 0;right: 0;height: 38px; background-color: #fafafa;z-index: 1; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; }
    .searchInput.visible {width: 100%;}
}