.woofood-tabs-wrapper { width: 100%; float: left; } .woofood-tabs-wrapper .woofood-tabs-menu { justify-content: center!important; } .woofood-tabs-wrapper .nav { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .woofood-tabs-wrapper .tab-content { box-sizing: border-box; } .woofood-tabs-wrapper .tab-content>.tab-pane { display:none; } .woofood-tabs-wrapper .fade:not(.show) { opacity:0; } .woofood-tabs-wrapper .fade { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .woofood-tabs-wrapper .tab-content>.active { display:block; } .woofood-tabs-menu li a { position: relative; font-size:21px; color:black; margin-left:3px; margin-right:3px; border: none; background: transparent; } .woofood-tabs-menu li a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 3px; left: 50%; position: absolute; background: #cc0000; transition: width 0.5s ease 0s, left 0.5s ease 0s; width: 0; } .woofood-tabs-menu li a:hover:after, .woofood-tabs-menu li .active:after { width: 100%; left: 0; } .woofood-tabs-menu li a:before { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background: #9CF5A6; visibility: hidden; border-radius: 5px; transform: scaleX(0); transition: .25s linear; } .woofood-tabs-menu li a img { margin-right: 10px; float: left; max-height: 35px; }