#xf {margin-bottom:2em; background:#fff;}
#xf .fields {position:relative; display:flex; flex-wrap:wrap; width:100%; margin-bottom:0.5em;}
#xf .textfield {display:block; width:100%; border:1px solid #ccc; margin:0; padding:0.5em 6em 0.5em 1em; font-size:1.2em;}
#xf .button {padding:0.75em 1em; font-size:0.8em; border:0;}
#xf .clear {position:absolute; right:50px; top:0; bottom:0; width:50px; width:50px; background:url(clear.svg) no-repeat center center / 15px; text-indent:-9999px;}
#xf .go {position:absolute; right:0; top:0; bottom:0; background:#5DA7B9 url(search.svg) no-repeat center center / 15px; width:50px; text-indent:-9999px;}
#xf .extsearch {display:block; text-decoration:none; color:#5DA7B9; margin-bottom:1em;}
#xf .speedbar {padding:0 0 1em 0;}
#xf .speedbar a {text-decoration:none;}
#hidefields {display:none; margin:0.5em 0 1em;}
.anchor {margin:2em auto; text-align:center;}
.ms-options-wrap {margin-right:0.25em; min-width:150px; max-width:100%;}

@media only screen and (max-width:769px){
	#xf .fields {display:block;}
	#xf .fields > div {margin-bottom:0.5em;}
	#xf input[type=text], #xf input[type=number] {display:block; width:100%;}
	#xf .button {width:48%; text-align:center;}
	.ms-options-wrap {margin-right:0;}
}
*/