/* ==========================================================
   1400px
========================================================== */

@media (max-width:1400px){

    .hero-content h1{
        font-size:5rem;
    }

    .shield-wrapper{
        width:460px;
    }

}

/* ==========================================================
   1200px
========================================================== */

@media (max-width:1200px){

    .hero-grid{
        gap:40px;
    }

    .hero-content h1{
        font-size:4.5rem;
    }

    .shield-wrapper{
        width:420px;
    }

    .solution-grid{
        gap:25px;
    }

    .why-grid{
        grid-template-columns:1fr 1fr;
    }

    .why-laptop{
        grid-column:span 2;
        text-align:center;
    }

    .why-laptop img{
        max-width:900px;
        margin:auto;
    }

}

/* ==========================================================
   1024px
========================================================== */

@media (max-width:1024px){

    .nav-links{
        gap:30px;
    }

    .hero-content h1{
        font-size:4rem;
    }

    .feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .solution-grid{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr 1fr;
    }

}
/* ==========================================================
   992px
========================================================== */

@media (max-width:992px){

    .nav-links{
        display:none;
    }

    .btn-account{
        display:none;
    }

    .hamburger{
        display:block;
    }

    .hero{
        padding-top:140px;
    }

    .hero-grid{
        grid-template-columns:1fr;
    }

    .hero-content{
        text-align:center;
    }

    .hero-content p{
        margin-left:auto;
        margin-right:auto;
    }

    .hero-buttons{
        justify-content:center;
    }

    .hero-visual{
        min-height:600px;
    }

    .stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .stat-item:nth-child(2){
        border-right:none;
    }

    .why-grid{
        grid-template-columns:1fr;
    }

    .why-laptop{
        grid-column:auto;
    }

    .threat-top{
        flex-direction:column;
        align-items:flex-start;
    }

}

/* ==========================================================
   768px
========================================================== */

@media (max-width:768px){

    .container{
        width:94%;
    }

    .hero{
        padding-top:130px;
    }

    .hero-content h1{
        font-size:3.3rem;
    }

    .hero-content p{
        font-size:17px;
    }

    .shield-wrapper{
        width:320px;
    }

    .hero-visual{
        min-height:500px;
    }

    .floating-card{
        min-width:140px;
        padding:14px;
    }

    .floating-card strong{
        font-size:20px;
    }

    .card-1{
        top:0;
        left:10px;
    }

    .card-2{
        left:0;
        top:180px;
    }

    .card-3{
        top:0;
        right:10px;
    }

    .card-4{
        top:180px;
        right:0;
    }

    .feature-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .stats-grid{
        grid-template-columns:1fr;
    }

    .stat-item{
        border-right:none;
        border-bottom:
        1px solid rgba(255,180,0,.08);
    }

    .stat-item:last-child{
        border-bottom:none;
    }

    .section-header h2{
        font-size:2.5rem;
    }

    .why-content h2{
        font-size:2.6rem;
    }

    .threat-top h2{
        font-size:2.4rem;
    }

    .threat-stats{
        grid-template-columns:1fr 1fr;
        gap:25px;
    }

    .cta-box{
        flex-direction:column;
        align-items:flex-start;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }

    .footer-bottom{
        flex-direction:column;
        gap:12px;
        text-align:center;
    }

}

/* ==========================================================
   576px
========================================================== */

@media (max-width:576px){

    .logo img{
        height:30px;
    }

    .navbar{
        min-height:80px;
    }

    .mobile-menu{
        top:80px;
        height:calc(100vh - 80px);
    }

    .hero{
        padding-top:110px;
    }

    .hero-content h1{
        font-size:2.7rem;
        line-height:1.1;
    }

    .hero-tagline{
        font-size:15px;
    }

    .hero-content p{
        font-size:16px;
        line-height:1.8;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        justify-content:center;
    }

    .hero-visual{
        min-height:430px;
    }

    .shield-wrapper{
        width:260px;
    }

    .floating-card{
        min-width:120px;
        padding:10px;
    }

    .floating-card small{
        font-size:11px;
    }

    .floating-card strong{
        font-size:16px;
    }

    .floating-card span{
        font-size:11px;
    }

    .card-1{
        left:0;
    }

    .card-3{
        right:0;
    }

    .card-2{
        top:140px;
    }

    .card-4{
        top:140px;
    }

    .solution-image{
        height:240px;
    }

    .solution-content{
        padding:24px;
    }

    .solution-content h3{
        font-size:1.6rem;
    }

    .threat-card{
        padding:25px;
    }

    .threat-stats{
        grid-template-columns:1fr;
    }

    .cta-left{
        flex-direction:column;
        text-align:center;
    }

    .cta-box{
        text-align:center;
    }

    .cta-box h2{
        font-size:2rem;
    }

}

