.vb-search-warp{
 	--vb-srh-br-bl-st-wt:2px;
 	--vb-srh-br-bl-en-wt:2px;
 	--vb-srh-br-in-st-wt:2px;
 	--vb-srh-br-in-en-wt:2px;
	
	--vb-srh-cat-bg:var(--vb-srh-bg);
--vb-srh-cat-cr:var(--vb-lk-cr);
--vb-srh-cr:var(--vb-cr);
}
  .hwicon-search::before{
	font-family: 'fontsite';
	content: '\F004';
}
.hw-search {
	height: var(--hw-srh-ht);
	line-height: var(--hw-srh-ht);
	position: relative;
	float: var(--hw-srh-ft,left);
	display: inline-grid;
	width: var(--hw-srh-wt,100%);
	font-size:var(--hw-srh-fn-sz,14px);
	font-weight:var(--hw-srh-fn-wt,400);
	
	text-transform:var(--hw-srh-fn-tr,none);
	box-shadow: 0 0 0 2px var(--hw-srh-br-cr,transparent);
	border-radius:var(--hw-srh-rd,00px) !important;
 	overflow: hidden;
} 
.hw-search input {
	
	width: 100%;
	box-shadow:none !important;
	border:none !important;
	min-height: 0 !important;
	padding: 0 1em !important;
	background-color:var(--hw-srh-txt-bg,#f2f6f9) !important;
	color:var(--hw-srh-txt-txt,#20282f) !important;
	line-height:inherit !important;
	font-weight: inherit;
	height:100% !important;
	font-size:inherit !important;
	margin: 0px !important;
	border-radius:var(--hw-srh-txt-rd,0px) !important;
}
.hw-search > input::placeholder  {
	opacity:0.75 !important;
 	
}
.hw-search button {
	cursor: pointer;
	float: rightr;
	padding: 0px !important;
	color: #fff;
	background: #000000;
	font-weight: inherit !important;
	text-transform:inherit !important;
	line-height:inherit !important;
	font-size:inherit !important;
	padding:0 1em !important;
	border-radius: 0px;
	border: none !important;
	min-height: 0 !important;
	padding: 0px !important;
	background:var(--hw-srh-btn-bg,none) !important;
	color:var(--hw-srh-btn-txt,#ffffff) !important;
	height: 100%;
	border-radius: 0px !important;
	border: 0;
	width: 100%;
	border-radius:var(--hw-srh-btn-rd,0px) !important;
}
.hw-search button:hover{
	background:var(--hw-srh-btn-hv-bg) !important;
}
/*-------------------------------------------------------------- Fexid----------------------------------------------------------------*/
.hw-search-fixed{
 	width:calc(var(--hw-header-wt,var(--hw-body-wt)) * calc(1 / var(--hw-flx,2)) - var(--hw-srh-dv,0px) ) !important;
	min-width: 250px;
	--hw-srh-ht:calc(var(--hw-nav-md-ht) - 4px);
} 
.hw-search-fixed > li {
	width:100%;
	height: var(--hw-srh-ht);
 }
 
/*-------------------------------------------------------------- Dropdown----------------------------------------------------------------*/
 
.vb-search-button-icon::before{
	font-size: 1.25em !important;
}
 
 
.hw-search-button-text .hw-search {
	grid-template-columns: auto 6em;
}
 
.hw-search-button-icon .hw-search {
	grid-template-columns: auto var(--hw-srh-ht);
} 
/** Icon ************/
.hw-search-button-icon .hw-search button::before {
	font-family: 'fontsite';
	content: '\F040';
	display: inherit;
 	color: inherit !important;
	width: calc(var(--hw-srh-ht)) !important;
	position: absolute;
	padding: 0px;
	height: var(--hw-srh-ht) !important;
	font-size: calc(var(--hw-srh-ht)/2.2);
	font-style: normal;
	top: 0;
	line-height: var(--hw-srh-ht);
}
  /*-------------------------------------------------------------- Seach Ajax----------------------------------------------------------------*/

.hw-el-search-ajax{
	padding:0px 15px !important;
	margin:0px !important; 
		width:100% !important;
 
 	text-align:center;
	box-shadow:none !important;
	border:none !important;
	--hw-gap:20px;
} 
.hw-el-search-ajax  .hw-post-product {
	
	  	--hw-pd:15px !important;
		--hw-product-lg:15px  !important;
		-hw-meta-fn-sz:12px!important;
}

  .vb-sub-search .hw-el-search-ajax{
	 padding:0px !important;
	 width:100% !important;
	 margin:0px !important;	 
 } 
  
 
   .hw-el-search-ajax .hw-module-1 .hw-thumb{
	width:54px!important; 
  }
  
 .vb-sub-search .hw-el-search-ajax .hw-module-1 .hw-thumb{
	width:45px!important; 
	
   
 }
 .hw-el-search-ajax .hw-product-category{
	 margin: 7px 0px 0px !important;
 }

	.hw-el-search-ajax .hw-no-results{
	line-height: 40px;
	float: left;
		 text-align:center;

	width: 100%;
		color:  var(--hw-drp-lk);
	margin: 10px 0px !important;
	padding: 0px !important;
	
	}
 
.hw-el-search-ajax .hw-outofstock{
	display:none !important;
}
 @media (max-width: 1024px) {
.hw-gap-30px {
    --hw-between-gap: 20px !important;
  }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	searchfield
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
.hw-searchfield{
	--hw-srh-ft:var(--hw-ag,center);
	--hw-srh-ht:50px;
	padding:2px;
	--hw-srh-txt-bg:var(--hw-post-bg);
 	--hw-srh-txt-txt:var(--hw-main-txt);
	--hw-srh-br-cr:var(--hw-main-br-cr);
	--hw-srh-btn-bg: var(--hw-primary-bg);
	--hw-srh-btn-txt: var(--hw-primary-txt);
	--hw-srh-btn-hv-bg: var(--hw-primary-hv-bg);
	--hw-srh-btn-hv-txt: var(--hw-primary-txt);
	text-align:var(--hw-ag,center);
	--hw-srh-rd:var(--hw-btn-rd);
}