#faq-list-items {
    list-style:none;
    padding: 0 !important;
}

#faq-list-items .panel {
    padding: 12px 25px 12px 45px;
    display:none;
    border-top: 1px solid #E0E0E0;
    font-size: 13px;
}

#faq-list-items a {
    color: #E10E77
}

#faq-list-items a:hover {
    color: #E10E77
}



.faq-body a:hover {
    text-decoration: underline;
}



@media (min-width: 320px) and (max-width: 768px) {
    .input-faq {
        position: absolute;
        width: 90%; margin: 0 auto;
        left: 0;
        right: 0;
        top: 11.5%;
    }

    .input-faq-2 {
        position: absolute;
        width: 90%; margin: 0 auto;
        left: 0;
        right: 0;
        top: 320px;
    }

    .padding-input-faq {
        padding: 12px 16px;
    }

    .faq-top-content-detail {
        width: 100%; padding-top: 0px;
    }

    .faq-content-detail {
        width: 100%; margin: 0px auto;
        padding: 25px;
    }

    .faq-content-detail-2 {
        width: 100%; margin: 0px auto;
        padding: 45px 0;
    }

    .top-note-faq-detail {
        padding-top: 10px;
    }

    .width-note-faq-detail {
        width: 100% !important;
    }

    .width-note-faq-detail-2 {
        width: 90% !important;
        background: #ffffff;
    }

    .faq-button {
        padding: 18px 20px 20px; width: 177px
    }

    .title-faq-banner {
        line-height: 106.5%;
        text-align: center;
        padding-bottom: 15px;
        padding-top: 0px;
    }

    #faq-list-items li {
        border: 1px solid #E0E0E0;
        position:relative;
        cursor:pointer;
    }

    #faq-list-items .title-items-faq {
        margin:0;
        padding: 15px 25px;
    }

    .img-arrow-faq {
        width: 4.5%;
        height: 100%;
        padding-top: 10px;
    }

    .results-search {
        background: #fff;
        width: 100%;
    }

    .results-search-detail {
        background: #fff;
        width: 100%;
    }

    .item-result-search {
        padding: 15px 35px;
        border-bottom: 1px solid #ccc;
    }

    /*.input-faq {*/
    /*    background-image: url(/securitybox/wp-content/themes/securitybox_v3/img/img-v3/icon/search.svg);*/
    /*    background-position: 97% 17px;*/
    /*    background-repeat: no-repeat;*/
    /*}*/
}

#faq-list-items .panel {
    background: #a5a5a5;
    color: #FFFFFF;
}


@media screen and (min-width: 768px) and (max-width: 1025px) {

}


@media screen and (min-width: 1025px) {
    .input-faq {
        position: absolute;
        width: 63.5%; margin: 0 auto;
        left: 0;
        right: 0;
        top: 12%;
    }

    .input-faq-2 {
        position: absolute;
        width: 80%; margin: 0 auto;
        left: 0;
        right: 0;
        top: 320px;
    }

    .padding-input-faq {
        padding: 17px 30px;
    }

    .faq-content-detail {
        width: 60%; margin: 0px auto;
        padding: 32px;
    }

    .faq-content-detail-2 {
        width: 65%; margin: 0px auto;
        padding: 0px;
    }

    .faq-top-content-detail {
        width: 100%; padding: 60px 0;
    }

    .top-note-faq-detail {
        padding-top: 20px;
    }

    .faq-button {
        padding: 18px 20px 20px; width: 217px
    }

    .title-faq-banner {
        line-height: 106.5%;
        text-align: center;
        padding-bottom: 15px;
        padding-top: 0px;
    }

    .width-note-faq-detail {
        width: 100% !important;
    }

    .width-note-faq-detail-2 {
        width: 100% !important;
        background: #ffffff;
    }

    #faq-list-items li {
        border: 1px solid #E0E0E0;
        position:relative;
        cursor:pointer;
    }

    #faq-list-items .title-items-faq {
        margin:0;
        padding: 20px 35px;
    }

    #faq-list-items .panel {
        padding: 15px 35px 15px 65px;
        display:none;
        border-top: 1px solid #E0E0E0;
        font-size: 16px;
    }

    .img-arrow-faq {
        height: 100%;
        padding-top: 7px;
        width: 3.5%;
    }

    .input-faq-search {
        background-image: url(/wp-content/themes/securitybox_v3/img/img-v3/icon/search.svg);
        background-position: 97% 17px;
        background-repeat: no-repeat;
    }

    .input-faq-search-detail {
        background-image: url(/wp-content/themes/securitybox_v3/img/img-v3/icon/search.svg);
        background-position: 97% 17px;
        background-repeat: no-repeat;
    }

    .results-search {
        position: absolute;
        background: #fff;
        width: 100%;
    }

    .results-search-detail {
        background: #fff;
        width: 100%;
    }

    .item-result-search {
        padding: 15px 35px;
        border-bottom: 1px solid #ccc;
    }
}


@media only screen and (min-width: 1600px) {
    .padding-input-faq {
        padding: 20px 35px;
    }

    .input-faq {
        position: absolute;
        width: 63.5%; margin: 0 auto;
        left: 0;
        right: 0;
        top: 10.5%;
    }

    .input-faq-2 {
        position: absolute;
        width: 80%; margin: 0 auto;
        left: 0;
        right: 0;
        top: 310px;
    }

    .title-faq-banner {
        line-height: 106.5%;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 0px;
    }

    #faq-list-items li {
        border: 1px solid #E0E0E0;
        position:relative;
        cursor:pointer;
    }

    #faq-list-items .title-items-faq {
        margin:0;
        padding: 25px 45px;
    }

    #faq-list-items .panel {
        padding: 20px 45px 20px 95px;
        display:none;
        border-top: 1px solid #E0E0E0;
    }

    .img-arrow-faq {
        width: 3%;
        height: 100%;
        padding-top: 7px;
    }

    .input-faq-search {
        background-image: url(/wp-content/themes/securitybox_v3/img/img-v3/icon/search.svg);
        background-position: 97% 23px;
        background-repeat: no-repeat;
    }

    .input-faq-search-detail {
        background-image: url(/wp-content/themes/securitybox_v3/img/img-v3/icon/search.svg);
        background-position: 97% 24px;
        background-repeat: no-repeat;
    }
}


@media only screen and (min-width: 1920px) {

}