/* =========================================================
   ELMROOJ SERVICE PAGE
   REAL LEFT SIDEBAR + MAIN CONTENT
   ========================================================= */

@media (min-width: 992px) {

    .elmrooj-service-layout {
        display: flex !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 1450px !important;
        margin: 0 auto !important;
        gap: 30px !important;
    }

    /* LEFT SIDEBAR */
    .elmrooj-service-layout .elmrooj-service-sidebar {
        display: block !important;

        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;

        flex: 0 0 250px !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    /* MAIN CONTENT */
    .elmrooj-service-layout .elmrooj-service-content {
        display: block !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        flex: 1 1 auto !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    /* Sidebar stays on left */
    .elmrooj-service-sidebar .sidebar {
        width: 100% !important;
        margin: 0 !important;
    }

    /* Main content width */
    .elmrooj-service-content #tabOverview {
        width: 100% !important;
        max-width: 1180px !important;
        margin: 0 auto !important;
    }

}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .elmrooj-service-layout {
        display: block !important;
    }

    .elmrooj-service-layout .elmrooj-service-sidebar,
    .elmrooj-service-layout .elmrooj-service-content {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

}