/* Smartphones (portrait & landscape)
#Dispositivo = Mayoría de teléfonos móviles (vertical y horizontal)
#Resolución = B/w 320px to 479px */


@font-face {
  font-family: Champagne;
  src: url('Champagne-Limousines-Bold.ttf');
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

  /* Alineacion de los caption de todos los banners en general*/
  .txt-banner-grl {
    font-size: 1em;
    color: #fff;
    }

    .btntxt-banner-grl {
      margin-top: -10%;
      font-size: 60%;
      font-family: Champagne;
      background: #f5a31f !important;
      border-color: #f5a31f !important;
    }
    .carousel-caption {
      width: 60%;
      margin-left: -5%;
    }

    .view-comentario-pc {
      display: none !important;
    }
    .view-comentario-movil {
      display: block !important;
    }

    /* BOTON FLOTANTE DE RESERVA PC */
    .btn-reserva-pc {
      display: none;
    }

    /* BOTON FLOTANTE DE RESERVA MOVIL */
    .btn-reserva-movil {
      display: block;
    }

    /* VIDEO DE PROMOCION HOME */
    .video-promo {
      display: none !important;
    }

    .txt-top-navbar {
      text-align: center !important;
    }

    .flag-top-navbar {
      text-align: center !important;
    }
}


/* Smartphones (landscape) */


@media only screen and (min-width : 500px) {
  /* Alineacion de los caption de todos los banners en general*/
  .txt-banner-grl {
    font-size: 1.5em;
    color: #fff;
    }

    .btntxt-banner-grl {
      margin-top: 0px;
      font-size: 1em;
      font-family: Champagne;
      background: #f5a31f !important;
      border-color: #f5a31f !important;
    }
    .carousel-caption {
      width: 50%;
      margin-left: -5%;
    }

    .view-comentario-pc {
      display: none !important;
    }
    .view-comentario-movil {
      display: block !important;
    }

    /* BOTON FLOTANTE DE RESERVA PC */
    .btn-reserva-pc {
      display: block;
    }

    /* BOTON FLOTANTE DE RESERVA MOVIL */
    .btn-reserva-movil {
      display: none;
    }

    /* VIDEO DE PROMOCION HOME */
    .video-promo {
      display: block !important;
    }

    .txt-top-navbar {
      text-align: left !important;
    }

    .flag-top-navbar {
      text-align: right !important;
    }

}


/* iPads (portrait & landscape) */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  /* Alineacion de los caption de todos los banners en general*/
  .txt-banner-grl {
    font-size: 1.2em;
    color: #fff;
    }

    .btntxt-banner-grl {
      margin-top: 10px;
      font-size: 1em;
      font-family: Champagne;
      background: #f5a31f !important;
      border-color: #f5a31f !important;
    }
    .carousel-caption {
      width: 40%;
      margin-left: -5%;
    }

    .view-comentario-pc {
      display: none !important;
    }
    .view-comentario-movil {
      display: block !important;
    }

    /* BOTON FLOTANTE DE RESERVA PC */
    .btn-reserva-pc {
      display: none;
    }

    /* BOTON FLOTANTE DE RESERVA MOVIL */
    .btn-reserva-movil {
      display: block;
    }

    /* VIDEO DE PROMOCION HOME */
    .video-promo {
      display: none !important;
    }

    .txt-top-navbar {
      text-align: center !important;
    }

    .flag-top-navbar {
      text-align: center !important;
    }

}


/* iPads (landscape)
  #Dispositivo = Tablets, Ipads (horizontal)
  #Resolución = B/w 768px to 1024px */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
and (orientation : landscape) {
    /* Alineacion de los caption de todos los banners en general*/
   .txt-banner-grl {
    font-size: 2em;
    color: #fff;
    }

    .btntxt-banner-grl {
      margin-top: 10px;
      font-size: 1.2em;
      font-family: Champagne;
      background: #f5a31f !important;
      border-color: #f5a31f !important;
    }
    .carousel-caption {
      width: 40%;
      margin-left: -5%;
    }

    .view-comentario-pc {
      display: none !important;
    }
    .view-comentario-movil {
      display: block !important;
    }

    /* BOTON FLOTANTE DE RESERVA PC */
    .btn-reserva-pc {
      display: none;
    }

    /* BOTON FLOTANTE DE RESERVA MOVIL */
    .btn-reserva-movil {
      display: block;
    }

    /* VIDEO DE PROMOCION HOME */
    .video-promo {
      display: none !important;
    }


    .nav-link {
      font-family: Champagne;
      font-size: .73em !important;
  }

  .txt-top-navbar {
    text-align: center !important;
  }

  .flag-top-navbar {
    text-align: center !important;
  }

}


