/* Public-site redesign responsive rules Scope: only applies when has class `.public` */ @media (max-width: 768px){ .public .container, .public .container-fluid{ padding-left: 16px; padding-right: 16px; } /* Tighter header spacing */ .public header{ /* Header contains fixed nav; avoid creating a blank strip below it on mobile */ margin-bottom: 0; } /* Ensure hero/banner content clears the fixed nav without creating a separate “blank bar”. */ } @media (min-width: 992px){ .public .container, .public .container-fluid{ padding-left: 28px; padding-right: 28px; } } @media (min-width: 769px) and (max-width: 991px){ .public .container, .public .container-fluid{ padding-left: 22px; padding-right: 22px; } }