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

/* compress search box on mobile, expand when focused */
.searchbox input[type="search"] {
	width: 15%;
	-webkit-transition: width 100ms;
	-moz-transition: width 100ms;
	-o-transition: width 100ms;
	transition: width 100ms;
}
.searchbox input[type="search"]:focus,
.searchbox input[type="search"]:active {
	width: 155px;
}

/* do not show display name on mobile when profile picture is present */
#header .avatardiv.avatardiv-shown + #expandDisplayName {
	display: none;
}


}
