/*==== RESPONSIVE =============*/

/* *** + 1600 */

@media screen and (min-width: 1600px) and (max-width:3000px){
  #galeria-botones{max-width: 100% !important;}
  }
  
/* *** + 1300 */
  
 @media screen and (min-width: 1300px) and (max-width:1599px){

  #galeria-botones{max-width: 100% !important; margin-top: 550px;}
  
  #izq .galeria1{float: none;}

  .destacado-destinos{  width: 60%;}.parrafo-destinos{ width: 60%;} 
   .destacado-productos{  width: 60%;}.parrafo-productos{ width: 60%;} 
  .cabecera .ff-container{width: 75%!important; margin-left: 16%!important; }

}
 
/* *** + 1200 */
  
  @media screen and (min-width: 1200px) and (max-width:1299px){
    #galeria-botones{max-width: 100% !important; margin-top: 550px;}
    
    .cabecera .ff-container{width: 80%!important; margin-left:14%!important; }
    .cabecera .ff-container label { padding: 8px 0px 0px 0px!Important;width: 30%!important; font-size: 16px!important;}
    
  }
  
/* *** + 990 */
    
@media screen and (min-width: 990px) and (max-width:1199px){
  #galeria-botones{max-width: 100% !important; margin-top: 550px;}
  /* Video Home */ 
 
}
  
  /* *** + 840 */
  
  @media screen and (min-width: 840px) and (max-width:989px){
    /* Galeria Botones Home */ 
    #galeria-botones{max-width: 100%!important; text-align: center;margin-top: 550px;}
   

    /* Video Home */ 
  
    
  }
  
  /* *** + 768 */
  
  @media screen and (min-width: 768px) and (max-width:839px){
      /* Galeria Botones Home */ 
      #galeria-botones{max-width: 100%!important; text-align: center;margin-top: 350px;}
      .txt-menu-index{ background-color:  #d50032; float:none; margin:0px auto 15px auto;}
       #galeria-botones div {display:flex; flex-direction: row;}     
      /* Video Home */ 
    

    #home{scale:1; width: 100%}
    #home .row{ display:flex; flex-direction:initial; flex-wrap: wrap; justify-content: center; }
    #izq, #dch {scale: .9; display: flex; flex-direction: row; vertical-align: top; width: auto; justify-content: center;}
    
    #izq{margin-right:0px; flex-wrap:inherit; justify-content: center; width: 100%} 
     
      .mascara-g-1{scale:.95; transform-origin: top left;  width: 60%; margin: 0px; padding:0px;} 
        .galeria1, #circulos-galeria1{width: 100%;}
      #izq .destacado, #izq .texto, .mascara-d-1 {text-align: left; width: 100%}
      #izq .textos{width: 40%;}
      /* #izq .galeria1{float: left;} */
      /*#izq .texto, .mascara-d-1{margin: 0 30px;}*/
      #izq .destacado{font-size: 30px;}
    #dch{margin-left: 0px; flex-wrap:inherit; width: 100%; /*background-color:#93886b;*/}
      .mascara-g-2{scale:.95; transform-origin: top right; width: 60%; margin: 0px; padding:0px;} 
        .galeria2, #circulos-galeria2{width: 100%;}
      #dch .destacado, #dch .texto, .mascara-d-2 {text-align: right; width: 100%;}
      #dch .textos{width:40%}
      #dch .destacado{font-size: 30px;}
      /* #dch .texto, .mascara-d-2{margin: 0 30px;}*/
      #dch .destacado{ margin-top: 25px;}
      #dch .galeria2{float: right;}

      /*==== MENU  =============*/  
      #menu-home.home{width:100%!important} 
      #menu-home.cabecera{width:70%!important}
      .cabecera .ff-container{width: 90%!important; margin-left: 12%!important;}
      .cabecera .ff-container label { margin: 0px!important; padding: 8px 20px 0px 20px!Important;width: 25%!important; font-size: 16px!important; line-height: 17px;}
      .home .ff-container label { padding: 17px 0px 0px 0px!Important;width: 30%!important; font-size: 16px!important; line-height: 17px!important;}
      .home .ff-container{width: 100%!important; margin-left: 0px!important; height: 100px!important; }
    
    #banner-equipo iframe{max-width: 100%; height: 400px; position: relative; top:0px; left:0px; margin: 0px auto;}
    .nuestros-destinos-banner{background-size: 200%!important;}
    .nuestros-productos-banner{background-size: 200%!important;}

    #destinos span{ padding-left: 0px; margin-right: 50px;}
    .menu-destinos{ width:60%!important;}
    .boton-destino{padding:10px!important;}

    #productos span{ width: 100%; margin: 0 auto; padding: 20px 0px 35px 0px; text-align: center;}
    .menu-productos{ width:100%!important; text-align: center;}
    .boton-producto{padding:10px!important;}

}
  
  /* *** + 500 */

  @media screen and (min-width: 500px) and (max-width:767px){

    /* Video Home*/ 
   
    /* Galeria Botones Home */ 
    #galeria-botones{max-width: 100%!important; /*top:400px; */text-align: center; margin-top:400px!important;}
    .txt-menu-index{ background-color:  #d50032; float:none; margin:0px auto 15px auto;}
     #galeria-botones div {display:flex; flex-direction: row;}  
     #galeria-botones a.boton{width:170px!important}   
    /* Video Home */ 
   
    #video-home video{height: 527px!important; min-width:990px!important; padding-top: 0px; width:990px!important;}
    #home{scale:1; width: 100%}
    #home .row{ display:flex; flex-direction:initial; flex-wrap: wrap; justify-content: center; }
      #izq, #dch {scale: 1; display: flex; flex-direction: column; vertical-align: top; width:fit-content; justify-content: center;}
      #izq{margin-right:0px; flex-wrap:column; justify-content: center; width: auto} 
        .mascara-g-1{scale:1; transform-origin: top left; align-self: center;}
        #izq .destacado, #izq .texto, .mascara-d-1 {text-align: center; width: 100%}
  
      #dch{margin-right:0px; flex-wrap:column; justify-content: center; width: auto} 
        .mascara-g-2{scale:1; transform-origin: top left; align-self: center;}
        #dch .destacado, #dch .texto, .mascara-d-2 {text-align: center; width: 100%}
        #banner-equipo iframe{max-width: 100%; height: 300px; position: relative; top:0px; left:0px; margin: 0px auto;}

         /*==== MENU  =============*/  
        #menu-home.home{width:100%!important} 
        #menu-home.cabecera{width:100%!important;top: 81px!important; background-color: #d50032; }
        .cabecera .ff-container{width: 100%!important; margin-left: 0%!important; }
        .cabecera .ff-container label { padding: 17px 0px 0px 0px!important;width: 30%!important; font-size: 16px!important; line-height: 17px;}
        .home .ff-container label { padding: 8px 0px 0px 0px!important;width: 30%!important; font-size: 16px!important; line-height: 17px;}
        .home .ff-container{width: 100%!important; margin-left: 0px!important; }
  }
  /* *** de 1 a 499 */
  @media screen and (min-width: 1px) and (max-width:499px){
    /*#footer-home{top:300px!important;}*/
    .header-index #elem-cabecera {background-color: #d50032!important;}
     /* Video Home*/ 
     /*#video-home{height: 527px!important;width: 100%!important;}*/
     #video-home video{height: 327px!important; min-width:600px!important; padding-top: 0px; width:600px!important;margin-left:-25%; scale: 1.1; margin-top: 70px;}
     /* Galeria Botones Home */ 
     #galeria-botones{width: 100% !important; margin-top:300px; text-align: center; max-width: 100%;}
     .txt-menu-index{ background-color:  #d50032; float:none; margin:0px auto 15px auto;}
      #galeria-botones div {display:flex; flex-direction: row;}     
    .cont-claim{width: 30%; left: -33px; text-align: left;}
  
    html{height: 100%!important;}
    #home{scale:1; width: 100%}
    #home .row{ display:flex; flex-direction:initial; flex-wrap: wrap; justify-content: center; }
      #izq, #dch {scale: 1; display: flex; flex-direction: column; vertical-align: top; width:fit-content; justify-content: center;}
      #izq{margin-right:0px; flex-wrap:column; justify-content: center; width: auto} 
        .mascara-g-1{scale:.70; transform-origin: center; align-self: center;}
        #izq .destacado, #izq .texto, .mascara-d-1 {text-align: center; width: 100%}
        #izq .destacado{font-size: 30px;}
      #dch{margin-right:0px; margin-left: 0px; flex-wrap:column; justify-content: center; width: auto} 
        .mascara-g-2{scale:.70; transform-origin: center; align-self: center;}
        #dch .destacado, #dch .texto, .mascara-d-2 {text-align: center; width: 100%}
        #dch .destacado{font-size: 30px;}

        /*==== MENU  =============*/  
        #menu-home.home{width:100%!important}
          .home .ff-container{width: 100%!important; margin-left: 0px!important; } 
            .home .ff-container label { padding: 8px 0px 0px 0px!important;width: 25%!important; font-size: 16px!important; line-height: 17px!important;}
        #menu-home.cabecera{width:100%!important;top: 82px!important; background-color: #d50032; }
          .cabecera .ff-container{width: 100%!important; margin-left: 0%!important; }
            .cabecera .ff-container label { padding: 8px 10px 0px 10px!important;width: 25%!important; font-size: 16px!important; line-height: 17px!important;}
         
         

    .destacado-destinos, .destacado-productos{  width: 100%; text-align: left; font-size: 30px;}
    .parrafo-destinos, .parrafo-productos{ width: 100%;} 

    #destinos span{ padding-left: 0px; margin-right: 0px; width: 100%; text-align: center; padding-top: 10px ;margin-bottom: 30px;}
    .menu-destinos{ width:100%!important; text-align: center;}
    .boton-destino{padding:10px!important;}

    #productos span{ width: 100%; margin: 0 auto; padding: 20px 0px 35px 0px; text-align: center; font-size: 38px;}
    .menu-productos{ width:100%!important; text-align: center;}
    .boton-producto{padding:10px!important;}
  }