/* ==========================================================
   400px
========================================================== */

@media (max-width:400px){

    .hero-content h1{
        font-size:2.2rem;
    }

    .shield-wrapper{
        width:220px;
    }

    .hero-visual{
        min-height:380px;
    }

    .floating-card{
        display:none;
    }

    .section-header h2{
        font-size:2rem;
    }

    .why-content h2{
        font-size:2rem;
    }

    .threat-top h2{
        font-size:2rem;
    }

    .cta-box h2{
        font-size:1.7rem;
    }

}


/* ==========================================================
   ABOUT PAGE
========================================================== */

@media (max-width:1200px){

    .mission-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:992px){

    .about-hero-grid,
    .story-grid,
    .trust-grid{
        grid-template-columns:1fr;
    }

    .about-hero-content{
        text-align:center;
    }

    .about-hero-content p{
        margin:auto;
    }

    .hero-line{
        margin:0 auto 30px;
    }

    .about-hero-shield img{
        width:420px;
    }

    .story-image{
        order:2;
    }

    .story-content{
        order:1;
    }

}

@media (max-width:768px){

    .about-hero-content h1{
        font-size:4rem;
    }

    .about-hero-content h2{
        font-size:2.4rem;
    }

    .story-content h2,
    .trust-content h2{
        font-size:2.6rem;
    }

    .mission-header h2{
        font-size:2.8rem;
    }

    .mission-grid{
        grid-template-columns:1fr;
    }

    .about-stats-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media (max-width:576px){

    .about-hero{
        padding-top:120px;
    }

    .about-hero-content h1{
        font-size:3rem;
    }

    .about-hero-content h2{
        font-size:2rem;
    }

    .about-hero-shield img{
        width:260px;
    }

    .story-content h2,
    .trust-content h2{
        font-size:2rem;
    }

    .mission-header h2{
        font-size:2.2rem;
    }

    .about-stats-grid{
        grid-template-columns:1fr;
    }

    .about-stat-item{
        border-right:none;
        border-bottom:
        1px solid rgba(255,180,0,.10);
    }

    .about-stat-item:last-child{
        border-bottom:none;
    }

}

/* ==========================================================
   CONTACT PAGE
========================================================== */

@media (max-width:992px){

    .contact-hero-grid{
        grid-template-columns:1fr;
    }

    .contact-grid{
        grid-template-columns:1fr;
    }

    .contact-hero-content{
        text-align:center;
    }

    .contact-hero-content p{
        margin:auto;
    }

    .contact-hero-shield img{
        width:420px;
    }

}

@media (max-width:768px){

    .contact-hero-content h1{
        font-size:4rem;
    }

    .contact-hero-content h2{
        font-size:2.4rem;
    }

    .contact-form-row{
        grid-template-columns:1fr;
    }

}

@media (max-width:576px){

    .contact-hero{
        padding-top:120px;
    }

    .contact-hero-content h1{
        font-size:3rem;
    }

    .contact-hero-content h2{
        font-size:2rem;
    }

    .contact-hero-shield img{
        width:260px;
    }

    .contact-info-card,
    .contact-form-card{
        padding:25px;
    }

}

/* ==========================================================
   PRODUCTS PAGE
========================================================== */

@media (max-width:1200px){

    .product-showcase,
    .business-main,
    .oem-banner{
        gap:40px;
    }

    .business-products{
        grid-template-columns:repeat(3,1fr);
    }

    .products-benefits{
        grid-template-columns:repeat(2,1fr);
    }

}

/* ==========================================================
   992px
========================================================== */

@media (max-width:992px){

    .products-hero-grid,
    .product-showcase,
    .oem-banner{
        grid-template-columns:1fr;
    }

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

    .business-products{
        grid-template-columns:1fr;
    }

    .products-hero-content{
        text-align:center;
    }

    .products-hero-content p{
        margin:auto;
    }

    .products-hero-image{
        order:2;
    }

    .products-hero-content{
        order:1;
    }

    .products-hero-image img{
        width:420px;
    }

    .product-showcase-image{
        order:2;
    }

    .product-showcase-content{
        order:1;
    }

    .business-image{
        order:2;
    }

    .oem-image{
        order:2;
    }

    .oem-content{
        order:1;
    }

}

/* ==========================================================
   768px
========================================================== */

@media (max-width:768px){

    .products-hero-content h1{
        font-size:4rem;
    }

    .products-hero-content h2{
        font-size:2.5rem;
    }

    .product-showcase-content h2,
    .business-header h2,
    .oem-content h2{
        font-size:2.6rem;
    }

    .mini-products{
        grid-template-columns:1fr;
    }

    .products-benefits{
        grid-template-columns:1fr;
    }

    .business-header{
        padding:30px;
    }

    .business-main{
        padding:0 30px 30px;
    }

    .oem-banner{
        padding:35px;
    }

}

/* ==========================================================
   576px
========================================================== */

@media (max-width:576px){

    .products-hero{
        padding-top:120px;
        padding-bottom:80px;
    }

    .products-hero-content h1{
        font-size:3rem;
    }

    .products-hero-content h2{
        font-size:2rem;
    }

    .products-hero-image img{
        width:260px;
    }

    .product-showcase-content h2,
    .business-header h2,
    .oem-content h2{
        font-size:2rem;
    }

    .business-header{
        padding:25px;
    }

    .business-main{
        padding:0 25px 25px;
    }

    .mini-product-card,
    .business-product-card{
        padding:24px;
    }

    .oem-banner{
        padding:25px;
    }

    .benefit-item{
        padding:30px 20px;
    }

}

/* ==========================================================
   400px
========================================================== */

@media (max-width:400px){

    .products-hero-content h1{
        font-size:2.3rem;
    }

    .products-hero-content h2{
        font-size:1.7rem;
    }

    .product-showcase-content h2,
    .business-header h2,
    .oem-content h2{
        font-size:1.8rem;
    }

}

/* ==========================================================
   PC DOCTOR TOTAL SECURITY PAGE
========================================================== */

@media (max-width:1200px){

    .pcts-hero-grid,
    .performance-grid{
        gap:50px;
    }

    .pcts-feature-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .protection-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* ==========================================================
   992px
========================================================== */

@media (max-width:992px){

    .pcts-hero-grid,
    .performance-grid,
    .requirements-grid{
        grid-template-columns:1fr;
    }

    .pcts-hero-content{
        text-align:center;
    }

    .pcts-hero-content p{
        margin:auto;
    }

    .offer-box{
        margin-left:auto;
        margin-right:auto;
    }

    .pcts-hero-visual{
        min-height:500px;
    }

    .pcts-hero-visual .shield-wrapper{
        width:420px;
    }

    .performance-image{
        order:2;
    }

    .performance-content{
        order:1;
    }

    .pcts-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .protection-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .pcts-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .pcts-stat-item:nth-child(2){
        border-right:none;
    }

    .pcts-stat-item:nth-child(-n+2){
        border-bottom:
        1px solid rgba(255,180,0,.08);
    }

}

/* ==========================================================
   768px
========================================================== */

@media (max-width:768px){

    .pcts-hero{
        padding-top:140px;
    }

    .pcts-hero-content h1{
        font-size:4rem;
    }

    .performance-content h2{
        font-size:2.7rem;
    }

    .pcts-feature-grid{
        grid-template-columns:1fr;
    }

    .protection-grid{
        grid-template-columns:1fr;
    }

    .performance-list{
        grid-template-columns:1fr;
    }

    .comparison-table{
        min-width:900px;
    }

    .requirement-card{
        padding:30px;
    }

    .pcts-stat-item h3{
        font-size:2.4rem;
    }

}

/* ==========================================================
   576px
========================================================== */

@media (max-width:576px){

    .pcts-hero{
        padding-top:120px;
        padding-bottom:80px;
    }

    .pcts-hero-content h1{
        font-size:3rem;
    }

    .pcts-hero-content p{
        font-size:16px;
    }

    .pcts-hero-visual{
        min-height:350px;
    }

    .pcts-hero-visual .shield-wrapper{
        width:260px;
    }

    .offer-box{
        width:100%;
        padding:20px;
    }

    .offer-price{
        flex-direction:column;
        gap:8px;
    }

    .offer-price strong{
        font-size:1.7rem;
    }

    .performance-content h2{
        font-size:2rem;
    }

    .requirement-card{
        padding:25px;
    }

    .os-grid{
        grid-template-columns:1fr;
    }

    .pcts-stats-grid{
        grid-template-columns:1fr;
    }

    .pcts-stat-item{
        border-right:none;
        border-bottom:
        1px solid rgba(255,180,0,.08);
    }

    .pcts-stat-item:last-child{
        border-bottom:none;
    }

    .cta-actions{
        width:100%;
        flex-direction:column;
    }

    .cta-actions .btn-primary,
    .cta-actions .btn-secondary{
        width:100%;
        justify-content:center;
    }

}

/* ==========================================================
   400px
========================================================== */

@media (max-width:400px){

    .pcts-hero-content h1{
        font-size:2.3rem;
    }

    .performance-content h2{
        font-size:1.8rem;
    }

    .offer-price strong{
        font-size:1.5rem;
    }

}
/* ==========================================================
   NGAV PRO PAGE
========================================================== */

@media (max-width:1200px){

    .ngav-hero-grid,
    .performance-grid{
        gap:50px;
    }

    .ngav-benefits .products-benefits{
        grid-template-columns:repeat(3,1fr);
    }

}

/* ==========================================================
   992px
========================================================== */

@media (max-width:992px){

    .ngav-hero-grid,
    .performance-grid,
    .requirements-grid{
        grid-template-columns:1fr;
    }

    .ngav-hero-content{
        text-align:center;
    }

    .ngav-hero-content p{
        margin:auto auto 35px;
    }

    .ngav-hero-visual .shield-wrapper{
        width:420px;
    }

    .performance-image{
        order:2;
    }

    .performance-content{
        order:1;
    }

    .ngav-benefits .products-benefits{
        grid-template-columns:repeat(2,1fr);
    }

}

/* ==========================================================
   768px
========================================================== */

@media (max-width:768px){

    .ngav-hero{
        padding-top:140px;
    }

    .ngav-hero-content h1{
        font-size:4rem;
    }

    .ngav-intro h2{
        font-size:2.8rem;
    }

    .ngav-benefits .products-benefits{
        grid-template-columns:1fr;
    }

}

/* ==========================================================
   576px
========================================================== */

@media (max-width:576px){

    .ngav-hero{
        padding-top:120px;
        padding-bottom:80px;
    }

    .ngav-hero-content h1{
        font-size:3rem;
    }

    .ngav-hero-content p{
        font-size:16px;
    }

    .ngav-hero-visual .shield-wrapper{
        width:260px;
    }

    .ngav-intro h2{
        font-size:2rem;
    }

}

/* ==========================================================
   400px
========================================================== */

@media (max-width:400px){

    .ngav-hero-content h1{
        font-size:2.3rem;
    }

    .ngav-intro h2{
        font-size:1.7rem;
    }

}

/* ==========================================================
   MAIL SECURITY PAGE
========================================================== */

@media (max-width:1200px){

    .mail-hero-grid,
    .mail-flow-grid,
    .mail-platform-grid{
        gap:40px;
    }

    .mail-protection-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* ==========================================================
   992px
========================================================== */

@media (max-width:992px){

    .mail-hero-grid,
    .mail-flow-grid,
    .mail-platform-grid{
        grid-template-columns:1fr;
    }

    .mail-hero-content{
        text-align:center;
    }

    .mail-hero-content p{
        margin-left:auto;
        margin-right:auto;
    }

    .mail-hero-image{
        order:2;
    }

    .mail-hero-content{
        order:1;
    }

    .mail-hero-image img{
        max-width:420px;
    }

    .mail-flow-image{
        order:2;
    }

    .mail-flow-content{
        order:1;
    }

    .mail-benefits-grid{
        grid-template-columns:1fr;
    }

    .mail-benefit-wide{
        grid-column:auto;
    }

    .mail-protection-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mail-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mail-stat-item:nth-child(2){
        border-right:none;
    }

    .mail-stat-item:nth-child(-n+2){
        border-bottom:
        1px solid rgba(255,180,0,.08);
    }

}

/* ==========================================================
   768px
========================================================== */

@media (max-width:768px){

    .mail-hero{
        padding-top:140px;
    }

    .mail-hero-content h1{
        font-size:4rem;
    }

    .mail-hero-features{
        gap:12px;
    }

    .mail-feature-pill{
        width:100%;
        justify-content:center;
    }

    .workflow-box{
        flex-direction:column;
    }

    .workflow-arrow{
        transform:rotate(90deg);
    }

    .mail-protection-grid{
        grid-template-columns:1fr;
    }

    .requirements-content{
        grid-template-columns:1fr;
    }

}

/* ==========================================================
   576px
========================================================== */

@media (max-width:576px){

    .mail-hero{
        padding-top:120px;
        padding-bottom:80px;
    }

    .mail-hero-content h1{
        font-size:3rem;
    }

    .hero-description{
        font-size:16px;
    }

    .mail-hero-image img{
        max-width:260px;
    }

    .mail-benefit-card{
        padding:22px;
    }

    .mail-benefit-card i{
        font-size:26px;
    }

    .workflow-step{
        width:100%;
        min-height:auto;
    }

    .mail-protection-card{
        padding:25px;
    }

    .mail-flow-grid{
        gap:35px;
    }

    .flow-item{
        padding:16px;
    }

    .platform-card{
        padding:25px;
    }

    .mail-stats-grid{
        grid-template-columns:1fr;
    }

    .mail-stat-item{
        border-right:none;
        border-bottom:
        1px solid rgba(255,180,0,.08);
    }

    .mail-stat-item:last-child{
        border-bottom:none;
    }

}

/* ==========================================================
   400px
========================================================== */

@media (max-width:400px){

    .mail-hero-content h1{
        font-size:2.3rem;
    }

    .mail-stat-item h3{
        font-size:2rem;
    }

}

/* ==========================================================
   ATP PAGE
========================================================== */

/* ==========================================================
   1400px
========================================================== */

@media (max-width:1400px){

    .atp-hero-content h1{
        font-size:4.5rem;
    }

}

/* ==========================================================
   1200px
========================================================== */

@media (max-width:1200px){

    .atp-hero-grid,
    .performance-grid,
    .admin-grid{
        gap:40px;
    }

    .atp-benefits-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .atp-core-grid,
    .atp-security-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .optimization-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .logviewer-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

/* ==========================================================
   992px
========================================================== */

@media (max-width:992px){

    .atp-hero-grid,
    .performance-grid,
    .admin-grid{
        grid-template-columns:1fr;
    }

    .atp-hero-content{
        text-align:center;
    }

    .atp-hero-content .hero-description{
        margin-left:auto;
        margin-right:auto;
    }

    .atp-hero-image{
        order:2;
    }

    .atp-hero-content{
        order:1;
    }

    .performance-image{
        order:2;
    }

    .performance-content{
        order:1;
    }

    .admin-image{
        order:2;
    }

    .admin-content{
        order:1;
    }

    .atp-benefits-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .atp-core-grid,
    .atp-security-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .optimization-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .logviewer-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .atp-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .atp-stat-item:nth-child(2){
        border-right:none;
    }

    .atp-stat-item:nth-child(-n+2){
        border-bottom:
        1px solid rgba(255,180,0,.08);
    }

}

/* ==========================================================
   768px
========================================================== */

@media (max-width:768px){

    .atp-hero{
        padding-top:140px;
    }

    .atp-hero-content h1{
        font-size:4rem;
    }

    .hero-subtitle{
        font-size:1.25rem;
    }

    .atp-benefits-grid{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
    }

    .atp-core-grid,
    .atp-security-grid{
        grid-template-columns:1fr;
    }

    .optimization-grid{
        grid-template-columns:1fr;
    }

    .performance-content h2,
    .admin-content h2{
        font-size:2.5rem;
    }

    .performance-list{
        grid-template-columns:1fr;
    }

    .requirements-grid{
        grid-template-columns:1fr;
    }

}

/* ==========================================================
   576px
========================================================== */

@media (max-width:576px){

    .atp-hero{
        padding-top:120px;
        padding-bottom:80px;
    }

    .atp-hero-content h1{
        font-size:3rem;
    }

    .hero-subtitle{
        font-size:1.1rem;
    }

    .atp-hero-image img{
        max-width:280px;
    }

    .atp-benefits-grid{
        grid-template-columns:1fr;
    }

    .atp-benefit-item{
        padding:24px 20px;
    }

    .atp-card,
    .security-card,
    .optimization-card{
        padding:25px;
    }

    .performance-content h2,
    .admin-content h2{
        font-size:2rem;
    }

    .performance-grid,
    .admin-grid{
        gap:35px;
    }

    .logviewer-grid{
        grid-template-columns:1fr;
    }

    .log-item{
        padding:20px;
    }

    .admin-feature{
        padding:16px;
        font-size:14px;
    }

    .atp-stats-grid{
        grid-template-columns:1fr;
    }

    .atp-stat-item{
        border-right:none;
        border-bottom:
        1px solid rgba(255,180,0,.08);
    }

    .atp-stat-item:last-child{
        border-bottom:none;
    }

}

/* ==========================================================
   400px
========================================================== */

@media (max-width:400px){

    .atp-hero-content h1{
        font-size:2.3rem;
    }

    .performance-content h2,
    .admin-content h2{
        font-size:1.7rem;
    }

    .atp-card-icon{
        width:60px;
        height:60px;
    }

    .atp-card-icon i{
        font-size:24px;
    }

    .atp-stat-item h3{
        font-size:2.2rem;
    }

}