/*
=========================================================
PluginOrbit - Responsive Layout
=========================================================
*/
@media screen and (max-width: 1440px) {
  .container, .container, .betterdocs-content-wrapper.betterdocs-content-wrapper.betterdocs-archive-wrap.betterdocs-archive-main, body.single-docs .betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper, body.single-docs .betterdocs-wrapper.betterdocs-single-wrapper:not(.betterdocs-fluid-wrapper) .betterdocs-content-wrapper, body.single-docs .betterdocs-single-layout-5 .betterdocs-content-wrapper {
        max-width: 1190px;
  }
}

@media (min-width: 1400px) {
    .container, .container, .betterdocs-content-wrapper.betterdocs-content-wrapper.betterdocs-archive-wrap.betterdocs-archive-main, body.single-docs .betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper, body.single-docs .betterdocs-wrapper.betterdocs-single-wrapper:not(.betterdocs-fluid-wrapper) .betterdocs-content-wrapper, body.single-docs .betterdocs-single-layout-5 .betterdocs-content-wrapper {
        max-width: 1300px;
    }
}

@media (max-width: 991px) {

    .orbit-stage {
        min-height:360px;
        margin-top:20px;
    }

    /* Header */

    .po-header-actions {
        flex-wrap: wrap;
        margin: 15px 0 10px;
        padding-top: 15px;
        border-top: 1px solid #eeeeee;
    }
    .po-primary-menu {
        margin-top: 15px;
    }
    .po-header-account, .po-header-cart {
        border: 1px solid #e5e7eb;
    }

    /* Hero */
    .po-hero-section {
        padding: 75px 0;
    }
    .po-orbit-visual {
        max-width: 360px;
    }

    /* Closing CTA */
    .po-closing-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    /* Footer */
    .po-footer-main {
        grid-template-columns: 1.5fr 1fr 1fr;
    }
    .po-footer-brand {
        grid-column: span 3;
    }

    /* Blog */
    .po-post-layout {
        grid-template-columns: 1fr;
    }
    .po-post-sidebar {
        order: 2;
    }
    .po-post-sidebar-card {
        position: static;
    }

    /* Blog Detail */
    .po-single-post-hero .po-single-post-hero-main {
        grid-template-columns: 1fr;
    }

    /* About Us page */
    .po-about-hero {
        padding: 85px 0 70px;
    }

    /* Support Page */
    .po-support-hero-inner {
        grid-template-columns: 1fr;

        gap: 45px;
    }
    .po-support-status-card {
        max-width: 600px;
    }
    .po-troubleshooting {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 767.98px) {

    table {
        font-size: 13px;
    }

    table thead th,
    table tbody td {
        padding: 12px 14px;
    }

    /* Horizontal scrolling on small screens */

    .po-entry-content table,
    .woocommerce-tabs table,
    .woocommerce-product-details__short-description table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    /* About Us page */
    .po-about-hero {
        padding: 70px 0 60px;
    }
    .po-about-hero h1 {
        font-size: 40px;
    }
    .po-about-hero-description {
        font-size: 15px;
    }
    .po-about-model-card {
        padding: 26px;
    }
    .po-about-cta {
        padding: 70px 0;
    }
    .po-about-cta-inner h2 {
        font-size: 30px;
    }
    .po-about-focus-item {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }
    .po-about-focus-item span {
        text-align: left;
    }

}

@media (max-width: 767px) {

    .orbit-stage {
        min-height:330px;
        transform:scale(.82);
        margin:-5px -35px;
    }

    /* Global */

    .po-section-heading {
        margin-bottom: 35px;
    }

    /* Hero */
    .po-hero-content h1 {
        font-size: 44px;
    }
    .po-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .po-hero-actions .po-btn {
        width: 100%;
    }


    /* Orbit */

    .po-orbit-visual {
        max-width: 300px;
    }
    .po-orbit-core {
        width: 120px;
        height: 120px;
    }

    /* Closing CTA */

    .po-closing-cta {
        padding: 35px 25px;
    }
    .po-closing-actions {
        width: 100%;
        flex-direction: column;
    }
    .po-closing-actions .po-btn {
        width: 100%;
    }

    /* Footer */

    .po-footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }
    .po-footer-brand {
        grid-column: span 2;
    }
    .po-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    /* Single Blog */
    .po-single-post-hero h1 {
        font-size: 32px;
    }

    /* Support Page */
    .po-support-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .po-support-hero-actions .po-btn {
        width: 100%;
    }
    .po-support-form-card {
        padding: 25px;
    }
    .po-troubleshooting {
        padding: 28px;
        border-radius: 18px;
    }
    .po-debug-grid {
        grid-template-columns: 1fr;
    }
    .po-support-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 30px;
    }
    .po-support-cta .po-btn {
        width: 100%;
    }
}


@media (max-width: 480px) {

    .po-hero-content h1 {
        font-size: 38px;
    }
    .po-plugin-actions {
        grid-template-columns: 1fr;
    }
    .po-process-card {
        padding: 25px;
    }
    .po-footer-main {
        grid-template-columns: 1fr;
    }
    .po-footer-brand {
        grid-column: span 1;
    }
}

@media (max-width: 420px) {
    .orbit-stage {
        transform:scale(.68);
        margin:-25px -70px;
    }
}