/* Responsive UI fixes only — preserves existing content and visual context */
html {
    max-width: 100%;
    overflow-x: hidden;
}

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

img,
svg,
video,
iframe {
    max-width: 100%;
    height: auto;
}

iframe {
    width: 100%;
}

table {
    max-width: 100%;
}

@media (max-width: 991px) {
    .container,
    .wrapper,
    .content,
    .main-content {
        max-width: 100%;
    }

    .row {
        max-width: 100%;
    }

    [class*="col-"] {
        max-width: 100%;
    }

    .content-slider,
    .slide-grid-container {
        max-width: 100%;
        overflow: hidden;
    }

    .content-slider img,
    .slide-grid-container img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 767px) {
    html,
    body {
        width: 100%;
        min-width: 0;
    }

    .container,
    .wrapper,
    .content,
    .main-content {
        width: 100%;
        box-sizing: border-box;
    }

    .row {
        box-sizing: border-box;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    input,
    select,
    textarea,
    button {
        max-width: 100%;
        box-sizing: border-box;
    }

    .content-slider,
    .slide-grid-container {
        width: 100%;
        box-sizing: border-box;
    }

    /* Prevent fixed-width content from creating horizontal scrolling. */
    [style*="width:"],
    [style*="width:"] {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .container,
    .wrapper,
    .content,
    .main-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .content-slider,
    .slide-grid-container {
        width: 100%;
    }
}