.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 {
	position: relative;
	display: inline-block;
	float: right;
	width: 30%; 
	width:43% \9;
	right: -13px;
}

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

	.topbar:focus-within {
		width: 43%;
		-webkit-transition: width 1s; 
		transition: width 1s;
	}

	.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: 43%;
	}

	.topbar .searchresults {
		right: 15px;
		right:11em \9;
		width: 41.2%;
	}
	@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
		.topbar .searchresults {
			right: 11em;
		}
	}
}

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

	.topbar .searchresults {
		right: 15px;
		width: 45.15%;
	}
}

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

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

		.topbar .searchresults {
			right: 15px;
			width: 60%;
		}
}

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

		.topbar .searchresults {
			right: 7px;
			width: 65%;
		}

	.headermenu {
		position: relative;
	}

		
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.topbar:focus-within {
		width: 70.20%;
		
	}

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

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

	.topbar .searchresults {
		width:90%;
	}
}
/* 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;
		}
}