/*
========================================
Header Responsive Styles
========================================
*/

@media (max-width: 1200px) {
    .header-phone {
        display: none;
    }
    .hero-section {
        padding-top: 8rem;
    }
}

@media (max-width: 992px) {
    .header-navigation {
        display: none;
    }
    .header-mobile-toggle {
        display: inline-flex;
    }
    .header-right .header-button-cta {
        display: none;
    }
    .hero-section-content {
        max-width: 720px;
    }
    .hero-section-title {
        font-size: clamp(2rem, 4vw, 3.1rem);
    }
}

@media (max-width: 768px) {
    .header-container {
        min-height: 72px;
    }
    .header-wrapper {
        padding: 12px 0;
    }
    .hero-section {
        padding: 7rem 1rem 3.5rem;
    }
    .hero-section-content {
        padding: 1.5rem;
    }
    .hero-section-review {
        flex-direction: column;
        align-items: flex-start;
        border-radius: 1.25rem;
        padding: 1rem 1.2rem;
    }
    .company-section-container {
        display: flex;
        flex-direction: column-reverse;
    }
    .about-section-container,
    main.header-page-content .about-section-container {
        display: flex !important;
        flex-direction: column !important;
    }
    .quote-section-image {
        aspect-ratio: 4 / 3;
    }
    .quote-section-visual {
        max-width: 100%;
    }
    .quote-section-form-grid {
        gap: 0;
    }
}

