#autosearch_cont {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 1024px;
	height: auto;
	padding: 10px 0;
	text-align: center;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
}
	
@media screen and (min-width : 320px) and (max-width : 479px) {
	#autosearch_cont { width: 320px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#autosearch_cont { width: 480px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#autosearch_cont { width: 768px; }
}

	.fa-search {
		font-size: 30px;
		color: #e84b2e;
		margin-right: 10px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.fa-search { font-size: 24px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.fa-search { font-size: 24px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.fa-search { }
	}

	#auto_search {
			width: 780px;
			height: 40px;
			font-size: 24px;
			font-weight: 300;
			font-family: 'Roboto', sans-serif;
			padding-left: 20px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		#auto_search { width: 220px; padding-left: 10px; height: 25px; font-size: 14px; border-radius: 0px; border-color: #dbdbdb; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		#auto_search { width: 350px; padding-left: 10px; height: 30px; font-size: 16px; border-radius: 0px; border-color: #dbdbdb; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		#auto_search { width: 650px; border-radius: 0px; border-color: #dbdbdb; }
	}
		
		#auto_search::-webkit-input-placeholder {
			color: #393939;
		}

		#auto_search:-moz-placeholder { /* Firefox 18- */
   		color: #393939;
		}

		#auto_search::-moz-placeholder {  /* Firefox 19+ */
   		color: #393939;
		}

		#auto_search:-ms-input-placeholder {  
   		color: #393939;
		}
	
		.ui-autocomplete {
			z-index:2000;
			position: fixed;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.ui-autocomplete { }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.ui-autocomplete { }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.ui-autocomplete { }
		}
		
		.ui-widget {
			font-family: 'Roboto', sans-serif;
		}
		
		.list_title {
			display: block;
			height: 40px;
			background: #dbdbdb;
			line-height: 40px;
			text-transform: uppercase;
			font-size: 14px;
			color: #393939;
			margin: 0 -20px;
			padding: 0 20px;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.list_title { height: 30px; margin: 0 -10px; padding: 0 10px; line-height: 30px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.list_title { height: 30px; margin: 0 -10px; padding: 0 10px; line-height: 30px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.list_title { }
		}
		
		.list_title:hover {
			cursor: default;
			font-weight: 300;
		}
		
		.ui-state-hover,
		.ui-widget-content .ui-state-hover,
		.ui-widget-header .ui-state-hover,
		.ui-state-focus,
		.ui-widget-content .ui-state-focus,
		.ui-widget-header .ui-state-focus,
		.ui-button:hover,
		.ui-button:focus {
			border: none;
			background: #FFFFFF;
			font-weight: 300;
			color: #e84b2e;
		}

		.ui-menu .ui-state-focus,
		.ui-menu .ui-state-active {
			margin: 0px;
		}
		
		.ui-menu-item {
			height: 40px;
			line-height: 40px;
			padding: 0 20px;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.ui-menu-item { height: 30px; line-height: 30px; padding: 0 10px; overflow: hidden; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.ui-menu-item { height: 30px; line-height: 30px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.ui-menu-item { }
		}
		
		.ui-menu-item .fa {
			color: #dbdbdb;
			width: 25px;
		}