/* =========================================================
   MAKHANLEY — RESPONSIVE STYLES
   ========================================================= */

@media (max-width: 768px) {

    :root {
        --page-padding: 20px;
    }

    .section {
        padding-block: var(--space-9);
    }

    .section-heading {
        margin-bottom: var(--space-6);
    }

    .btn {
        min-height: 46px;
        padding-inline: 18px;
    }
}


@media (max-width: 480px) {

    .section {
        padding-block: var(--space-8);
    }

    .btn {
        width: 100%;
    }
}

@media (max-width: 900px) {

    .site-nav,
    .site-header__cta {
        display: none;
    }
}