/* responsivo */
@media only screen and (max-width: 1366px)
{
  .subtitulo {margin: 0rem 3rem 2.8rem 3rem;}
    .menuHomeBoton{font-size: 14px;}

  html{ font-size: 13.33px; }
  .principal{ width: 1200px !important; }
	.headerInteriorBarra{ width: 1200px !important; }
}

@media only screen and (max-width: 1200px)
{
  .subtitulo {margin: 0rem 3rem 2.8rem 3rem;}
    .menuHomeBoton{font-size: 14px;}

  html{ font-size: 11.24px; }
  .principal{ width: 1024px !important; }
  input[type='checkbox']:after {width: 1.5rem;  height: 1.5rem; }
}

@media only screen and (max-width: 1024px)
{
  .menuFooterBoton {width: 40%;}

  .menuFooter {width: 40.13rem;}

  .subtitulo {margin: 0rem 3rem 2.8rem 3rem;}
  .menuHomeBoton{font-size: 14px;}
  html{ font-size: 11.24px; }
  .principal{ width: 100% !important; margin: auto; }
  .dIzq{ width: 69%; }
  .dDer{ width: 29%; }
  input[type='checkbox']:after {width: 1.5rem;  height: 1.5rem; }
  .metodoPago{ font-size: 2.22rem; margin-bottom: 1.33rem; }
  .tAviso { font-size: 1.8rem; }
  .donarForm{ width: 80%}
  .donarForm input[type='text'] { width: 100% !important; margin-bottom: 1em; font-size: 2.22rem;}
  .contenedorBotonsotes{ width: 70% }
  .contenedorFormulario{ width: 95%; }
  .cuadroDonarCampos{ width: 80%}
  .footer{ margin-bottom: 48px; }
}

@media only screen and (max-width: 800px)
{
  .cuadroDonar input[type='text'] {font-size: 2rem !important;}
  .subtitulo {margin: 0rem 3rem 2.8rem 3rem;}
  .menuHomeBoton{font-size: 13px;}
  html{ font-size: 8.78px; padding-bottom: 45px;}
  .principal{ width: 100% !important; margin: auto; }
  .indiceElemento{ width: 32% !important; font-size: 3.5rem; }
  input[type='radio']:after {width: 2.5rem;  height: 2.5rem; }
  input[type='checkbox']:after {width: 2rem;  height: 2rem; }
  .cuadroDonar{ width: 100%}
  .cuadroDonar input[type='text']{ font-size: 3.2rem; }
  .cuadroDonarPesos{ font-size: 3.2rem; margin-top: 1.2rem}
  .botonDonar{ font-size: 3.2rem; }
  .realiza{ width: 60%; }
  .realizaC{ font-size: 5.87rem;}
  .realizaD{ font-size: 8.8rem !important; margin-top: -3.5rem}
  .dRengonDonar{ display: none; }
  .contenedorBotonsotes{ width: 80% }
  .bMas{ width: 2rem; height: 2rem;}
  .tooltip .tooltiptext{ font-size: 1.4rem }
  .num_pag{ font-size: 2rem !important; width: 4.2rem; height: 4.2rem; border-radius: 2.1rem !important;   padding-top: .9rem; }
  .menuCategoriasInput{ font-size: 2rem !important; }
  .menuCategorias select{ font-size: 2rem !important;  height: 2.7rem !important; }
  .menuCategorias {font-size: 2rem !important;}
  .menuCategoriasImagen{ width: 1.7rem !important; height: 1.7rem !important;}
  .menuCategoriasImagen2{ width: 1.7rem !important; height: 1.7rem !important;}
  .bulletsIniciativaFront{  font-size: 2rem; }
  .botonVerMasIniciativa{ font-size: 1.8rem; }
  .cuadroDonarCampos{ width: 100%}
  .acre_div_interior{ font-size: 1.7rem; }
  .tAvisoPeque{ font-size: 1.3rem}
  .indicadorEstrellas{ font-size: 3rem}
  .imagenDonarUsuario{ width: 10rem; }
  .botonAccion{ font-size: 1.5rem; }
}

@media only screen and (max-width: 700px)
{
  html { font-size: 7.66px; }
  .indiceElemento{ font-size: 3rem; }
  input[type='radio']:after {width: 2.7rem;  height: 2.7rem; }
  input[type='checkbox']:after {width: 2.3rem;  height: 2.3rem; }
  .metodoPago{ font-size: 2.73rem; margin-bottom: 1.33rem; }
  .donarForm input[type='text'] { margin-bottom: 1em; font-size: 2.73rem;}
  .realizaC{ font-size: 6.87rem;}
  .realizaD{ font-size: 9.8rem !important; }
}

