/* Se verá en dispositivos extra pequeños (Smartphones, 600px para abajo) */
@media only screen and (max-width: 600px) {
}

/* Se verá en dispositivos pequeños (Tablets and Smartphones largos, 600px para arriba) */
@media only screen and (min-width: 600px) {
  .el-hero {
    padding-top: 40px !important;
    margin-bottom: 100px;
  }

  .tab-content {
    width: 100%;
    margin: auto;
  }

  .rld-main-search, .display {
    height: 350px !important;
  }

  .logo-index {
    width: 95%;
    /* height: 120px;*/
    margin-bottom: 30px;
  }
}

/* Se verá en dispositivos medianos (Tablets en orientación horizontal, 768px para arriba) */
@media only screen and (min-width: 768px) {
  .tab-content {
    width: 85%;
    margin: auto;
  }

  .logo-index {
    width: 50%;
    margin-bottom: 30px;
  }

  .rld-main-search, .display {
    height: 210px !important;
  }

  .no-personas-input {
    margin-left: 60px;
  }

  .fecha-entrada-input {
    margin-left: 60px;
  }

  .fecha-salida-input {
    margin-left: 60px;
  }

  .buscar-input {
    margin-left: 60px;
  }

  .tipo-propiedad {
    margin-left: 60px;
  }

}

/* Se verá en disposivos grandes (Laptops/PCs, 992px para arriba) */
@media only screen and (min-width: 992px) {
}

/* Se verá en dispositivos extra grandes (Laptops grandes y monitores largos, 1200px para arriba) */
@media only screen and (min-width: 1200px) {
  .el-hero {
    padding-top: 200px !important;
  }

  .tab-content {
    width: 85%;
    margin: auto;
  }

  .logo-index {
    width: 50%;
    margin-bottom: 30px;
  }

  .rld-main-search, .display {
    height: 110px !important;
  }

  .no-personas-input {
    margin-left: 5px;
  }

  .fecha-entrada-input {
    margin-left: 5px;
  }

  .fecha-salida-input {
    margin-left: 5px;
  }
  
  .buscar-input {
    margin-left: 5px;
  }

  .tipo-propiedad {
    margin-left: 50px;
  }
}