@media (max-width:1399px){

    .security-content h2{
        font-size:56px;
    }

    .security-content p{
        font-size:25px;
    }

    .security-list li{
        font-size:26px;
    }

    .security-camera{
        width:390px;
    }

}

@media(max-width:1199px){
    /*Contacto */
    .about-title,
    .contact-title{
        font-size:2.2rem;
    }

    .about-box p{
        font-size:1.2rem;
    }

    .btn-contact-submit{
        min-width:300px;
    }

}

@media(max-width:991px){
    /*Hero */
    .hero-section{

        text-align:center;

        padding-top:120px;

        padding-bottom:80px;

    }

    .hero-title{

        font-size:2.4rem;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-stats{

        justify-content:center;

    }

    .hero-image-wrapper{

        margin-top:50px;

    }
    /*Computo */
     .computo-section{
        padding:75px 0 60px;
    }

    .computo-title{
        font-size:32px;
        margin-bottom:35px;
    }

    .computoSwiper .swiper-slide{
        width:82vw !important;
        opacity:.55;
    }

    .computo-img{
        height:280px;
        border-radius:32px;
    }

    .computo-label,
    .computoSwiper .swiper-slide.is-active .computo-label{
        font-size:44px;
    }

    .computo-content{
        padding:24px 24px 0;
    }


    /* Contacto */
    .about-contact-section{
        padding:80px 0;
    }

    .about-bg-text{
        font-size:170px;
        left:20px;
        bottom:30px;
    }

    .about-box,
    .contact-form-wrap{
        padding-left:35px;
    }

    .vertical-line{
        width:7px;
    }

    .about-box p{
        max-width:100%;
    }

    /* Redes */
     .network-features{

        grid-template-columns:1fr 1fr;

    }

    /* Seguridad */
     .security-section{
        min-height:auto;
        padding:80px 0 40px;
    }

    .min-vh-security{
        min-height:auto;
    }

    .security-content{
        padding-left:0;
        max-width:100%;
        text-align:center;
    }

    .security-content h2{
        font-size:44px;
    }

    .security-content p{
        margin-left:auto;
        margin-right:auto;
        font-size:22px;
    }

    .security-list{
        display:inline-block;
        text-align:left;
        margin-bottom:40px;
    }

    .security-list li{
        font-size:22px;
    }

    .btn-security{
        height:58px;
        min-width:230px;
        font-size:18px;
    }

    .security-image-wrap{
        min-height:420px;
        margin-top:30px;
    }

    .security-blob-one{
        width:520px;
        height:520px;
        right:50%;
        top:0;
        transform:translateX(50%);
    }

    .security-blob-two{
        width:390px;
        height:390px;
        right:50%;
        top:55px;
        transform:translateX(50%);
    }

    .security-shield{
        width:260px;
        height:280px;
        right:50%;
        top:120px;
        transform:translateX(50%);
    }

    .security-camera{
        width:300px;
        transform:translateY(35px);
    }

}

@media(max-width:767px){
    /* Contacto  */
    .about-title,
    .contact-title{
        font-size:1.8rem;
        margin-bottom:25px;
    }

    .about-box p{
        font-size:1rem;
        line-height:1.45;
    }

    .contact-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .recaptcha-placeholder{
        justify-content:flex-start;
    }

    .btn-contact-submit{
        width:100%;
        min-width:unset;
    }
    /* Redes */
    .section-title{

        font-size:2rem;

    }

    .network-card{

        padding:35px;

    }

    .network-features{

        grid-template-columns:1fr;

    }

}

@media(max-width:576px){
    /*Hero */
    .hero-title{

        font-size:2rem;

    }

    .hero-description{

        font-size:1rem;

    }

    /*Computo*/
     .computo-section{
        padding:65px 0 55px;
    }

    .computo-title{
        font-size:28px;
    }

    .computoSwiper .swiper-slide{
        width:88vw !important;
    }

    .computo-img{
        height:240px;
        border-radius:28px;
    }

    .computo-label,
    .computoSwiper .swiper-slide.is-active .computo-label{
        font-size:34px;
    }

    .computo-content{
        padding:22px 18px 0;
    }

    .computo-content h3{
        font-size:20px;
    }

    .computo-content p{
        font-size:14px;
    }

    .btn-computo{
        width:100%;
        min-width:unset;
    }





    /*Contacto */
     .about-contact-section{
        padding:65px 0;
    }

    .about-bg-text{
        font-size:120px;
        letter-spacing:-8px;
        opacity:.5;
    }

    .about-box,
    .contact-form-wrap{
        padding-left:24px;
    }

    .vertical-line{
        width:6px;
    }

    .pm-contact-form .form-control{
        height:54px;
        padding:0 18px;
    }

    .pm-contact-form textarea.form-control{
        height:115px;
        padding-top:16px;
    }


    /*Seguridad*/
     .security-section{
        padding:65px 0 30px;
    }

    .security-content h2{
        font-size:36px;
        margin-bottom:24px;
    }

    .security-content p{
        font-size:18px;
        line-height:1.35;
        margin-bottom:28px;
    }

    .security-list li{
        font-size:18px;
        gap:12px;
    }

    .security-list li span{
        border-top-width:9px;
        border-bottom-width:9px;
        border-left-width:15px;
    }

    .security-image-wrap{
        min-height:330px;
    }

    .security-blob-one{
        width:380px;
        height:380px;
    }

    .security-blob-two{
        width:290px;
        height:290px;
    }

    .security-shield{
        width:205px;
        height:220px;
        top:95px;
    }

    .security-camera{
        width:230px;
    }

}




