@media (max-width: 767px) {

    .sticky-header {
        padding: 0;
    }

    .logo img{
        width: 100px;
    }

    .showing-area {
        display: block;
    }

    .sticky-header nav ul {
        display: none;
    }

    #page-content-wrapper {
        display: block;
    }

    .search {
        display: block;
    }

    .login-btn{
        font-size: 12px;
    }

    .toggle-button {
        display: block;
        /* Show toggle button on small screens */
    }

    #sidebar-wrapper {
        display: none;
        /* Hide sidebar by default */
    }

    #wrapper.toggled #sidebar-wrapper {
        display: block;
        /* Show sidebar when toggled */
        transform: translateX(0);
        width: 150px;
        z-index: 9999;
        background: #593cff;
    }

    .faq-section h2 {
        font-size: 32px;
    }

}


@media (min-width: 768px) {

    nav ul {
        display: none;
    }

    .accordion-button:before {
        right: 0.75rem;
    }

    .accordion-button.collapsed:after {
        right: 1.1875rem;
    }

    .faq-section .accordion-button h5 {
        margin-right: 0px;
    }

    #page-content-wrapper {
        display: none !important;
    }
}

@media (max-width: 912px){
    .sticky-header nav ul li a{
        font-size: 12px;
        padding: 5px;
    }

    .login-btn{
        font-size: 12px;
    }

}