<style>
.row .item.item-off .card.card-primary .box.box-2 {
   
    background-color: #efefef;
} .row .item.item-off .card.card-primary .box {
    width: 50%;
    height: 374px;
}
.row .item.item-off .card.card-primary .box.box-2 {
    width: 550px;
}

@media only screen and (max-width:1204px)  and (min-width:1024px) {
    .row .item.item-off .card.card-primary .box.box-2 {
     width: 50% !important;
}.row .item.item-off .card.card-primary .box {
    width: 50% !important;
}
}
.row .item.item-off.odd .box {
    float: right;
}.row .item.item-off  .card-primary .card-content .btn-details {
    position: absolute;
    bottom: 15px;
}.btn-black, .btn-black:focus, .btn-black:active {
    border-color: #550a12;
    background-color: #550a12;
    color: #fff;
}.row .item.item-off .card.card-primary .card-content {
    border-bottom: 2px solid #550a12;
}.row .item.item-off .card-primary {
    background-color: #efefef;
    -webkit-transition: -webkit-box-shadow .4s ease;
    -o-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;
}.row .item.item-off .card-primary:hover {
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}
 .row .item.item-off .card.card-primary .box-1 {
    
    padding: 0;
} .row .item.item-off .card .item-details {
       color: #161616;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
}
 .row .item.item-off .card .item-heading ,.row .item.item-off .card  .item-description{
color: #333;
}
@media only screen and (max-width: 1200px) {
    #search_sort{ display:none !important; }
 .row .item.item-off .card.card-primary .box-1 { width: 100%;margin-bottom:0px !important;  }
 .row .item.item-off .card.card-primary .box.box-2 {    width: 100% ;}
}@media only screen and (min-width:1024px)  {
    .row .item.item-off .card.card-primary .box.box-2 {
    width: 550px;max-width: 50%;
    }
}
.item-off .card-primary.property {
    display: flex;
    flex-direction: column;
    padding: 10px !important;
    background: #fff !important;
}.row .item.item-off .card.card-primary .box {
    width: 100%;
    height: 374px;
}.row .item.item-off .card-primary {
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}.row .item.item-off .card.card-primary .box.box-2 {
    width: 100%;
    max-width: 100%;
    background: #fff;
    height: auto;
}.row .item.item-off .card.card-primary .card-content {
    border-bottom: 0px;
}.item-off  { padding:0px 10px;}.row .item.item-off .card-primary { 
    margin-bottom: 15px !important;
}.page-banner {
    padding: 130px 0 50px; 
}.row .item.item-off  .card-primary .card-content .btn-details {
    position: unset;
    bottom: 15px;
    float: right;
}.row .item.item-off .card.card-primary .box.box-2 {
 
    margin-bottom: 0px;
}
</style>
<?php
				  foreach($models as $k=>$v){ ?> 
               <div class="col-sm-6 item item-off <?php echo (($k%2) == '1') ? 'odd': 'even';?>">
                                <div class="card card-primary property results-property" data-property-id="13206" data-lat="24.8595" data-lng="55.1419">
                                    <div class="col-sm-12 col-xs-12 card-image box box-1">
                                        <div class="img-wrapper" style="background-image: url('<?php echo $v->ProfileImage;?>');">
                                          <img class="fullsize stb_image-developments-results" src="<?php echo $v->ProfileImage;?>" alt="<?php echo $v->AdTitle;?>">
  <a class="full-block" href="<?php echo $v->DetailUrl;?>"></a>
    </div>
                                    </div>
                                    <div class="col-sm-12 col-xs-12 card-content box box-2">
                                        <div class="content-wrapper">
                                            <h5 class="item-heading"><?php echo $v->AdTitle;?></h5>
                                            <div class="item-details">
                                                <div class="item-location">Location:  <?php
                      $loc = $v->LocationTitle;
                      if(!empty($loc)){ ?> 
                      <?php  echo  $loc;?> 
                      <?php } ?> </div>
                      <?php 
                      if(!empty( $v->developer)){ ?> 
                                                <div class="item-developer">Developer: <?php echo $v->developer ;?></div>
                                                <?php } ?> 
                                                <div class="item-building">Development Type: <?php echo $v->LocationTitleOffering;?></div>
                                            </div> 
                                            <a class="btn btn-primary  btn-details" href="<?php echo $v->DetailUrl;?>">View Details</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
				<?php } ?>
