/* Responsive  Start */
@media only screen and (min-width:0px) and (max-width:767px) {
    .d2c_faq_wrapper {
        height: 100%;
        padding: 60px 0px;
    }
    h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .accordion-button {
        font-size: 16px;
        padding-right: 34px !important;
    }
    .accordion-body {
        font-size: 14px;
    }
    .accordion-button::after {
        right: 10px;
        top: 18px;
    }
    .accordion-button:not(.collapsed)::after {
        top: 18px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .d2c_faq_wrapper {
        height: 100%;
        padding: 70px 0px;
    }
    h2 {
        font-size: 36px;
        margin-bottom: 36px;
    }
    .accordion-button {
        font-size: 18px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .d2c_faq_wrapper {
        height: 100%;
        padding: 80px 0px;
    }
    h2 {
        font-size: 42px;
        margin-bottom: 40px;
    }
    .accordion-button {
        font-size: 18px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1500px) {
    /* DesignToCodes */
}
/* Responsive End */




/* 
    Template Name: {{10+ Bootstrap FAQ Section for Your Website - Free Download}}
    Template URL: {{https://designtocodes.com/product/10-bootstrap-faq-section-v3}}
    Description: {{The best FAQ section kit template for your next website! Make your own customizable FAQ  section and give your visitors the right FAQs.}}
    Author: DesignToCodes
    Author URL: https://www.designtocodes.com
    Text Domain: {{FAQ Section UI Kits}}
 */