@media (max-width: 600px) {
   .main-container {
      grid-template-columns: 1fr;
      padding: 0;
   }

   .content-text-main{
      padding-top: 100px;
   }

   .content-text-main h1 {
      font-size: 2rem;
   }

   .content-text-main h2 {
      font-size: 1.5rem;
   }

   .form__img {
      height: 80px;
      margin: 30px;
   }

   .proceso_content {
      grid-template-columns: 1fr;
      padding: 20px;
   }

   .proceso {
      height: auto;
   }

   .blog-content {
      width: 30vw;
      height: 30vw;
      margin: 10px auto;
      display: flex;
   }

   .blog-1 h3 {
      font-size: 1rem;
   }

   .main__img {
    width: 230px;
    height: 180px;
   }

   .form__ingre{
      padding: 0;
   }

   .contenedor__valores {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
   }

   .services-group {
      grid-template-columns: 100%;
   }

   .services-group {
      grid-template-columns: 100%;
      padding: 0 1rem 1rem;
   }

   .services {
      padding: 0;
      height: auto;
   }

   .ahorro {
      height: auto;
      margin-bottom: 0;
   }

   .services {
      padding: 0;
      height: auto;
   }

   .general {
      height: auto;
   }

   .contact__contenedor {
      display: flex;
      flex-direction: column-reverse;
      justify-content: space-around;
      padding: 4rem 2rem;
      height: auto;
   }

   .general-fondo {
      grid-template-columns: 100%;
      padding: 1.5rem;
      height:auto
   }

   .contactanos {
      height: auto;
   }

   .navbar-brand-dos {
      display: none;
   }

   .ahorro-content{
      position: static;
      box-shadow:none;
      padding: 2rem;
   }

   .ahorro-content h2 {
      font-size: 2.2rem;
      margin-bottom: .5rem ;
   }

   .content-text-main h2 {
      font-size: 1.5rem;
   }

   .contact__contenedor h2 {
      font-size: 2.2rem;
   }

   .section-services h2 {
      font-size: 2.2rem;
      margin-bottom: .5rem;
   }

   .fondodesc h2 {
      font-size: 2.2rem;
   }

   .section-services{
      padding: 0rem;
   }

   .formulario{
      width: 100%;
   }

   .presdescrip h2 {
      font-size: 2.2rem;
   
   }

   .continfo p{
      font-size: 1.2rem;
   }

   .fondo_cont{
      padding: 1rem;
      text-align: center;
   }

   .services-1{
      width: 100%;
      height: auto;
      grid-template-rows: 1fr;
   }

   .fondo_cont img{
      width: 100%;
   }

   .form__ingre {
      padding: 0;
   }

   .forming {
      background-color: #fffcfce3;
      min-width: 100%;
      border-radius: 0;
   }

}
@media (min-width: 601px) and (max-width:1200px) {
   .main-container {
      grid-template-columns: 1fr;
      height: auto;
      padding: 1rem
   }

   .content-text-main{
      padding-top: 100px;
   }

   .content-text-main h1 {
      font-size: 2rem; 
   }

   .container-fluid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 3px;
   }

   .navbar-brand img {
      width: 46px;
      padding: 0px;
   }

   nav button a {
      display: none;
   }

   nav button {
      padding: 10px;
   }

   .ahorro-content {
      padding: 2rem;
   }

   .contenedor__valores {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
   }

   .valores {
      width: 100%;
      height: 200px;
      margin: 0;
   }

   .valores img {
      width: 7vh;
      padding: 0px;

   }

   .valores__inf {
      padding: 0;
   }

   .ahorro {
      height: auto;
   }

   .ingresar {
      padding: 70px 10px 10px 10px;
      height: auto;
      margin-bottom: 1.5rem;
   }

   .form__img {
      margin: 20px;
   }

   .ingresar-content {
      grid-template-columns: 100%;
      padding: 15px;
   }

   .ahorro-content{
      position: static;
      box-shadow:none;
      padding: 2rem;
   }

   .informa {
      grid-template-rows: 10% 20% 70%;
   }

   .informa h2 {
      font-size: 6vh;
   }

   .paso_img_fondo {
      width: 10vh;
      height: 10vh;
   }

   .contenedor_pasos {
      grid-template-columns: 100%;
      gap: 25px;
   }

   .paso {
      width: 100%;
      height: 30vh;
      display: grid;
      grid-template-rows: 45% 15% 40%;
      text-align: center;
      justify-items: center;
   }

   .proceso {
      height: 100vh;
   }

   .proceso_content {
      grid-template-columns: 100%;
      grid-template-columns: repeat(2, 1fr);
      padding: 30px;
   }

   .services {
      padding: 0;
      height: auto;
   }

   .services-group {
      display: grid;
      grid-template-columns: 100%;
   }

   .services-1{
      width: 100%;

   }

   .services-1 img {
      width: 10vh;
   }

   .general-fondo {
      grid-template-columns: 100%;
      padding: 1.5rem;
      height:auto
   }

   .contactanos {
      height: auto;
   }

   .continfo img {
      padding: auto;
      width: 10vh;
      height: 15vh;
   }

   .continfo {
      padding: 0;
      width: 100%;
   }

   .proceso {
      height: auto
   }

   .services-group {
      margin-top: 0;
   }

   .section-services{
      padding: 2rem;
   }

   .services-1 {
      height: auto;
   }

   .section-services p {
      margin-bottom: .5rem;
   }

   .general {
      height: auto;
   }

   .fondodesc p {
      font-size: 2.3vh;
   }

   .fondodesc {
      grid-template-rows: 25% 20% 55%;
      padding: 6vh;
      height: 90vh;
      text-align: center;
   }

   .detail {
      font-size: 2.3vh;
      grid-template-columns: 20% 80%;
   }

   .contact__contenedor {
      display: flex;
      flex-direction: column-reverse;
      justify-content: space-around;
      padding: 4rem 2rem;
      height: auto;
   }

   .fondo_form {
      padding: 20px;
   }

   .link {
      display: flex;
      justify-content: center;
   }

   .main-container {
      grid-template-columns: 1fr;
    }

    .content-text-main h1 {
        font-size: 2rem;
    }

    .form__img {
        height: 40px;
        margin: 30px;
    }

    .continfo img{
      width: auto;
   }

}

@media (min-width: 1200px) and (max-width: 1800px) {
   .ahorro-content{
      top: 850px;
   }

   .ahorro{
      height: 60vh;
   }

   .services-group{
      display: flex;
      flex-wrap: wrap;
   }

   .services{
      height: 140vh;
   }

   .continfo img{
      width: auto;
   }
}