/*------------------------------------*\
    MONA TABS
\*------------------------------------*/

.tabcontent.visible {
    display: block;
}


/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

/* Float the list items side by side */
ul.tab li {
    display: inline-block;
}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
    border-bottom: 5px solid #FFFFFF;
    color: #687076;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    border-bottom: 5px solid #FFFFFF;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    border-bottom: 5px solid #535d62 !important;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 48px 0;
    border-top: none;
    float: left;
    width: 100%;
}



/* Tab Content Items */
.tabcontent-item {
    width: 50%;
    float: left;
    padding: 24px 48px;
}



@media screen and (max-width: 800px) {
    .tabcontent-item {
        width: 100%;
    }
}