/* Responsive and small-screen fixes layered on top of style.css / responsive.css */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { overflow-x: hidden; }
img, video, iframe, embed, object { max-width: 100%; }
img { height: auto; }
iframe.map { width: 100%; border: 0; }
table { max-width: 100%; }

/* Honeypot field on the enquiry form: hidden from people, visible to bots */
.hp-field { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

/* Long URLs / words in content and footer must wrap instead of overflowing */
.paymentsm p, .footer-area, .text-holder, p { overflow-wrap: break-word; word-wrap: break-word; }

/* Sidebar banner ads and AdSense blocks */
.bar-ad, .bar-ad a, .bar-ad img { max-width: 100%; }
.bar-ad ins.adsbygoogle { max-width: 100%; }

/* Phone field is now type="tel": give it the theme's text-input look */
.consultation-form input[type="tel"] {
    border: 1px solid #ffffff59;
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    display: block;
    font-size: 16px;
    height: 60px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    font-weight: 400;
    transition: all 500ms ease;
}
.consultation-form input[type="tel"]:focus { background: #163a60; border-color: #fff; }

/* Form controls: comfortable touch targets and no iOS zoom on focus */
.consultation-form input, .consultation-form textarea,
.default-form .msg-box { max-width: 100%; box-sizing: border-box; }

@media (max-width: 991px) {
    .experience-box iframe.map { min-height: 300px; margin-top: 20px; }
}

@media (max-width: 767px) {
    /* Compact top bar */
    .top-bar-area { padding: 6px 0; }
    .top-bar-area .top-menu { float: none !important; text-align: center; }
    .top-bar-area .top-menu ul li { display: inline-block; margin: 2px 6px; }
    .top-bar-area .approved p { font-size: 11px; line-height: 1.35; margin: 4px 0 0; padding: 4px 6px; }

    /* Readable body copy instead of stretched justified lines */
    .container p { text-align: left !important; }
    .container p img[align="left"], .container p img[align="right"] { float: none !important; display: block; margin: 0 auto 12px; }

    .consultation-form input, .consultation-form textarea,
    .default-form .msg-box { font-size: 16px; }

    .thm-btn, button[type="submit"] { min-height: 44px; }

    /* Footer */
    .footer-area .single-footer-widget { margin-bottom: 25px; }
    .footer-area .fb-page, .footer-area .fb-page span, .footer-area .fb-page iframe { max-width: 100% !important; }
    .govtappvd > div, .paymentsK { display: inline-block; float: none !important; max-width: 30%; vertical-align: middle; }
    .paymentsm p { line-height: 1.8; }

    .footer-bottom .copyright-text { float: none !important; text-align: center; }
}