<style>
  @media only screen and (max-width: 600px) {
   header {
    margin-bottom: 20px; 
  } 

  html.pages-home .content-properties-searcher {
  margin-top:0px !important;
  }
}
</style>
<header class="d-print-none position-relative" style="<?php if($this->Session->read('Auth.User')) { echo 'margin-top:80px;';  } ?>">
  <?php
  if($this->params->controller == 'pages' && $this->params->action == 'home') {
    ?>
    <div id="carouselHome" class="carousel slide position-absolute w-100" data-ride="carousel">
  <!--<ol class="carousel-indicators">
    <li data-target="#carouselHome" data-slide-to="0" class="active"></li>
    <li data-target="#carouselHome" data-slide-to="1"></li>
  </ol>-->
  <div class="carousel-inner">
    <?php 
    $i = 0;
    foreach ($sliders as $slider) {
      ?>
      <div class="carousel-item <?php if($i == 0) { echo 'active'; } ?>">
        <img class="d-block w-100" src="<?php echo $slider['Slider']['imagen']; ?>" alt="Altamira 21" style="min-height: 650px; max-height: 650px;">
        <a href="/inmueble<?php echo $slider['Inmueble']['seo']; ?>" style="position: relative; width: 100%; display: block;">
          <div class="reference"><?php echo $slider['Inmueble']['referencia']; ?> <img src="/img/frontend/icons/right-arrow-icon.png" width="16" height="16"></div>
        </a>
      </div>
      <?php
      $i++;
    }
    ?>
  </div>
  <a class="carousel-control-prev" href="#carouselHome" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselHome" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
<?php 
}
?>
<div class="d-md-none text-center" style="background: #f5f5f5;">
  <a href="tel:+34942051900" style="color:#ff141a; font-weight: bold;">942 051 900</a> | <a href="mailto:info@altamira21.com" style="color:#ff141a; font-weight: bold;">info@altamira21.com</a>
</div>
<div class="container">
  <div class="content-header">
   <div class="row">
     <div class="col-lg-3 col-8">
      <h1 id="logo">
        <a href="/"><img src="/img/logo.png" alt="Logo de Altamira21" title="Altamira21 - Inmobiliaria en Cantabria" width="100%"></a>
      </h1>
    </div>
    <div class="col-lg-3 col-4 d-sm-none">
      <button id="btn-mobile" style="margin-top: 27px;"><i class="fa fa-bars"></i></button>
    </div>
    <div class="col-lg-9">
      <div id="top-menu" class="d-none d-sm-block d-print-none clearfix">
        <ul class="contact">
          <li><a href="/noticias"> Noticias</a></li>
          <li><a href="mailto:info@altamira21.com"><img src="/img/frontend/icons/envelope.svg" class="svg" alt="Contacta por email"> info@altamira21.com</a></li>
          <li><a href="tel:+34942051900" style="color: #ff141a; font-weight: bold;"><img src="/img/frontend/icons/phone.svg" class="svg" style="fill: #ff141a;"> 942 051 900</a></li>
        </ul> 
        <ul class="social">
          <li><a href="https://www.instagram.com/altamira21propiedades/"><i class="fa fa-instagram" style="font-size: 25px;"></i></a></li>
          <!--<li><a href="https://twitter.com/Altamira21" target="_blank"><img src="/img/frontend/icons/twitter.svg" class="svg"></a></li>-->
          <li><a href="https://www.facebook.com/Altamira21" target="_blank"><i class="fa fa-facebook-square" style="font-size: 25px;"></i></a></li>
          <li><a href="https://www.youtube.com/channel/UCYtKHwMF9dObhhintGbH0cg/videos"><i class="fa fa-youtube" style="font-size: 25px;"></i></a></li>
        </ul>
            <!--<form type="get" action="/pages/findReferencia">
              <input type="text" name="referencia" placeholder="Ref.">
            </form>-->
            <form type="get" action="/inmuebles">
              <input type="text" name="referencia" placeholder="Ref." value="<?php if(!empty($this->params->query['referencia'])) { echo $this->params->query['referencia']; } ?>" style="width: 175px; background: #CCCCCC;">
              <button style="width:20%; display: inline-block; height: 25px; border: 0px;  position: absolute;  right: 0px; width: 40px; border-radius: 10px; right:15px;"><i class="fa fa-search"></i></button>
            </form>
          </div>
          <div id="menu" class="d-none d-sm-block d-print-none">
            <ul>
              <li>
                <a href="/" class="<?php if($this->params->controller == 'pages' && $this->params->action == 'home') { echo 'active'; }?>"><img src="/img/frontend/header/inicio.svg" class="svg"></a></li> 
                <li>
                  <a href="/altamira-21" class="<?php if($this->params->action == 'empresa') { echo 'active'; }?>">altamira 21</a>
                </li>
               <!--  <li>
                  <a href="/valoracion-gratis" class="<?php if($this->params->action == 'valoracionGratis') { echo 'active'; }?>">Valoración Gratis</a>
                </li>-->
                <li>
                  <a href="/calcula-tu-hipoteca" class="<?php if($this->params->action == 'calculaTuHipoteca') { echo 'active'; }?>">Calcula tu hipoteca</a>
                </li> 
                <li>
                  <a href="/inmuebles" class="<?php if($this->params->controller == 'inmuebles' && $this->params->action == 'home') { echo 'active'; }?>">Inmuebles</a>
                </li> 
                <li>
                  <a href="/servicios" class="<?php if($this->params->action == 'servicios') { echo 'active'; }?>">Servicios</a>
                </li> 
                <li>
                  <a href="/contacto" class="<?php if($this->params->action == 'contacto') { echo 'active'; }?>">Contacto</a>
                </li> 
              </ul>
            </div>
            <form type="get" action="/inmuebles" class="d-block d-sm-none mt-4">
              <input type="text" name="referencia" placeholder="Ref." value="" style="width:80% !important; display: inline-block; background: #CCCCCC; border-top-right-radius: 0px; border-bottom-right-radius: 0px;"><button style="width:20%; display: inline-block; height: 25px; border:0px;">Buscar</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </header>