#tns1 > .tns-item { font-size: 20px; } #tns1 { font-size: 0px; } #tns1-mw { } #tns1-iw { margin: 0px 0px 0px 10px; } #tns1 { width: calc(2200%); transition-duration: 0.3s; } #tns1 > .tns-item { width: calc(4.54545%); padding-right: 10px; } @media (min-width: 35em) { #tns1 { width: calc(1100%); } } @media (min-width: 51.875em) { #tns1-iw { margin: 0px 0px 0px 10px; } #tns1 { width: calc(733.333%); } #tns1 > .tns-item { padding-right: 10px; } } @media (min-width: 71.875em) { #tns1-iw { margin: 0px -10px 0px 10px; } #tns1 { width: calc(550%); } #tns1 > .tns-item { padding-right: 20px; } } @media (min-width: 90em) { #tns1-iw { margin: 0px -20px 0px 10px; } #tns1 { width: calc(550%); } #tns1 > .tns-item { padding-right: 30px; } }