/* ==========================================================
   AURAMIND V3
   RESPONSIVE SYSTEM
========================================================== */

/* ==========================================================
   LARGE DESKTOP
========================================================== */

@media (max-width:1400px){

    :root{

        --container:1200px;

    }

}

/* ==========================================================
   DESKTOP
========================================================== */

@media (max-width:1200px){

    :root{

        --section-space:100px;

    }

    .am-container{

        width:min(100% - 32px,var(--container));

    }

}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width:992px){

    :root{

        --section-space:90px;

    }

    .am-grid-4{

        grid-template-columns:repeat(2,1fr);

    }

    .am-grid-3{

        grid-template-columns:repeat(2,1fr);

    }

    .am-grid-2{

        grid-template-columns:1fr;

    }

}

/* ==================================================
   FORCE MOBILE HEADER SAME AS HOME PAGE
================================================== */

@media(max-width:768px){

    .header-inner,
    .header-container,
    .nav-container{

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

    }


    .hamburger,
    .mobile-menu-toggle,
    .mobile-toggle,
    button[aria-label="Menu"]{

        order:99 !important;
        margin-left:auto !important;
        margin-right:0 !important;

    }


    .logo,
    .brand,
    .site-logo{

        order:1 !important;
        margin-left:0 !important;
        margin-right:auto !important;

    }

}