/* =============================================================================
   1300 SQUEEGEE — Mobile Responsive Overrides
   Updated: 18-05-2026
   Upload to: public_html/css/mobile.css
============================================================================= */

@media screen and (max-width: 960px) {

/* ---- Prevent horizontal scroll ---- */
html, body {
overflow-x: hidden !important;
width: 100% !important;
}

/* ---- Main wrapper (style.css: width:940px, overflow:hidden) ---- */
#wrapper {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
padding-left: 12px !important;
padding-right: 12px !important;
margin: 0 auto !important;
box-shadow: none !important;
}

/* ---- Top bar ---- */
#top {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}

/* ---- Logo ---- */
#logo {
width: 100% !important;
height: auto !important;
padding-bottom: 10px !important;
float: none !important;
}
#logo img, #logo img a {
max-width: 100% !important;
height: auto !important;
}

/* ---- Navigation ---- */
#nav, #nav ul {
width: 100% !important;
height: auto !important;
min-width: 0 !important;
float: none !important;
position: static !important;
}
#nav li {
float: none !important;
display: block !important;
width: 100% !important;
height: auto !important;
border-bottom: 1px solid #0088bb !important;
}
#nav a {
display: block !important;
padding: 12px 15px !important;
font-size: 14px !important;
}
#nav ul ul {
position: static !important;
display: none !important;
}
#nav li:hover ul {
display: block !important;
}
#navmini {
width: 100% !important;
float: none !important;
}

/* ---- Header image ---- */
#header, #header img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}

/* ---- Breadcrumb (style.css: width:940px) ---- */
#breadcrumb {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}

/* ---- Content wrapper ---- */
#contentWrap {
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}

/* ---- Two-third content + sidebar column: stack vertically ---- */
/* style.css: #content-two-third { width:640px; float:left } */
/* style.css: #column { width:300px } + .right { float:right } */
#content-two-third,
.content-full,
#content-full,
#content,
#main {
width: 100% !important;
max-width: 100% !important;
float: none !important;
box-sizing: border-box !important;
}
#column,
.right,
.left {
width: 100% !important;
max-width: 100% !important;
float: none !important;
position: static !important;
clear: both !important;
box-sizing: border-box !important;
}

/* ---- Column h4 heading (style.css: width:270px; height:22px) ---- */
#column h4 {
width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
}

/* ---- Column/page layouts ---- */
.one-third,
.two-third,
.two-third-highlight,
.half-page,
.full-page,
.center,
.highlight {
width: 100% !important;
max-width: 100% !important;
float: none !important;
box-sizing: border-box !important;
}

/* ---- Side navigation ---- */
.sidenav, .sidenav li, .sidenav li a {
width: 100% !important;
float: none !important;
box-sizing: border-box !important;
}

/* ---- Text wrapping ---- */
p, li, td, th, div, span, a,
h1, h2, h3, h4, h5, h6 {
word-wrap: break-word !important;
overflow-wrap: break-word !important;
white-space: normal !important;
max-width: 100% !important;
}

/* ---- Images ---- */
img {
max-width: 100% !important;
height: auto !important;
width: auto !important;
}

/* ================================================================
   CONTACT / QUOTE FORM FIXES
   contact.css sets:
     #contact { width: 575px }
     #contact label { display:inline-block; float:left; height:26px;
                      width:155px } — clips "* Phone (no spaces)" etc.
     #contact input,textarea,select { width: 280px }
================================================================ */
#contact {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
#contact label {
display: block !important;
float: none !important;
width: 100% !important;
height: auto !important;
line-height: 1.4 !important;
white-space: normal !important;
overflow: visible !important;
margin-bottom: 2px !important;
}
#contact input[type="text"],
#contact input[type="email"],
#contact textarea,
#contact select,
.contactform input[type="text"],
.contactform textarea,
.input-textarea {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
#contact fieldset {
width: 100% !important;
box-sizing: border-box !important;
}
#contact legend {
white-space: normal !important;
width: auto !important;
}

/* ---- reCAPTCHA ---- */
.g-recaptcha {
transform: scale(0.95) !important;
-webkit-transform: scale(0.95) !important;
transform-origin: 0 0 !important;
-webkit-transform-origin: 0 0 !important;
}

/* ---- Gallery / Portfolio ---- */
.gallery-grid-full-page, .gallery-grid,
.portfolio-full-page, .portfolio-grid,
.portfolio-list-image, .portfolio-list-text {
width: 100% !important;
float: none !important;
}

/* ---- Tables ---- */
table {
width: 100% !important;
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}

/* ---- Footer (footer_one_third + footer_two_third) ---- */
#footer,
.footer,
.footer_one_third,
.footer_two_third {
width: 100% !important;
float: none !important;
box-sizing: border-box !important;
}

/* ---- Horizontal rule ---- */
.hr_line {
max-width: 100% !important;
}

/* ---- Phone number — tappable on mobile ---- */
a[href^="tel"] {
font-size: 18px !important;
font-weight: bold !important;
}

}

@media screen and (max-width: 480px) {

body {
font-size: 14px !important;
line-height: 1.6 !important;
}
h1 { font-size: 22px !important; }
h2 { font-size: 18px !important; }
h3 { font-size: 16px !important; }

#wrapper {
padding-left: 8px !important;
padding-right: 8px !important;
}
.g-recaptcha {
transform: scale(0.85) !important;
-webkit-transform: scale(0.85) !important;
}

}