#autocomplete-results {
	max-height: 150px;
	overflow-y: auto;
	background: #202020;
	position: absolute;
	width: 100%;
	z-index: 9999;
	-webkit-appearance: none;
}

#autocomplete-results ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}

#autocomplete-results li {
	padding: 5px;
	cursor: pointer;
	font-family: "Urbanist";
	font-size: 13.3333px;
}

#autocomplete-results li:hover {
	background-color: #494949;
}

#category-select, #tag-select {
	font-family: "Urbanist";
	padding: 8px;
	margin-left: 10px;
	background: #202020;
	color: #fff;
	border-radius: 6px;
	border: 2px solid #202020;
	max-width: 136px;
	font-weight: bold;
	outline: 0;
	background-image: url("https://cdn-ildceap.nitrocdn.com/KPFYIdGvVCUUkvheYYGalvSwcGqVPlAi/assets/images/optimized/rev-6cfb605/futanari.xxx/wp-content/plugins/search-plugin/images/caret-up-fill.png") !important;
	background-repeat: no-repeat;
	background-position: 98% center;
	-webkit-appearance: none;
}

#category-select.nitro-lazy, #tag-select.nitro-lazy {
	background-image: none !important;
}

.custom-search-container {
	display: flex;
	justify-content: right;
}

.search-filter img {
	cursor: pointer;
}

#clear-search {
	position: absolute;
	right: 52px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	display: none;
}

.custom-search-input {
	position: relative;
}

.custom-search-input input {
	font-family: "Urbanist";
	border-radius: 6px;
	border: 2px solid #202020 !important;
	box-shadow: none;
	padding: 9px 15px;
	outline: none !important;
	background: #202020;
	width: 100%;
	/* Ensure it spans its container */
	max-width: 160px;
	box-sizing: border-box;
	padding-right: 60px;
	/* Add padding to make space for the clear button */
	transition: .5s;
	color: #fff;
}

.custom-search-input input:placeholder {
	color: #fff;
}

.custom-search-input input:focus {
	transition: .5s;
	border-color: #fe635b !important;
}

#category-select::-webkit-scrollbar, #tag-select::-webkit-scrollbar, #autocomplete-results::-webkit-scrollbar {
	width: 5px;
}

/* Track */
#category-select::-webkit-scrollbar-track, #tag-select::-webkit-scrollbar-track, #autocomplete-results::-webkit-scrollbar-track {
	background: #000;
}

/* Handle */
#category-select::-webkit-scrollbar-thumb, #tag-select::-webkit-scrollbar-thumb, #autocomplete-results::-webkit-scrollbar-thumb {
	height: 50px;
	background: #fe635b;
	border-radius: 5px;
}

/* Handle on hover */
#category-select::-webkit-scrollbar-thumb:hover, #tag-select::-webkit-scrollbar-thumb:hover, #autocomplete-results::-webkit-scrollbar-thumb:hover {
	background: #fe635b;
}

#searchsubmit {
	background: #fe635b;
	border-radius: 6px;
	vertical-align: bottom;
	border: 2px solid #fe635b;
	position: absolute;
	right: 0px;
	padding: 0;
	max-height: 37px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	display: flex;
	top: 0;
	justify-content: center;
	align-items: center;
}

.search-filter {
	display: none;
}

.search .half .vidcont video {
	position: absolute;
	top: 0;
	width: 100%;
}

@media only screen and (min-width:1025px) {
	.custom-search-input input:focus {
		max-width: 280px;
	}
}

@media only screen and (max-width:1024px) {
	.custom-search-container {
		display: block;
	}
	
	.custom-search-input input {
		width: 100%;
		max-width: 100%;
	}
	
	.custom-search-input {
		margin-bottom: 18px;
	}
	
	#category-select, #tag-select {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 18px;
		width: 100%;
		display: block;
		max-width: 100%;
	}
	
	.allvideoscontainer .topart {
		display: grid;
		align-items: center;
		grid-column-gap: 18px;
		grid-row-gap: 18px;
		/* Adding row gap for spacing between rows */
		grid-template-columns: 1fr 70px !important;
		/* Two columns of equal width */
		grid-template-rows: auto auto;
	}
	
	.h1title {
		grid-column: 1;
	}
	
	.search-filter {
		grid-column: 2;
	}
	
	#searchform {
		grid-column: 1/span 2;
		/* Span across both columns */
		width: 100%;
	}
	
	.search-filter {
		display: block;
	}
	
	#searchform {
		display: none;
	}
}