.tabs_default .tabcontainer { border: 1px solid #d8ddd3; padding: 20px; clear: both; margin-bottom: 20px; } .tabs_default .tab { list-style: none; padding: 0; } .tabs_default .tab li { display: inline; z-index: 0; } .tabs_default .tab li a { color: #4d6337; float: left; display: block; padding: 10px 16px; position: relative; border-top: 1px solid #d8ddd3; border-left: 1px solid #d8ddd3; border-right: 1px solid #d8ddd3; margin-left: -1px; left: 1px; background-color: #ffffff; text-decoration: none; outline: none; } .tabs_default .tab li a.tabselected { background-color: #e6ebe3; color: #4d6337; border-top-color: #d8ddd3; border-left-color: #d8ddd3; border-right-color: #d8ddd3; z-index: 1; } .tabs_default .tab li a:hover { background-color: #e6ebe3; color: #4d6337; border-top-color: #d8ddd3; border-left-color: #d8ddd3; border-right-color: #d8ddd3; z-index: 2; } .tabs_default .tabareaclosed { display: none; } @media screen and (max-width: 1023px) { .tabcontainer { border-width: 1px 0 1px 0; } .tabcontainer { padding-left: 0 !important; padding-right: 0 !important; } .tabs_default .tabcontainer { border-left: 0; border-right: 0; } }