@media(max-width:991px) {

    .mobail-menu {
        display: none;
    }

    body .navbar-header .navbar-brand img {
        max-width: 100% !important;
    }

    .wpo-hero-section .wpo-hero-items .owl-dots {
        margin-top: 0px;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.accordion-content {
    display: block;
}

/* -------- Desktop Normal View -------- */
@media (min-width: 769px) {
    #mobile-accordion {
        display: none;
    }

}

/* -------- Mobile Accordion View -------- */
@media (max-width: 768px) {

    /* Hide original tiles on mobile */
    #portfolio .tile {
        display: none !important;
    }

    #mobile-accordion {
        margin-bottom: 20px;
    }

    .mobile-accordion-title {
        background: #eee;
        padding: 15px;
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: bold;
        border-radius: 5px;
        cursor: pointer;
        border: 1px solid #ccc;
    }

    .mobile-accordion-title.active {
        background: #d5d5d5;
    }

    .accordion-content {
        display: none;
        padding: 15px 5px;
    }

    .accordion-content.active {
        display: block !important;
    }
}


@media (max-width: 767.98px) {
    #filters {
        display: none !important;
    }

    /* hide desktop filter buttons */
    .wpo-service-wrap .wpo-service-item.tile {
        display: none !important;
    }

    /* hide grid tiles */
    #mobile-accordion-wrap {
        display: block !important;
        padding: 10px 0;
    }

    div#portfolio {
        min-height: 0;
    }

    .wpo-service-section .space-box #mobile-accordion-wrap {
        max-width: 100%;
        padding: 0 30px;
    }

    .wpo-service-section .space-box #mobile-accordion-wrap .accordion-button {
        background-color: #cba195;
        box-shadow: none;
        color: #fff;
        font-size: 24px;
        padding: 20px 30px;
        border-radius: 0;
    }
    .wpo-service-section .space-box .poort-text{
        font-size: 30px;
    }
    .wpo-service-section .space-box .scale-anm{
        box-shadow: none;
        border: none;
    }
    .wpo-service-section .space-box #mobile-accordion-wrap .grid_panel{
        grid-template-columns: 1fr 1fr !important;
    }
     .wpo-service-section .space-box #mobile-accordion-wrap .grid_panel .wpo-service-img{
        padding: 0  !important;
        box-shadow:  none !important;
        border-radius: 0 !important;
        border: none !important;
     }

    .wpo-service-section .space-box #mobile-accordion-wrap .accordion-item {
        margin-bottom: 25px;
        box-shadow: none;
        border: 1px solid #cba195;
    }
    .wpo-service-section .space-box #mobile-accordion-wrap .accordion-button::after {
        filter: invert(2);
    }

    .wpo-service-section .space-box {
        padding: 0 !important;
    }
}

@media (min-width: 768px) {
    #mobile-accordion-wrap {
        display: none !important;
    }

}
@media (max-width: 520px){
     .wpo-service-section .space-box #mobile-accordion-wrap .grid_panel{
        grid-template-columns: 1fr !important;
    }
    .wpo-service-section .space-box #mobile-accordion-wrap .accordion-button{
        font-size: 20px;
    }
} 
@media (max-width: 480px){
    .wpo-service-section .space-box #mobile-accordion-wrap{
        padding : 0 20px;
    }
}