@media only screen and (max-width: 600px)
{
  html{ font-size: 6.58px; padding-bottom: 45px;}
  .headerHomeLogo{ top:1.8rem; left:1.8rem; width: 7rem;}
  .headerInterior{ height: 8rem; }
  .headerInteriorLogoBoteo
  {
    width: 22rem;
    height: auto;
    top: .8rem;
    left: .8rem;
  }
  .headerInteriorLogo{ right: 8rem; top: .9rem;  }
  .headerInteriorBarra{ height: 1rem;  border-bottom: .13rem solid #B28D00; }

  .indiceElemento{ width: 48% !important; font-size: 4rem; }
  .detallePrincipal{ display: block;}
  .dIzq{ width: 100%; }
  .dDer{ width: 100%; margin-top: .67rem; }
  .dDer img { display: none;}
  .dIzqS{ display: block;}
  .dIzqI{ width: 50%; }
  .dIzqC{ width: 100%; }
  .indice{ margin-top: 3.67rem;}
  .t25,.t25B,.t25SB{ font-size: 2.5rem; }
  .botonAccion{ font-size: 2.3rem; }
  .t20{ font-size: 2.4rem; }
  .menuHome{ display: none; }

  .metodoPago{ font-size: 3.2rem; margin-bottom: 2.33rem; }
  .donarForm input[type='text'] { margin-bottom: 1em; font-size: 3.2rem;}
  .tAviso { font-size: 2.3rem; }

  .realiza{ width: 60%; }
  .realizaC{ font-size: 7.87rem;}
  .realizaD{ font-size: 10.8rem !important; }
  .textoDescripcion{ font-size: 3rem; line-height: 3rem; }

  .footer{ height: 22rem; }
  .menuFooter
  {
    width: 50%;
    top: 2.4rem;
    left: 3rem;
  }
  .menuFooterBoton
  {
    width: 100%;
    font-size: 1.8rem;
    padding-left: 2.87rem;
    height: 1.63rem;
  }
  .datosFooter
  {
    font-size: 1.6rem;
    line-height: 2.2rem;
    width: 18rem;
    top: 2rem;
    right: 1.5rem;
    text-align: right;
  }

  .menu_mob
	{
    display: block;
    position: absolute;
    right:1.2rem;
    top:1.2rem;
    width: 6rem;
    height: 6rem;
		background-image:url(menu.png);
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size: cover;
    cursor: pointer;
	}

  .contenedorFormulario{ font-size: 3.2rem;}
  .labelFormulario{ display: block; font-size: 3.2rem; width: 100%}
  .campoFormularioContenedor{ margin-bottom: 3rem; }
  .campoFormularioContenedor input{ font-size: 3.2rem; width: 80% !important; margin-top: 2rem !important}
  .textareaReto{ font-size: 3.2rem; width: 80% !important; margin-top: 2rem !important}
  .imagenForm{ width: 80% !important;   font-size: 3rem;}
  .imagenFormMain{ width:30rem !important;  height:30rem !important; margin: auto}
  .botonsoteMedio{ width: 70% !important;}
  .menuIniciativas{ justify-content: space-around;}
  .dDerImagen{ display: none !important; }
  .imgFormas img { height: 2.5rem !important; width: auto !important; }
  .acre_div_interior{ font-size: 2.5rem; }
  .headerInteriorCorto{ font-size: 2.5rem; }
  .imagenDonarUsuario{ width: 12rem; }
  .topDonadores{ display:none !important; }
  .donadores{ display:none !important; }
}

@media only screen and (max-width: 500px)
{
  .headerHome{ height: 29rem; padding-bottom: 45px;}
  .headerHomeLogo{ top:1.8rem; left:1.8rem; width: 5rem;}
  .donarForm{ width: 100%; }
  .t25B{ font-size: 3rem;}
  .t25{ font-size: 3rem;}
  .t20{ font-size: 2.5rem; }
  .botonAccion{ font-size: 2.5rem; }
  .realiza{ width: 70%; }
  .realizaC{ font-size: 7.87rem;}
  .realizaD{ font-size: 12.8rem; !important}
  .contenedorBotonsotes{ width: 90% }
  .botonsoteMedio{ width: 70% !important;}
  .menuCategorias{ font-size: 2rem !important; }
}

@media only screen and (max-width: 400px)
{

  .headerFooterFondo
  {
    background-image: linear-gradient(to right, #6A1F75, #611E6E, #4A1C5B, #2F1A45);
    width: 100% !important;
  }

  html{ font-size: 5.58px; padding-bottom: 45px;}
  .indiceElemento{ font-size: 4em; }
  .indiceNombre{ margin-bottom: 4.37em; }
  .alcanciaPeque{ display: block; margin-bottom: .3em;}
  .headerHome{ height: 25rem; }
  .headerHomeLogo{ top:1rem; left:1rem; }
  .realiza{ width: 80%; }
  .realizaC{ font-size: 6.87rem;}
  .realizaD{ font-size: 9.8rem !important; }
  .botonsoteMedio{ width: 80% !important;}
  .menuFooterBoton{ font-size: 2.8rem; height: 2.8rem}
  .footer{ height: 28rem;}
  .datosFooter{ font-size: 2rem; width: 24rem}
}

@media only screen and (max-width: 350px)
{
  .headerHome{ height: 22rem; }
  .headerHomeLogo{ top:0.5rem; left:0.5rem; }
  .realiza{ width: 90%; }
  .realizaC{ font-size: 5.87rem;}
  .realizaD{ font-size: 8.8rem !important; margin-top: -2.3rem !important;}
  .titulo{ font-size: 3rem;}
  .subtitulo{ font-size: 3.5rem;}
}