/* ============================================================
   RESPONSIVE ADJUSTMENTS
============================================================ */

@media (max-width: 900px) {

    .wizard-sidebar {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        box-shadow: none;
        border-right: none;
    }

    .wizard-content {
        margin-left: 0;
        padding: 20px;
    }

    .two-col {
        grid-template-columns: 1fr;
    }

    .regtype-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {

    .wizard-header {
        padding: 18px 20px;
    }

    .tma-logo {
        height: 48px;
    }

    .wizard-header-text h1 {
        font-size: 22px;
    }
}