/* ==========================================================
   Service pages responsive rules (loaded after services.css)
   ========================================================== */

@media (max-width: 1399.98px) {
    .page-hero {
        padding: 220px 0 150px;
    }
    .page-hero .breadcrumb-nav {
        font-size: 30px;
    }
}

@media (max-width: 991.98px) {
    .page-hero {
        padding: 170px 0 100px;
    }
    .page-hero .breadcrumb-nav {
        font-size: 22px;
    }
    .intro-section {
        padding-top: 60px;
    }
    .installation-section,
    .cost-section {
        padding: 60px 0;
    }
    .systems-section,
    .panel-systems-section,
    .buildings-section,
    .specs-section,
    .prices-section,
    .replacement-section,
    .what-is-section,
    .applications-section,
    .panel-specs-section,
    .profile-basics-section,
    .profiles-list-section,
    .compare-section,
    .building-uses-section,
    .profile-costs-section,
    .conditions-section,
    .materials-colours-section,
    .completed-projects-section,
    .faq-list-section,
    .service-types-section,
    .choose-system-section,
    .install-systems-section {
        padding: 60px 0;
    }
    .considerations-section {
        padding-top: 60px;
    }
}

@media (max-width: 767.98px) {
    .page-hero .breadcrumb-nav {
        font-size: 17px;
    }
}