@media (max-width: 1120px) {}

@media (max-width: 992px) {
    .custom_nav-container .nav_search-btn {
        display: none;
    }

    .service_section::before {
        bottom: 45px;
    }

    .service_section .service_container {
        padding:  45px 0 0 0
    }



    .service_section .box.b-2 .detail-box {
        width: auto;
    }

    .service_section .box.b-3 .detail-box {
        width: auto;
        text-align: center;
        margin-right: 3px;
    }

    .navbar .menu a {
        display: none;
      }
   
      .info_section {
        padding: 15px;
      }
  
      .info_section .row {
        flex-direction: row;
        align-items: flex-end;
      }
  
      .info_section .col-md-3 {
        width: 100%;
        text-align: left; /* Asegura la alineación del texto */
      }
  
      /* Ajustes en iconos */
      .social-box a img {
        width: 35px;
      }

      .info_section h4 {
        text-transform: uppercase;
        margin-top: 15%;
        font-weight: bold;
    }


    .texinfo {
        text-align: justify;
        margin-left: -5%;
    }

    .navbar-nav .nav-link {
        padding-right: 175px;
        padding-left: 24px;
        background: black;
        color:  white;
    }

}

@media (max-width: 768px) {
    .slider_section .detail-box {
        text-align: center;
        margin-top: 25px;
    }

    .navbar-nav .nav-link {
        padding-right: 175px;
        padding-left: 24px;
        background: black;
        color:  white;
    }

    .navbar .menu a {
        display: none;
      }

    .info_section .col-md-3 {
        text-align: center;
    }

    .info_section .col-md-3:not(:nth-last-child(1)) {
        margin-bottom: -20px
    }

    .info_section .col-md-3:not(:nth-last-child(2)) {
        margin-bottom: -20px
    }

    .service_section .box.b-1 .detail-box {
        text-align: center;
    }

    .service_section .box.b-4 .detail-box {
        text-align: center;
    }

    .service_section .box {
        margin: 25px 0;
    }

    .info_section .info-nav ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .texinfo {
        text-align: justify;
        margin-left: -5%;
    }

    .social-box {
        display: ruby-text;
    }

}

@media (max-width: 576px) {

    .navbar .menu a {
        display: none;
      }
    
      .navbar-nav .nav-link {
        padding-right: 175px;
        padding-left: 24px;
        background: black;
        color:  white;
    }

      .container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: -5px;
    }

    .slider_section .detail-box h1 {
        font-size: 2.5rem;
    }

    .about_section .img-box img {
        width: 100%;
        height: 500px;
        margin-top: 10%;
    }

    @keyframes odd-box-animate {
        0% {
            transform: translateY(25px);
        }

        50% {
            transform: translateY(-25px);
        }

        100% {
            transform: translateY(25px);
        }
    }

    @keyframes even-box-animate {
        0% {
            transform: translateY(-25px);
        }

        50% {
            transform: translateY(25px);
        }

        100% {
            transform: translateY(-25px);
        }
    }

    .work_section .work_container .box.b-1,
    .work_section .work_container .box.b-3,
    .work_section .work_container .box.b-2,
    .work_section .work_container .box.b-4 {
        animation-duration: 1.5s;
    }

    .texinfo {
        text-align: justify;
        margin-left: -5%;
    }

}

@media (max-width: 480px) {
    
    .container p {
        font-size: 20px;
    }

    .layout_padding2 {
        padding: 0% 0;
    }

    

    .layout_padding2-top {
        padding-top: 45px;
        font-size: 20px;
        text-align: justify;
    }

    .texto2 {
        font-size: 20px;
        text-align: justify;
    }

      .navbar .menu a {
        display: none;
      }
    
      .navbar-brand {
        margin-top: -16px;
    }

    .container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: -5px;
    }

    .custom_nav-container {
        z-index: 99999;
        padding: 5px 0;
        margin-top: -2%;
    }

    .navbar-brand img {
        width: 85%;
        margin-top: 9%;
    }

    .header_section .container-fluid {
        padding-right: 3%;
        padding-left: 3%;
    }


    .custom_nav-container .navbar-toggler .navbar-toggler-icon {
        background-image: url(../images/menu.png);
        background-size: 150%;
        margin-top: -170%;
    } 

    .navbar-nav .nav-link {
        padding-right: 175px;
        padding-left: 24px;
        background: black;
        color: white;
        margin-top: -1px;
    }

/* servicios */

.service_section .img-box img {
    border-radius: 3px;
    margin-top: -5%;
}

.custom_heading-container h3 {
    font-size: 20px;
    text-align: center;
  }

  /* Párrafo */
  /* Centrado general */
  .service_section {
    padding: 20px 10px;
    text-align: center;
  }

  /* Contenedor de servicios */
  .service_container .row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Cada caja de servicio */
 
  /* Imágenes */
  .img-box img {
    width: 100%;
    height: 250px;
    margin-top: 30%;
  }

  /* Alineación de los detalles */
  .detail-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 150px; /* Igualar altura de las cajas */
  }

  /* Títulos */
  .detail-box h6 {
    font-size: 18px;
    margin: 5px 0;
    min-height: 40px; /* Asegurar que todos los títulos ocupen el mismo espacio */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Párrafos */
  .detail-box p {
    font-size: 20px;
    margin: 5px 0;
    min-height: 60px; /* Igualar altura de los párrafos */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
  }

    
//FOOTER

    .info_section {
        padding: 15px;
      }
  
      .info_section .row {
        flex-direction: column;
        align-items: flex-start; /* Alinea todo a la izquierda */
      }
  
      .info_section .col-md-3 {
        width: 100%;
        text-align: -webkit-left; /* Asegura la alineación del texto */
      }
      
      .texinfo {
        text-align: justify;
        margin-left: -5%;
    }

    .imglogo {
        margin-left: -5%;
    }

      /* Ajustes en iconos */
      .social-box a img {
        width: 35px;
      }

      .info_section h4 {
        text-transform: uppercase;
        margin-top: 15%;
        font-weight: bold;
    }

    .social-box a img {
        width: 35px;
        margin: 20px;
      }



}



@media (max-width: 420px) {
    .slider_section .detail-box h1 {
        font-size: 2rem;
    }

    element {}

    .custom_heading-container h3 {

        text-transform: uppercase;
        font-weight: bold;
        color: #000000;
        position: relative;

    }

    .custom_heading-container h3 {
        font-size: 2rem;
    }
}

@media (max-width: 360px) {
    
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }


    
}