.layout { *zoom: 1; max-width: 19em; _width: 19em; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; } .layout:after { content: ""; display: table; clear: both; } @media (min-width: 29em) { .breakpoint .break6 { max-width: 29em; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; } .breakpoint .break6:after { content: ""; display: table; clear: both; } .breakpoint .nth-omega:nth-child(3n) { float: right; margin-right: 0; } } @media (min-width: 30em) and (max-width: 60em) { .breakpoint .break60-8-30 { max-width: 39em; } } @media (min-width: 119em) { .breakpoint .break-ltie9 { max-width: 119em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } } .lt-ie9 .breakpoint .break-ltie9 { max-width: 119em; _width: 119em; *zoom: 1; -ms-border-radius: 5px; border-radius: 5px; } .with-settings6-3-2-1 { *zoom: 1; max-width: 28em; _width: 28em; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; } .with-settings6-3-2-1:after { content: ""; display: table; clear: both; }