/* Mobile View > till Tablet */
@media screen and (max-width: 45rem){

/* Tab Text */
.tab.text{
float:left;
width:100%;
}

}

/* Tablet View */
@media screen and (min-width: 45rem) and (max-width: 79.5rem){

/* Tab Text */
.tab.text{
float:left;
width:100%;
}

}

/* Desktop View */
@media screen and (min-width: 79.5rem){

/* Tab Text */
.tab.text{
float:left;
width:100%;
}

}


.tab.text ul{
float:left;
width:100%;
list-style-type:none;
margin:0;
padding:0;
}

.tab.text li{
float:left;
width:auto !important;
margin:0;
padding:0;
border:none !important;
}

.tab.text li:before{
display:none
}

.tab.text button{
display:inline-block;
text-align:center;
margin:.25rem .75rem 0 0;
padding:.25rem 0;
color:var(--clr-primary-300);
font-size:var(--fs-s);
font-weight:normal;
background:transparent;
border-radius:0;
border-bottom:transparent 1px solid;
}

.tab.text button:hover,
.tab.text button.on{
border-bottom:var(--brd-gray-400) 1px solid;
}

.tab.text li:first-of-type button{
margin:.25rem .75rem 0 0;
padding:.25rem 0;
}

.tab.text button span{
pointer-events:none;
}