.container{ max-width: 100%; overflow-x: hidden; } @media (min-width: 576px){ .container, .container-sm { max-width: 540px; } } @media (min-width: 768px){ .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px){ .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1306px; } } @media all { .longrid { max-width: 95%; @import "components/longrid"; } }