.topbar .search-text {
	width: 100%;
	box-sizing: border-box;
	/* float: right; */
	border: none;
	border-radius: 3px;
	font-size: 12px;
	background-color: #333333;
	background-image: url(/Content/Theme/images/searchicon.png);
	background-position: 7px 7px;
	background-repeat: no-repeat;
	margin: 3px 0 0;
	padding: 5px 20px 5px 26px;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
}

.topbar .searchdiv {
	height: 30px;
}

.topbar .search-text:focus {
	width: 100% !important;
}

.topbar {
	position: relative;
	display: inline-block;
	float: left;
	width: 30%;
	padding-right: 1em;
	margin-top: 1px;
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 5px;
}

	.topbar .searchresults {
		left: 18.5em !important \9;
		left: 28px;
		position: fixed;
		width: 43.15%;
		display: table;
		border-radius: 2px 2px 5px 4px;
		background-color: #fff;
		/*border: 1px solid gray;*/
		box-shadow: 0 3px 3px rgba(64,64,64,0.5);
		z-index: 18;
	}

	.topbar:focus-within {
		width: 48%;
	}

	.topbar .searchresults .textBox {
		max-height: 378px
	}

.rmm.style .latfield {
	position: absolute;
	top: 0;
	z-index: 0;
	right: 0;
	margin: 0
}

@media only screen and (max-width : 1440px) {
	.topbar:focus-within {
		width: 45.15%;
	}

	.topbar .searchresults {
		width: 45%;
	}
}

@media only screen and (max-width : 1200px) {
	.topbar:focus-within {
		width: 45%;
	}

	.topbar .searchresults {
		width: 45.15%;
	}
}

@media only screen and (max-width : 1024px) {
	.headermenu .topbar {
		position: absolute;
		z-index: 99999999;
		left: 7px;
	}

	.topbar {
		width: 4%;
		top: -2px;
	}

		.topbar:focus-within {
			width: 60.2%;
			
		}

		.topbar .searchresults {
			width: 60%;
			left: 19px;
		}
}

@media only screen and (max-width : 992px) {
	.topbar:focus-within {
		
		width: 65.2%;
	}

	.topbar .searchresults {
		left: 14px;
		width: 65%;
	}

	.headermenu {
		position: relative;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


	.topbar:focus-within {
		width: 70.2%;
		
	}

	.topbar .searchresults {
		left: 6px;
		width: 70%;
		
	}
}

@media only screen and (max-width : 480px) {
	.topbar:focus-within {
		width: 90.2%;
	}

	.topbar .searchresults {
		left: 6px;
		width: 90%;
	}

	.rmm.style {
		width: 8%;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.rmm.style ul ul {
		display: none;
		margin: 0;
		background: #333a56;
		border-radius: 0;
		padding: 0;
		position: absolute;
		z-index: 99999;
		min-width: 180px;
	}

		.rmm.style ul ul li {
			border-bottom: 1px solid #515b82;
		}