.elementor-6933 .elementor-element.elementor-element-726cd2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-a3c5eba{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-3ae7ada{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-3ae7ada.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6933 .elementor-element.elementor-element-93937cd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-7b1cb7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-42ffecd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-af33653{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-0e78312{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-f591880{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-787e3ee{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-c3dadd3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6933 .elementor-element.elementor-element-bf532e8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6933 .elementor-element.elementor-element-3ae7ada{--width:87.324%;}}/* Start custom CSS *//* =============================================================
BRAND:    Compliant Retrofits Ltd
FILE:     cr-contact-responsive.css
PAGE:     Contact Us  (/contact-us/)  |  PREFIX: crct__
VERSION:  v1  |  DATE: 12 July 2026
PURPOSE:  ALL @media queries for the Contact Us page live in this
file — Elementor strips @media from HTML widgets, so none exist
inside the widgets themselves.

ENQUEUE (functions.php of the child theme):
--------------------------------------------------------------
add_action( 'wp_enqueue_scripts', function () {
    if ( is_page( 'contact-us' ) ) {
        wp_enqueue_style(
            'cr-contact-responsive',
            get_stylesheet_directory_uri() . '/css/cr-contact-responsive.css',
            array(),
            '1.0'
        );
    }
} );
--------------------------------------------------------------
NOTE: if the page is published at /contact instead (see slug flag
in the docs), change is_page('contact-us') to is_page('contact').
Breakpoints: 1199.98 / 991.98 / 767.98 / 575.98 px (max-width).
============================================================= */

/* ---------- ≤1199.98px — narrow the fixed side column ---------- */
@media (max-width: 1199.98px) {
  .crct__hero-h1 { font-size: 2.6rem; }
  .crct__touch-grid { grid-template-columns: 1fr 380px; gap: 40px; }
}

/* ---------- ≤991.98px — stack the 2-col layout ---------- */
@media (max-width: 991.98px) {
  .crct__hero-h1 { font-size: 2.1rem; }
  .crct__touch-h2, .crct__inc-h2, .crct__form-h2, .crct__faq-h2, .crct__cta-h2 { font-size: 1.8rem; }
  .crct__touch-grid { grid-template-columns: 1fr; gap: 40px; }
  .crct__touch-card { max-width: 560px; }
}

/* ---------- ≤767.98px — single-column grids ---------- */
@media (max-width: 767.98px) {
  .crct__inc-list { grid-template-columns: 1fr; }
  .crct__form-row { grid-template-columns: 1fr; gap: 20px; margin-bottom: 20px; }
  .crct__form-card { padding: 32px 24px; }
}

/* ---------- ≤575.98px — mobile rhythm + full-width buttons ---------- */
@media (max-width: 575.98px) {
  .crct__hero, .crct__touch, .crct__inc, .crct__form, .crct__faq, .crct__cta { padding: 60px 0; }
  .crct__hero-h1 { font-size: 1.8rem; }
  .crct__touch-h2, .crct__inc-h2, .crct__form-h2, .crct__faq-h2, .crct__cta-h2 { font-size: 1.6rem; }
  .crct__hero-btns, .crct__cta-btns { flex-direction: column; align-items: stretch; }
  .crct__hero-btns .crct__btn-gold, .crct__hero-btns .crct__btn-line,
  .crct__cta-btns .crct__btn-gold, .crct__cta-btns .crct__btn-line { text-align: center; width: 100%; }
  .crct__form-btn { width: 100%; }
  .crct__touch-card { padding: 28px 22px; }
  .crct__faq-q { font-size: 0.95rem; padding: 16px 18px; }
  .crct__faq-a { padding: 0 18px 18px; }
}/* End custom CSS */