/* iPads (portrait)
  #Dispositivo = Tablets, Ipads (vertical)
  #Resolucion = B/w 768px to 1024px */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
and (orientation : portrait) {

  /* Alineacion de los caption de todos los banners en general*/
  .txt-banner-grl {
    font-size: 1.7em;
    color: #fff;
    }

    .btntxt-banner-grl {
      margin-top: 10px;
      font-size: 1.2em;
      font-family: Champagne;
      background: #f5a31f !important;
      border-color: #f5a31f !important;
    }
    .carousel-caption {
      width: 40%;
      margin-left: -5%;
    }

    .view-comentario-pc {
      display: none !important;
    }
    .view-comentario-movil {
      display: block !important;
    }

    /* BOTON FLOTANTE DE RESERVA PC */
    .btn-reserva-pc {
      display: block;
    }

    /* BOTON FLOTANTE DE RESERVA MOVIL */
    .btn-reserva-movil {
      display: none;
    }

    /* VIDEO DE PROMOCION HOME */
    .video-promo {
      display: block !important;
    }

    .nav-link {
      font-family: Champagne;
      font-size: .1em;
    }

    .txt-top-navbar {
      text-align: left !important;
    }

    .flag-top-navbar {
      text-align: right !important;
    }

}


/* Ordenadores de sobremesa y portátiles */


@media only screen and (min-width : 1224px) {

  /* Alineacion de los caption de todos los banners en general*/
   .txt-banner-grl {
    font-size: 250%;
    color: #fff;
    }

    .btntxt-banner-grl {
      margin-top: 10px;
      font-size: 100%;
      font-family: Champagne;
      background: #f5a31f !important;
      border-color: #f5a31f !important;
    }
    .carousel-caption {
      width: 40%;
      margin-left: -5%;
    }

    .view-comentario-pc {
      display: block !important;
    }
    .view-comentario-movil {
      display: none !important;
    }

    /* BOTON FLOTANTE DE RESERVA PC */
    .btn-reserva-pc {
      display: block;
    }

    /* BOTON FLOTANTE DE RESERVA MOVIL */
    .btn-reserva-movil {
      display: none;
    }

    /* VIDEO DE PROMOCION HOME */
    .video-promo {
      display: block !important;
    }

    .txt-top-navbar {
      text-align: left !important;
    }

    .flag-top-navbar {
      text-align: right !important;
    }

}


/* Pantallas grandes */


@media only screen and (min-width : 1824px) {
  /* Alineacion de los caption de todos los banners en general*/
   .txt-banner-grl {
    font-size: 250%;
    color: #fff;
    }

    .btntxt-banner-grl {
      margin-top: 10px;
      font-size: 100%;
      font-family: Champagne;
      background: #f5a31f !important;
      border-color: #f5a31f !important;
    }
    .carousel-caption {
      width: 40%;
      margin-left: -5%;
    }

    .view-comentario-pc {
      display: block;
    }
    .view-comentario-movil {
      display: none !important;
    }


    /* BOTON FLOTANTE DE RESERVA PC */
    .btn-reserva-pc {
      display: block;
    }

    /* BOTON FLOTANTE DE RESERVA MOVIL */
    .btn-reserva-movil {
      display: none;
    }

    /* VIDEO DE PROMOCION HOME */
    .video-promo {
      display: block !important;
    }

    .txt-top-navbar {
      text-align: left !important;
    }

    .flag-top-navbar {
      text-align: right !important;
    }

}


/* You can add global styles to this file, and also import other style files */


body::-webkit-scrollbar {
  -webkit-appearance: none;
}


body::-webkit-scrollbar:vertical {
  width:10px;
}


body::-webkit-scrollbar-button:increment,body::-webkit-scrollbar-button {
  display: none;
}


body::-webkit-scrollbar:horizontal {
  height: 10px;
}


body::-webkit-scrollbar-thumb {
  background-color: #bdbdbd;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}


body::-webkit-scrollbar-track {
  border-radius: 10px;
}


/*# sourceMappingURL=styles.css.map*/