.tabs_default .tabcontainer { border: 1px solid #e5e5e5; 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: #808080; float: left; display: block; padding: 10px 20px; position: relative; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; margin-left: -1px; left: 1px; background-color: #ffffff; text-decoration: none; border-top-left-radius: 8px; border-top-right-radius: 8px; outline: none; } .tabs_default .tab li a.tabselected { background-color: #86bd4f; color: #ffffff; border-top-color: #86bd4f; border-left-color: #86bd4f; border-right-color: #86bd4f; z-index: 1; } .tabs_default .tab li a:hover { background-color: #4f87bd; color: #ffffff; border-top-color: #4f87bd; border-left-color: #4f87bd; border-right-color: #4f87bd; z-index: 2; } .tabs_default .tabareaclosed { display: none; } @media (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; } } .tabs_default .sqrpanoramicbackground { padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; }