@media (max-width: 576px) {
    .header-container {
        width: calc(100% - 1.25rem);
    }
    .header-logo {
        font-size: 1.6rem;
    }
    .hero-section-title {
        font-size: 2rem;
    }
    .hero-section-description {
        font-size: 0.98rem;
    }
    .hero-section-buttons {
        flex-direction: column;
        align-items: center;
    }
    .hero-section-btn {
        width: 100%;
    }
    .hero-section-review {
        width: 100%;
        justify-content: center;
    }
    .company-section-stats {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .about-section-banner {
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width: 425px) {
    .header-mobile-menu {
        width: 100%;
    }
    .hero-section-content {
        padding: 1rem;
    }
    .hero-section-subtitle {
        font-size: 0.72rem;
    }
    .hero-section-scroll {
        bottom: 1rem;
    }
}

@media (max-width: 375px) {
    .header-logo {
        font-size: 1.45rem;
    }
    .header-mobile-menu {
        padding: 1rem;
    }
    .hero-section-title {
        font-size: 1.8rem;
    }
    .hero-section-review-image {
        width: 38px;
        height: 38px;
    }
}

@media (max-width: 320px) {
    .header-logo {
        font-size: 1.3rem;
    }
    .hero-section-title {
        font-size: 1.6rem;
    }
    .hero-section-review-text {
        font-size: 0.88rem;
    }
}



/* about page responsive */

@media (max-width:992px) {
    .about-intro-grid { grid-template-columns:1fr; }
    .why-grid { grid-template-columns:repeat(2,1fr); }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .about-cta-container { text-align:center; justify-content:center; }
}
@media (max-width:576px) {
    .why-grid, .stats-grid { grid-template-columns:1fr; }
    .about-page-content .about-section { padding:3rem 1rem; }
    .about-hero-btns { flex-direction:column; align-items:center; }
    .about-btn { width:100%; max-width:260px; text-align:center; }
}
@media (max-width:992px) {
    .about-story { padding:3rem 1rem; }
    .about-story-container { grid-template-columns:1fr !important; gap:2.5rem !important; }
    .about-story-content { max-width:100%; }
    .about-story-card-one { left:10px; }
    .about-story-card-two { right:10px; }
}

/* services page responsive */

@media (max-width:992px) {
    .services-page-grid { grid-template-columns:repeat(2,1fr); }
    .services-quality-container { grid-template-columns:1fr; gap:2.5rem; }
}
@media (max-width:768px) {
    .about-hero { min-height:55vh; padding-top:100px; }
    .services-hero { min-height:55vh; padding-top:100px; }
    .contact-hero { min-height:55vh; padding-top:100px; }
    .services-section { padding:3.5rem 1rem; }
    .services-quality { padding:3.5rem 1rem; }
    .services-cta { padding:3rem 1rem; }
}
@media (max-width:576px) {
    .services-page-grid { grid-template-columns:1fr; }
    .services-cta-container { text-align:center; justify-content:center; }
    .services-cta-btn { width:100%; max-width:280px; text-align:center; }
}

/* terms page responsive */

@media (max-width:768px) {
    .terms-hero { min-height:35vh; }
    .terms-section { padding:3.5rem 1rem; }
    .terms-block h2 { font-size:1.4rem; }
    .terms-block p, .terms-block ul { font-size:.98rem; }
}

@media (max-width:576px) {
    .terms-hero-content { padding:1.5rem 1rem; }
    .terms-hero-title { font-size:1.9rem; }
    .terms-hero-breadcrumb { font-size:.85rem; flex-wrap:wrap; }
    .terms-block { margin-bottom:2.25rem; }
    .terms-summary { padding:1rem; }
}

/* contact page responsive */

@media (max-width:992px) {
    .contact-wrapper { grid-template-columns:1fr; gap:2.5rem; }
    .contact-form-wrapper { order:2; }
    .contact-info-wrapper { order:1; }
    .contact-process-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .contact-hero { min-height:40vh; }
    .contact-section { padding:3.5rem 1rem; }
    .contact-process { padding:3.5rem 1rem; }
    .contact-cta { padding:3rem 1rem; }
    .contact-form-row { grid-template-columns:1fr; }
    .contact-info-wrapper { grid-template-columns:1fr; }
}
@media (max-width:576px) {
    .contact-process-grid { grid-template-columns:1fr; }
    .contact-cta-container { text-align:center; justify-content:center; }
    .contact-cta-btn { width:100%; max-width:280px; text-align:center; }
}

/* privacy page responsive */

@media (max-width:768px) {
    .privacy-hero { min-height:35vh; }
    .privacy-section { padding:3.5rem 1rem; }
    .privacy-block h2 { font-size:1.4rem; }
    .privacy-block p, .privacy-block ul { font-size:.98rem; }
}

@media (max-width:576px) {
    .privacy-hero-content { padding:1.5rem 1rem; }
    .privacy-hero-title { font-size:1.9rem; }
    .privacy-hero-breadcrumb { font-size:.85rem; flex-wrap:wrap; }
    .privacy-block { margin-bottom:2.25rem; }
}

/* cookies page responsive */

@media (max-width:768px) {
    .cookies-hero { min-height:35vh; }
    .cookies-section { padding:3.5rem 1rem; }
    .cookies-block h2 { font-size:1.4rem; }
    .cookies-block p, .cookies-block ul { font-size:.98rem; }
}

@media (max-width:576px) {
    .cookies-hero-content { padding:1.5rem 1rem; }
    .cookies-hero-title { font-size:1.9rem; }
    .cookies-hero-breadcrumb { font-size:.85rem; flex-wrap:wrap; }
    .cookies-block { margin-bottom:2.25rem; }
}

/* faq page responsive */

@media (max-width:768px) {
    .faq-hero { min-height:35vh; }
    .faq-section { padding:3.5rem 1rem; }
    .faq-question { font-size:1rem; padding:1.1rem 1.25rem; }
    .faq-answer { padding:0 1.25rem 1.25rem; font-size:.98rem; }
}

@media (max-width:576px) {
    .faq-hero-content { padding:1.5rem 1rem; }
    .faq-hero-title { font-size:1.9rem; }
    .faq-hero-breadcrumb { font-size:.85rem; flex-wrap:wrap; }
    .faq-question { font-size:.95rem; }
    .faq-question::after { font-size:1.2rem; }
}

/* blogs page responsive */

@media (max-width:992px) {
    .blogs-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:768px) {
    .blogs-hero { min-height:35vh; }
    .blogs-section { padding:3.5rem 1rem; }
    .blogs-title { font-size:1.15rem; }
    .blogs-excerpt { font-size:.95rem; }
    .blogs-image { height:190px; }
}

@media (max-width:576px) {
    .blogs-hero-content { padding:1.5rem 1rem; }
    .blogs-hero-title { font-size:1.9rem; }
    .blogs-hero-breadcrumb { font-size:.85rem; flex-wrap:wrap; }
    .blogs-grid { grid-template-columns:1fr; }
    .blogs-body { padding:1.25rem; }
}

/* additional responsive fixes */

@media (max-width: 992px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .imag-secti-logo-header { height: 70px; width: auto; }
}

@media (max-width: 768px) {
    .imag-secti-logo-header { height: 60px; }
}

@media (max-width: 576px) {
    .services-grid { grid-template-columns: 1fr; }
    .imag-secti-logo-header { height: 50px; }
}

@media (max-width: 425px) {
    .services-hero-title,
    .about-hero-title,
    .contact-hero-title,
    .terms-hero-title,
    .privacy-hero-title,
    .cookies-hero-title,
    .faq-hero-title,
    .blogs-hero-title { font-size: 1.7rem; }
}

@media (max-width: 375px) {
    .services-hero-title,
    .about-hero-title,
    .contact-hero-title,
    .terms-hero-title,
    .privacy-hero-title,
    .cookies-hero-title,
    .faq-hero-title,
    .blogs-hero-title { font-size: 1.6rem; }
}

@media (max-width: 320px) {
    .services-hero-title,
    .about-hero-title,
    .contact-hero-title,
    .terms-hero-title,
    .privacy-hero-title,
    .cookies-hero-title,
    .faq-hero-title,
    .blogs-hero-title { font-size: 1.5rem; }
}

@media (max-width: 576px) {
    .eco-popup-box {
        padding: 1.5rem;
        width: 100%;
    }
    .eco-popup-title {
        font-size: 1.4rem;
    }
    .eco-popup-subtitle {
        font-size: 1rem;
    }
    .eco-popup-list {
        padding-left: 1.1rem;
    }
}