div.all-cities-window {
	box-sizing: border-box;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	padding: 10px 5px;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
	z-index: 5;
}

div.all-cities-window div.cities {
	display: block;
	overflow-y: auto;
}

div.all-cities-window div.cities div {
	display: block;
	box-sizing: border-box;
	float: left;
	height: 28px;
	padding: 0 0 0 10px;
	margin: 0 5px;
	color: #000000;
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	user-select: none;
}
div.all-cities-window div.cities div:hover {
	background-color: #F9F9F9;
}

div.all-cities-window div.cities div.active {
    background-color: #555555;
    color: #FFFFFF;
    cursor: default;
}

@media (min-width: 598px) {
	div.all-cities-window {
		width: 550px;
	}

	div.all-cities-window div.cities div {
		width: 170px;
	}
}
@media (min-width: 418px) and (max-width: 597px) {
	div.all-cities-window {
		width: 370px;
	}

	div.all-cities-window div.cities div {
		width: 170px;
	}
}
@media (min-width: 0px) and (max-width: 417px) {
	div.all-cities-window {
		width: calc(100% - 40px);
	}

	div.all-cities-window div.cities div {
		width: calc(50% - 10px);
	}
}