#tabs {margin-bottom: 50px;}
.btabs {list-style-type: none; padding: 0 20px; position: relative; /*z-index: 100;*/}
.btabs li {width: 180px; margin: 0 5px; cursor: pointer; transition: all ease 0.2s;}
.btabs a {
    display: block; text-align: center;
    background: #005D4E; padding: 10px 0;
    font: bold 1.4rem Arial; color: #fff;
    border-radius: 5px 5px 0 0;
}
.btabs a:hover {background: #fff; color: #00706D;}
.ui-tabs-active a, .ui-state-active a {background: #fff; color: #00706D;}
.boxTab {
    background: #fff; 
    padding: 5px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: rgba(0,77,72,.3);
}

@media screen and (max-width: 568px) {
    .btabs {
        position: relative;
        width: 90%; margin: 0 auto 15px;
        background: #fff; padding: 46px 0 0;
    }
    .btabs:before {
        content: ''; width: 0; height: 0;
        position: absolute; z-index: 101;
        right: 10px; top: 20px;
        border-width: 8px;
        border-style: solid;
        border-color: #00706D transparent transparent;
        cursor: pointer;
    }
    .btabs li {
        width: 100%; position: absolute;
        top: 0; margin: 0; z-index: 98;
    }
    .btabs li a {
        border-radius: 0;
        padding: 15px 10px; text-align: left;
    }
    li.ui-tabs-active, .ui-state-active {z-index: 100;}
    .active li {position: relative; border: 1px solid #00706D; border-top: none;}
    .active li:first-child {border-top: 1px solid #00706D;}
    .active li a {position: relative;}
    .btabs li:first-child {z-index: 99;}


    .btabs a {background: #fff; color: #00706D;}
    .ui-tabs-active a, .ui-state-active a {
        background: #00706D;
        color: #fff;
    }
    .btabs::before {border-color: #fff transparent transparent;}
    .btabs a:hover {background: #00706D; color: #fff;}
}