.srchfrm {
  white-space:nowrap;
  padding: 10px;
  width:65%;
  max-width:350px;
  display:inline-flex;
  vertical-align:middle;
  }
.button.small.srch{
	display:inline-flex;
	height:35px;
	width:35px;
	border:none;
	vertical-align:middle;
	margin-left:4px;
	padding:12px;
}
.srch{
	display:inline-flex;
   	height:35px;
	border:none;
	vertical-align:middle;
}
.counter-display{
	margin-left:-36px;
	margin-right:0px;
	padding-bottom:16px;
	width:36px;
	display:inline-flex;
	vertical-align:middle;

}
/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }