	    

	    <!-- // soritng and pagination block -->

	    <div class="storefront-sorting">
		
				    
		    	<form id="woo_filters" class="woocommerce-ordering" method="get">

		    	
					<select name="orderby" class="orderby" aria-label="Shop order">
						<option value="menu_order" >Default sorting</option>
						<option value="popularity" >Sort by popularity</option>
						<option value="rating" >Sort by average rating</option>
						<option value="date" >Sort by latest</option>
						<option value="price" >Sort by price: low to high</option>
						<option value="price-desc" >Sort by price: high to low</option>
					</select>

									<input type="hidden" name="paged" value="1">

				
					<input type="text" id="woo_filter_title" name="title" placeholder="search by title" class="filter-text-box" autocomplete="off" value="">
					
								</form>
			
		
		</div> <!-- sorting and paginate ends -->

	    <style type="text/css">
	    	.meofw .dashicons{
	    		color: #00b2a2;
	    		width: 25px;
			    height: 25px;
			    font-size: 25px;
	    	}
    		.meofw .dashicons:hover{
			    color: #00b2a2;
	    	}
	 		.meofw .loader{
			    border-top: 3.5px solid #00b2a2;
	    	}
	    	.meofw .add-to-cart-btn{
			    color: #00b2a2;
	    	}
	    	.meofw .add-to-cart-btn:hover{
			    color: #00b2a2;
	    	}
	    	.meofw .add-to-cart-btn{
			    background: #00b2a2!important;
	    	}
	    	.meofw .add-to-cart-btn:hover{
			    background: #00b2a2!important;
	    	}
	    </style>

	    <input type="hidden" name="meofw_id" value="41">
	    <input type="hidden" name="meofw_product_page_layout_type" value="grid">
	    <ul class="meofw products columns-4 meofw-grid">

		    