/*#tabs {margin-bottom: 50px;}*/
.btabs {
    list-style-type: none; position: relative;
    border: 1px solid rgba(0,77,72,.3);
    border-bottom: none;
}
.btabs li {width: 100%; cursor: pointer; transition: all ease 0.2s;}
.btabs a {
    display: block; text-align: center;
    background: #006341; padding: 15px 0;
    font: bold 1.4rem Arial; color: #fff;
    border-width: 1px 0 1px 1px;
    border-color: #006341;
}
.btabs a:hover {background: #fff; color: #00706D;}
.ui-tabs-active a, .ui-state-active a {background: #fff; color: #00706D;}
.boxTab {
    background: #f7f7f7;  padding: 50px 60px;
    border: 1px  solid rgba(0,77,72,.3);
}
@media screen and (max-width: 968px) {
    .btabs li {width: 100%;}
    .boxTab {padding: 50px;}
}

@media screen and (max-width: 568px) {
    .btabs {
        position: relative; height: 46px;
        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: #fff transparent transparent;
        cursor: pointer;
    }
    .btabs li {
        width: 100%; position: absolute;
        top: 0; margin: 0; z-index: 98;
    } 
    .btabs li:first-child {z-index: 99;}
    .btabs li a {
        border-radius: 0;
        padding: 15px 10px; text-align: left;
    }
    li.ui-tabs-active, .ui-state-active {z-index: 100;}
    .active {height: auto;}
    .active li {position: relative; border: 1px solid #006341; border-top: none;}
    .active li:first-child {border-top: 1px solid #006341;}
    .active li a {position: relative;}
    

    .btabs a {background: #fff; color: #006341;}
    .ui-tabs-active a, .ui-state-active a {
        background: #006341; color: #fff;
    }
    .btabs a:hover {background: #00706D; color: #fff;}
    .boxTab {padding: 30px 20px;}
}