div.TabLabelText > div.label{ border:1px solid rgba(77, 85, 96, .8); background-color: rgba(77, 85, 96, .8); color: #8F9AA0; width: 240px; height: 24px; line-height: 24px; padding: 6px; margin: 1px; font-size:12px; } div.selected > div.label{ border-color:#fff; color: white; } @media screen and (max-width: 890px) { div.TabLabel{ padding: 2px; margin: 4px; border:1px solid #fff; background-color: rgba(28, 46, 50, .8); flex-wrap: nowrap; overflow-y: auto; overflow-x: hidden; width: 100%; max-height: 300px; } div.Tabs.tabLabelLeft.reverse { border:0 solid #fff; border-top:0; height:auto; flex-wrap:wrap; } } @media screen and (min-width: 890px) { div.TabLabel{ padding: 2px; margin: 4px; border:1px solid #fff; background-color: rgba(28, 46, 50, .8); flex-wrap: nowrap; min-width: 260px; overflow-y: auto; overflow-x: hidden; } div.Tabs.tabLabelLeft.reverse { border:0 solid #fff; border-top:0; height:100%; } .TabContent { overflow-y: auto; overflow-x: hidden; } }