.tab-content-tab {
    overflow: hidden;
}
  
.tab-content-tab button {
    background-color: #f1f1f1;
    color: #000;
    font-size: 1.3125em;
    float: left;
    border: 1px solid #f1f1f1;
    border-right-color: #000;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

.tab-content-tab button:hover, .tab-content-tab button.active {
    background-color:#000;
    color:#f1f1f1;
    border-color:#f1f1f1;
}

.tab-content-tab button:hover:nth-child(n+2), .tab-content-tab button.active:nth-child(n+2) {
    border-left-color: #000;
}

.tab-content {
    display: none;
    padding: 15px 0;
    animation: tabContentFade 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes tabContentFade {
    from {opacity: 0;}
    to {opacity: 1;}
}

@media only screen and (max-width: 1023px) {
    .tab-content-tab button:hover:nth-child(n+2), .tab-content-tab button.active:nth-child(n+2) {
        border-left-color: #f1f1f1;
    }
    .tab-content-tab button {
        font-size: 1em;
        padding: 8px 10px;
        border-right-color: #f1f1f1;
    }
}