/* PHP 8.5 migration: shared responsive safety baseline. */
html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
    box-sizing: inherit;
}

body {
    max-width: 100%;
    overflow-x: hidden;
    overflow-wrap: anywhere;
}

img, picture, video, canvas, svg, iframe, embed, object {
    max-width: 100%;
}

img, picture, video, canvas, svg {
    height: auto;
}

input, select, textarea, button {
    max-width: 100%;
    font: inherit;
}

pre, code {
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 767px) {
    body,
    .wrapper,
    .wrapper2,
    .container,
    .container-fluid {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    table[width] {
        width: 100% !important;
    }

    table {
        max-width: 100%;
    }

    .table-responsive,
    [class*="table-wrap"] {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .service-box,
    .banner-middle,
    .property-box,
    .propertyBox,
    [class*="service-box"],
    [class*="property-box"] {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}