/*
 * =========================================================
 * AlterMind — Module Responsive
 * File: assets/css/modules/module-responsive.css
 *
 * Responsibility:
 * - Provide shared responsive rules for module pages
 * - Keep module layouts usable across screen sizes
 *
 * This file does NOT:
 * - define module colors
 * - define module themes
 * - modify the existing homepage
 * - contain tool-specific layouts
 * =========================================================
 */


/* =========================================================
   LARGE SCREENS
   ========================================================= */

@media (min-width: 1400px) {

    .altermind-tool__inner,
    .altermind-module__inner {

        width:
            min(
                1320px,
                calc(100% - 64px)
            );

    }

}


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

@media (max-width: 900px) {

    .altermind-tool__inner,
    .altermind-module__inner {

        width:
            calc(100% - 40px);

    }

}


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

@media (max-width: 600px) {

    .altermind-tool__inner,
    .altermind-module__inner {

        width:
            calc(100% - 30px);

    }


    .altermind-module__section {

        padding:
            55px 0;

    }

}


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

@media (max-width: 420px) {

    .altermind-tool__inner,
    .altermind-module__inner {

        width:
            calc(100% - 24px);

    }

}