.responsive-tabs__heading {
    display: none
}

.responsive-tabs__list__item {
    display: inline;
    cursor: pointer
}

@media (max-width:769px) {
    .responsive-tabs__list {
        display: none
    }
    .responsive-tabs__heading {
        display: block;
        cursor: pointer
    }
    .responsive-tabs__panel--closed-accordion-only {
        display: none
    }
}

@media (min-width:769px) {
    .responsive-tabs__panel--closed-accordion-only {
        display: block!important
    }
}

.responsive-tabs-wrapper {
    clear: both;
    zoom: 1
}

.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
    content: "";
    display: table
}

.responsive-tabs-wrapper:after {
    clear: both
}

.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus {
    outline: 1px solid #ccc
}

.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus {
    outline: none!important
}

.responsive-tabs__list {
    margin: 0 0 0 0;
    padding: 0;
    padding-bottom: 11px;
    line-height: 1em;
    text-align: center
}

.responsive-tabs__list__item {
    color: #c91361;
    background: #fff;
    border: 2px solid #c91361;
    border-radius: 28px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    padding: 10px 20px;
    margin: 1em;
    text-transform: uppercase;
    min-width: 200px;
    position: relative;
    display: inline-block
}

.responsive-tabs__list__item:hover {
    background: #c91361;
    color: #fff;
    border: 2px solid #c91361
}

.responsive-tabs__list__item--active,
.responsive-tabs__list__item--active:hover {
    background: #c91361;
    color: #fff;
    border: 2px solid #c91361
}

.responsive-tabs__panel {
    margin-bottom: 50px
}

.responsive-tabs__heading span {
    display: none
}

@media (max-width:768px) {
    .responsive-tabs__heading {
        padding: .5em;
        border-radius: 0;
        background: #fff;
        border: 1px solid #e3e3e3;
        position: relative;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        padding-left: 10px;
        margin-bottom: 10px
    }
    .responsive-tabs__heading span.fancyArrow {
        width: 14px;
        background: #fff url(../images/down-arrow.png) no-repeat scroll right center/100% auto;
        display: block;
        height: 9px;
        pointer-events: none;
        position: absolute;
        z-index: 2;
        top: 15px
    }
    .responsive-tabs__heading--active span.fancyArrow {
        transform: rotate(180deg)
    }
    .responsive-tabs__heading--active {
        font-weight: 300;
        color: #000;
        font-family: 'poppinsextrabold'
    }
    .responsive-tabs__heading--active:after {
        border-bottom: 10px solid #000;
        border-top: 0
    }
}