/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
        /* Hamburger menu icon - white lines */
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    div#principal-navbarNavDropdown {
        position: absolute;
        top: 45px;
        z-index: 10;
        right: 0;
        background: #fff;
        padding: 15PX;
        min-width: 97px;
        width: 230px;
    }
    button.navbar-toggler:focus {
        outline: none;
        border: none;
        box-shadow: none;
    }
    body{
        font-size: 14px;
    }
    .desktop{
        display: none;
    }
    .mobile{
        display: flex!important;
    }
    .navbar-toggler{
        border: none;
    }

    h2{
        padding: 20px!important;
        font-size: 18px;
    }
    nav#principal ul li a.nav-link {
        color: #000;
        padding: 0;
    }
    img#logo {
        max-width: 80%;
    }
    .hero {
        position: relative;
        min-height: 500px;
    }
    .hero-video {
        left: 0;
        width: 100%;
    }
    .hero-frase{
        font-size: 20px;
        line-height: 22px;
    
    }
    section.frase {
        background: #3756BC;
        padding: 30px 0;
        color: #fff;
        text-align: center;
        font-size: 18px;
    }
    .certificado {
        max-width: unset;
    }
    .calidad .logos img {
        padding: 25px 0px 25px 88px;
    }
    .logos {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 40px;
    }
    .calidad .logos img {
        padding: 25px 0px 25px 88px;
        /* width: auto; */
        margin: auto;
        display: block;
        margin: 0;
        padding: 0;
        max-width: 70%;
    }
    section#contacto {
        padding: 30px;
    }
    footer .menu{
        display: none;
    }
    div#principal-navbarNavDropdown {
        position: absolute;
        top: 45px;
        z-index: 10;
        right: 0;
        background: #fff;
        padding: 23PX;
    }
    .links-redes {
        margin: 20px 0;
    }
    footer .botones {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .logos-calidad {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
    .section-content {
        margin-left: 0;
        display: block;
    }
    .imagen-right img {
        margin-left: auto;
        margin-top: auto;
        max-width: 100%;
        margin-bottom: 40px;
    }
    .overflow-img {
        position: relative;
        left: unset;
        transform: unset;
        max-width: none;
        width: 100%;
    }
    section#marcas .section-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 39px;
        justify-items: center;
        padding-bottom: 60px;
        padding-right: 0;
    }
    .container-numeros{
        display: block;
    }
    .servicios-contenedor{
        display: block;
    }
    .servicio-item {
        max-width: 100%;
        padding: 25px;
        min-height: unset;
        margin: 10px 0 20px;
        width: 100%;
        display: block;
    }
    section#servicios h2 {  
        justify-content: center;
    }
    .producto-item{
        margin-bottom: 120px;
    }
    .owl-carousel.owl-loaded.mobile{
        display: block!important;
    }
    .marca-item {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 23px;
    }

    .info-item{
        margin-bottom: 30px;
    }
    section.info-destacada, section.servicios .izquierda, section.sectores, section.clientes, section.contacto .datos {
        padding: 0px;
    }
    .servicio-item {
        padding: 0 20px;
    }
    #servicios .derecha{
        padding: 0;
    }
    #servicios .derecha img{
        width: 100%;
    }
    .single-interna .encabezado .derecha {
        background-color: #3756BC;
        padding: 20px;
        margin-bottom: 30px;
    }
    .integrante-nombre {
        font-size: 16px;
        line-height: 16px;
    }
    .integrante-cargo {
        font-size: 12px;
    }
    footer img#logo {
        max-width: 75%;
    }
    #calidad .right, 
    section#proyectos .izquierda {
        padding: 0;
    }
    .casos-de-exito {
        background: #3756BC;
    }
    .proyectos .blour {
        display: none;
    }
    .proyectos img.mapa {
        max-width: 80%;
        display: block;
        margin: 20px auto;
    }
    input.wpcf7-form-control.wpcf7-submit.has-spinner {
        margin: auto;
        display: block;
    }
    footer .logo a, footer .links-redes {
        display: flex;
        justify-content: center;
    }
    .tecnologia-item .derecha {
        
        padding-right: 40px;
        padding-left: 40px;
    }
    .tecnologia-item img {
       
        width: 100%;
    }
    .single-interna .proyecto-item {
        margin-bottom: 30px;
    }
    .single-interna .encabezado {
       
        min-height: unset;
        background-image: none !important;
    }
    section.info-destacada,
    section#servicios,
    section#proyectos,
    section#clientes
    {
        padding-top: 30px;
    }
    section#clientes{
        padding-bottom: 30px;
    }
    .info-grid {
        margin-top: 30px;
    }
    .calidad .contenido, .proyectos .contenido {
        position: relative;
        z-index: 10;
        padding: 60px 15px;
    }
    .calidad .contenido, .proyectos .contenido {
        padding: 30px 15px;
    }
    .home .proyectos-contenedor {
        width: 100%;
    }
    .home .proyecto-item {
        padding: 0 0 20px 0; 
    }
    .home .proyecto-item h3{
        font-size: 16px; 
    }
    input, textarea{
        max-width: 100%;
    }
    label {
        display: block;
    }
    .page .imagen-destacada img {
        max-width: 100%;
        height: auto;
    }
}