@media(max-width: 1440px){
    .faq-wrapper .main-content {
        max-width: 1180px;
    }
}


@media(max-width: 1130px){
    .faq-wrapper .faq-help .faqs > ul > li > ul > li.selected .answer{
        left: 36%;
        width: 62%;
    }
}


@media(max-width: 900px){
    .faq-wrapper .faqs-header{
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .faq-wrapper .faqs-header input{
        height: 45px;
        background-position-y: -7px;
        background-position-x: 5px;
    }

    .faq-wrapper .faq-help .faqs ul{
        max-width: 100%;
    }

    .faq-wrapper .faqs > ul > li > a{
        width: 100%;
    }

    .faq-wrapper .faq-help .faqs > ul > li > ul > li.selected .answer{
        max-width: 100%;
    }
}

@media(max-width: 760px){
    .faq-wrapper .faqs > ul > li > a{
        padding-bottom: 20px;
    }
}

@media(max-width: 480px){
    .faq-wrapper .faqs-header input{
        margin: 0px;
        min-width: 100%;
        padding-left: 50px;
        background-position-x: -1px;
    }

    .faq-wrapper .breadcrums {
        padding: 0 20px;
    }

    .faq-wrapper .main-content {
        padding: 40px 0;
    }
}