   <style>
           ul.srch-ul {
     
    z-index: 1020;
    background-color: #edeeee !important;
    border: 1px solid #d4dbdb;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    z-index: 1020;
    border-radius: 500px;
    padding-left: 50px !important;
    padding-right: 50px !important;
}     ul.srch-ul .btn-primary {  
    border: none;
    border-radius: 5px;
    box-shadow: none!important; 
    font-size: 16px;
    font-weight: 900;
    font-size: 16px;
    font-weight: 900;
    border-radius: 10px !important;
}ul.srch-ul input, ul.srch-ul select{border-radius: 10px !important;} 
ul.srch-ul::before {
    content: '';
    position: absolute;
    left: -100%;
    right: -100%;
    height: 2px;
    background: #eee;
    z-index: -1;
    width: 1000%;
    margin: auto;
    top: 39px;
}.d-logo-s{
    position: unset;
    width: 100%;
    max-width: 80px;
    float: right;
    text-align: revert;
    margin-left: auto;
    flex: 1;
}.at-latest { 
    line-height: 1;
}
.cardPrice .startingfrom { font-size:14px;}
.flex1{flex:1;}
.action-grid i{ font-size:25px;}
.action-grid{ max-width:166px;}
.action-grid a {
    display: flex; margin-left:25px;
    align-items: center;
    flex-direction: column;    color: #999;
}.action-grid a.active,.action-grid a:hover { color:#000; }
.posts-list.list .col-lg-6{ min-width:100%; }
.posts-list.list .flex-column{  flex-direction:row !important;padding: 0px;} 
.posts-list.list .flex-column .contentcls{ flex:1;padding:25px;}
.blog.list-project .posts-list.list .post-img {  margin: 0; }
.blog.list-project .posts-list.list .post-img {      max-width: 35%;    min-width: 35%;    overflow: hidden;  }
  .blog.list-project .posts-list.list .post-img {    min-height: 250px;}
    .blog.list-project .posts-list.list  .spl-margin-list{ margin-top:20px !important;}
    html .typeahead__button { display:none !important;}
    .typeahead__display strong{ font-weight:normal;}.typeahead__display span{ float:right; }
    .typeahead__list>li {
    position: relative;
    border-top: solid 1px #ccc;
    display: block !important;
}.typeahead__display span {
    float: none;
    font-size: 13px;
    font-weight: 300;
    display: block;
    color: #d1d2d3;
}#clearfrm li {
    padding: 5px 15px;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
    margin-right: 10px;
    margin-bottom: 16px;
    border-radius: 7px;
}#clearfrm {
    margin: 0;
    list-style-type: none;
    display: flex;
}#clearfrm li i {
    color:#059652;
}

       </style>
        <script>
        function setthisvalview(k){
            jQuery('#view').val(jQuery(k).attr('data-val'));jQuery('#btn_submit').click();
        }
    </script>
   <div class=" list-banner-home  " style="min-width:100%;">
                 <div class="only-small-screen open-filre">
                    <ul class="mob-opener-first">
                        <li onclick="closefiltersrch()"><i class="bi bi-arrow-left"></i></li>
                        <li class="headi">Filter </li> 
                        <li class="reset-frm">Reset</li>
                    </ul>
                </div>
              
          <?php
          $cls_listing = defined('DETIAL') ? $this->app->createUrl($this->id.'/find',array('slug'=>$slug)) : $this->app->createUrl($this->id.'/find'); 
          $form = $this->beginWidget('CActiveForm',array('id'=>'frmId','method'=>'POST','htmlOptions'=>array('class'=>'container'),'action'=>$cls_listing));
          ?>
          
					<div>
						<ul class="d-flex srch-ul" id="srch-items">
                <li style="display:none">
                <?php
                //'onchange'=>'foundSubCities(this,event)'
                echo CHtml::dropdownList('state_slug',@$formData['state_slug'],$this->state_list,array('empty'=>'All Emirates'));?> 
                </li>
                <li id="loadCity" class="locat-picker ">
                  <?php  $this->renderPartial('//site/_autocomplete');    ?>
                </li> 
             
                <li class="no-list-normal">
                <?php echo CHtml::dropdownList('p_type',@$formData['p_type'],CHtml::listData($categoriesModel,'slug','category_name'),array('empty'=>'All Property Type'));?> 
                </li>
                <li class="d-none no-list-normal">
                <?php echo CHtml::dropdownList('c1',@$formData['c1'],Chtml::listData(Master::model()->listData(5),'master_id','master_name'),array('empty'=>'All Completion'));?> 
                
                </li>
<li style="max-width:120px" id="btm-srch" class="no-list-normal">
					<a href="javascript:void(0)"  onclick="closefiltersrch()" id="close-btn" class=" only-small-screen">Close</a> <input type="submit" class="btn btn-primary no-list-normal"  id="btn_submit" value="Search"> </li>
   <li class="only-small-screen">
                   <div class="only-small-screen">
                    <ul class="mob-opener mob-opener-offplan">
                        <li onclick="openfiltersrch()"><i class="bi bi-sliders"></i> Filter </li> 
                        <li><i class="bi bi-share"></i> Share </li>
                    </ul>
                    </div>
                </li>
             
						</ul>
						</div>
						  <input type="hidden" name="community" id="community" value="">
                        <input type="hidden" name="subcommunity" id="subcommunity" value="">
						<input type="hidden" name="view" value="<?php echo $view;?>" id="view">
						 <input type="hidden" name="keyword" id="keyword1"  value="<?php echo @$formData['keyword'];?>" /> 
				<?php $this->endWidget();?>
				
       </div>
       <script> 
  $(function(){
     
                  jQuery('#srch-items').find(':input').not('.js-typeahead-hockey_v2').on('change',function(){
                     jQuery('#btn_submit').trigger("click")
                  })
                  generateSearched()
                  
              })
              
          </script>