/* ==========================================================================
   Project overrides — loaded after responsive.css so these rules win.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Mobile navigation / horizontal-overflow fixes.
   The template's responsive.css forces .navbar-collapse to min-width:450px,
   which is wider than a phone screen and pushes the whole page sideways
   (clipped logo + body text). Relax it and guard against stray overflow.
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        min-width: 0;
    }

    .dl-menuwrapper,
    .dl-menuwrapper .dl-menu {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    /* Safety net: never allow sideways scrolling on small screens. */
    html,
    body {
        overflow-x: hidden;
    }
}