@media(max-width:767px){
    .navbar{
        padding: 1rem;
    }
    .main-container{
        margin-top: 8rem;
    }
    a.nav-link::after{
        left: 0;
    }
    .gif-logo{
        width: 100%;
        left: 0;
        height: 100vh;
        object-fit: contain;
        top: 0;
        z-index: -1;
    }
    .cards-info-container-two, .cards-info-container-tree{
        display: block;
    }
    .cards-info-container-two .card-info, .cards-info-container-tree .card-info{
        width: 100%;
        margin-bottom: 2rem;
    }
    .info-container{
        height: 80vh;
    }
    .img-fixed-butterfly{
        display: none;
    }
    .card-body.portfolio-container{
        padding-inline: 1rem;
    }
    .text-img-final{
        width: 94%;
    }
    .social{
        display: flex;
        margin-top: 2rem;
        align-items: center;
    }
    button.slick-prev.slick-arrow{
        left: 38%;
    }
    button.slick-next.slick-arrow{
        right: 38%;
    }
    .img-construccion{
        display: none;
    }
    .redes-container{
        display: block;
        text-align: center;
        justify-content: center;
    }
    .pagina-construccion::before, .pagina-construccion::after{
        display: none;
    }
    .card-nosotros{
        position: static;
        padding: 1.5rem 3rem;
        margin-inline: 1rem;
    }
    .border-end{
        border-right: none !important;
        border-bottom: 1px solid;
    }
    .title-card-nosotros{
        margin-top: 1.5rem;
    }
    .contacto::before, .contacto::after{
        display: none;
    }
    .modal-body{
        padding: 1.3rem;
    }
    .card-project{
        padding: 1rem;
    }
    .img-project-full{
        width: 50%;
        height: 35%;
        border-radius: 50%;
        top: 100%;
        transform: translate(0, -16px);
    }
    .right{
        right: -25px;
    }
    .img-movil-example{
        margin-bottom: 1rem;
    }
    .wrapper{
        width: 90%;
        bottom: 0;

    }
    .text-wrapper{
        font-size: 14px;
    }
    .col-md-6:has(.img-w-100){
        margin-bottom: 1rem;
    }
    .left{
        left: 25px;
        transform: translate(100%, 0);
    }

    .img-project-full.left{
        top: 95%;
    }
    .info-comp{
        padding-inline: 1.5rem;
    }

    /* Esto se pone para que no se muestren, queda pendiente hablar con el diseñador */
    .img-project-container.multiple img{
        display: none;
    }
    .img-project-carousel{
        display: block;
    }
    .carousel-modal{
        display: block;
    }
    .container-img-modal{
        display: none;
    }
    .img-footer-main{
        width: 30%;
    }
    .img-distribuidores{
        width: 100%;
    }
}

@media(min-width:768px) and (max-width:1023px){
    .gif-logo{
        width: 100%;
        left: 0;
        z-index: -1;
    }
    .img-fixed-butterfly{
        left: 0;
        height: 44vh;
    }
    .card-body.portfolio-container{
        padding-inline: 1rem;
    }
    button.slick-next.slick-arrow{
        right: 35%;
    }
    button.slick-prev.slick-arrow{
        left: 35%;
    }
    .text-img-final{
        width: 92%;
    }
    .footer-layout .col-md-11{
        padding-bottom: 2rem;
    }
    .img-construccion{
        width: 45%;
    }
    .card-nosotros{
        position: relative;
        left: 0;
        bottom: 0;
        padding: 2rem 1rem;
        margin-top: 2rem;
    }
    .title-nosotros, .text-nosotros{
        text-align: center;
    }
    .navbar{
        padding-inline: 0;
    }
    .navbar-nav{
        gap: 1rem;
    }
    .modal-body{
        padding: 1rem;
    }
    .card-project{
        padding: 1rem;
    }
    .modal-dialog{
        max-width: 90%;
    }
    .right{
        right: -30px;
    }
    .img-project-full{
        width: 47%;
        height: calc(100% + 120px);

    }
    .img-project-container.multiple.left{
        left: -30px;
    }
    .img-project-container.multiple img{
        width: 45%;
    }
    .img-project-container.multiple{
        gap: 1.5rem;
    }
    .left{
        left: -30px;
    }
    .wrapper{
        width: 75%;
    }
    .item-contacto{
        justify-content: center;
    }
    .title-main{
        text-align: center;
    }
    .contacto::before, .contacto::after, .pagina-construccion::before, .pagina-construccion::after{
        opacity: 0.3;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 1184px) and (orientation: landscape) {
  .card-nosotros{
    position: static;
  }
  .card-body.portfolio-container{
    padding-inline: 0.5rem;
  }
  .info-portfolio{
    padding-inline: 2rem;
  }
}