#search-opt {
	background: black; 
	color: gray; 
	text-align: center; 
	padding: 7px; border: 1px rgb(50,50,50) solid;
	/*width: 15%; */
	display: inline-block; 
	float: left; 
	border-right: none;
}
#search-query {
	max-width:65%;
	display: inline-block; 
	float: left;
}
#nav-search-close {
	right: unset; 
	margin-left: 10px;
}
@media screen and (max-width: 1280px){
	#search-opt {
		display: block;
		width: 75%;
		padding:  2px;
		border-right: 1px rgb(50, 50, 50) solid;
	}
	.nav-search-wrapper {
		margin-top:  0px;
	}
	#search-query {
		margin-left: 40px;
		max-width: unset;
		width: 75%;
	}

}
@media screen and (max-width: 1024px){
	#search-opt {
		width: 94%;
		margin: auto;
		/*margin-bottom: 10px;*/
		display: block;
		float: unset;
		padding: 10px;
													
	}
	#search-query {
		width: 94% !important;
		border: 1px rgb(50, 50, 50) solid;
		max-width: unset;
		float: unset;
		display: block;
		position: relative;
		/*margin: auto;*/
		margin-bottom: 25px;
	}
	#nav-search-close {
		right: 0;
		top: 0;
		display: none;
	}
	#nav-search-submit {
		display: block;
		position: absolute;
		left: 0;
	}
}
@media screen and (max-width: 500px){
	#search-opt {
		width: 85%;
	}
	#search-query {
		width: 85% !important;
		font-size: unset;
		font-size: 15px;
	}
}