h2.resp-accordion {
    cursor: pointer;
    display: none;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/**
* Accordions 
*/

.resp-tab-seperator {
    border: none;
    border-top: 2px solid #dfdfdf !important;
}

h2.resp-accordion:last-of-type {
    /* border-bottom: 2px solid #dfdfdf; */
}

/* Accordion title */
h2.resp-accordion {
    margin: 0;
    padding: 0px 15px;
}

/* Accordion content */
.resp-tab-content {
    padding: 0px 15px !important;
    margin-bottom: 0 !important;
}

.resp-tab-content.active-accordion {
    margin-top: 15px !important;
}

.resp-tab-content:last-of-type {
    border-bottom: 2px solid #dfdfdf;
    margin-top: 8px !important;
}

/*-----------Accordion styles-----------*/
/* h2.resp-tab-active {
    background: #DBDBDB;
} */
.resp-accordion {
    position: relative;
}
.resp-accordion::after {
    /*display: block;*/
    content: '';
    background-image: url('../images/chevron-down-icon.svg');
    margin-left: auto;
    position: absolute;
    right: 0;
    background-position: center;
    background-size: cover;
    width: 41px;
    height: 39px;
}
.resp-accordion.active-dropdown::after {
    /*display: block;*/
    background-image: url('../images/chevron-up-icon.svg');
}
.resp-easy-accordion .resp-tab-content {
    /*border: 1px solid #c1c1c1;*/
}

.resp-jfit {
    /*width: 100%;*/
    /*margin: 0px;*/
}

.resp-tab-content-active {
    /*display: block;*/
}

h2.resp-accordion:first-child {
    /*border-top: 1px solid #c1c1c1 !important;*/
}

.woocommerce-Tabs-panel.active-accordion {
    margin-top: 15px !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
/* @media only screen and (max-width: 768px) { */
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }

    .resp-tab-content-active h2 {
        display: none;
    }
/* } */

@media only screen and (max-width: 564px) {
    h2.resp-accordion {
        font-size: 14px;
        line-height: 18px;
    }

    .resp-accordion::after {
        width: 28px;
        height: 23px;
        top: -6px;
    }
}