/* ============================================================
   MOBILE COMMON UTILITIES (<= 1024px)
   Prefix: mb1024-
   ============================================================ */

@media only screen and (max-width: 1024px) {

    /* Margin - all sides */
    .mb1024-m-0  { margin: 0 !important; }
    .mb1024-m-4  { margin: 4px !important; }
    .mb1024-m-8  { margin: 8px !important; }
    .mb1024-m-12 { margin: 12px !important; }
    .mb1024-m-16 { margin: 16px !important; }
    .mb1024-m-20 { margin: 20px !important; }
    .mb1024-m-24 { margin: 24px !important; }
    .mb1024-m-32 { margin: 32px !important; }
    .mb1024-m-40 { margin: 40px !important; }

    /* Margin - top */
    .mb1024-mt-0  { margin-top: 0 !important; }
    .mb1024-mt-4  { margin-top: 4px !important; }
    .mb1024-mt-8  { margin-top: 8px !important; }
    .mb1024-mt-12 { margin-top: 12px !important; }
    .mb1024-mt-16 { margin-top: 16px !important; }
    .mb1024-mt-20 { margin-top: 20px !important; }
    .mb1024-mt-24 { margin-top: 24px !important; }
    .mb1024-mt-32 { margin-top: 32px !important; }
    .mb1024-mt-40 { margin-top: 40px !important; }

    /* Margin - right */
    .mb1024-mr-0  { margin-right: 0 !important; }
    .mb1024-mr-4  { margin-right: 4px !important; }
    .mb1024-mr-8  { margin-right: 8px !important; }
    .mb1024-mr-12 { margin-right: 12px !important; }
    .mb1024-mr-16 { margin-right: 16px !important; }
    .mb1024-mr-20 { margin-right: 20px !important; }
    .mb1024-mr-24 { margin-right: 24px !important; }
    .mb1024-mr-32 { margin-right: 32px !important; }
    .mb1024-mr-40 { margin-right: 40px !important; }

    /* Margin - bottom */
    .mb1024-mb-0  { margin-bottom: 0 !important; }
    .mb1024-mb-4  { margin-bottom: 4px !important; }
    .mb1024-mb-8  { margin-bottom: 8px !important; }
    .mb1024-mb-12 { margin-bottom: 12px !important; }
    .mb1024-mb-16 { margin-bottom: 16px !important; }
    .mb1024-mb-20 { margin-bottom: 20px !important; }
    .mb1024-mb-24 { margin-bottom: 24px !important; }
    .mb1024-mb-32 { margin-bottom: 32px !important; }
    .mb1024-mb-40 { margin-bottom: 40px !important; }

    /* Margin - left */
    .mb1024-ml-0  { margin-left: 0 !important; }
    .mb1024-ml-4  { margin-left: 4px !important; }
    .mb1024-ml-8  { margin-left: 8px !important; }
    .mb1024-ml-12 { margin-left: 12px !important; }
    .mb1024-ml-16 { margin-left: 16px !important; }
    .mb1024-ml-20 { margin-left: 20px !important; }
    .mb1024-ml-24 { margin-left: 24px !important; }
    .mb1024-ml-32 { margin-left: 32px !important; }
    .mb1024-ml-40 { margin-left: 40px !important; }

    /* Margin - axis */
    .mb1024-mx-0  { margin-left: 0 !important; margin-right: 0 !important; }
    .mb1024-mx-4  { margin-left: 4px !important; margin-right: 4px !important; }
    .mb1024-mx-8  { margin-left: 8px !important; margin-right: 8px !important; }
    .mb1024-mx-12 { margin-left: 12px !important; margin-right: 12px !important; }
    .mb1024-mx-16 { margin-left: 16px !important; margin-right: 16px !important; }
    .mb1024-mx-20 { margin-left: 20px !important; margin-right: 20px !important; }
    .mb1024-mx-24 { margin-left: 24px !important; margin-right: 24px !important; }
    .mb1024-mx-32 { margin-left: 32px !important; margin-right: 32px !important; }
    .mb1024-mx-40 { margin-left: 40px !important; margin-right: 40px !important; }

    .mb1024-my-0  { margin-top: 0 !important; margin-bottom: 0 !important; }
    .mb1024-my-4  { margin-top: 4px !important; margin-bottom: 4px !important; }
    .mb1024-my-8  { margin-top: 8px !important; margin-bottom: 8px !important; }
    .mb1024-my-12 { margin-top: 12px !important; margin-bottom: 12px !important; }
    .mb1024-my-16 { margin-top: 16px !important; margin-bottom: 16px !important; }
    .mb1024-my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
    .mb1024-my-24 { margin-top: 24px !important; margin-bottom: 24px !important; }
    .mb1024-my-32 { margin-top: 32px !important; margin-bottom: 32px !important; }
    .mb1024-my-40 { margin-top: 40px !important; margin-bottom: 40px !important; }

    /* Padding - all sides */
    .mb1024-p-0  { padding: 0 !important; }
    .mb1024-p-4  { padding: 4px !important; }
    .mb1024-p-8  { padding: 8px !important; }
    .mb1024-p-12 { padding: 12px !important; }
    .mb1024-p-16 { padding: 16px !important; }
    .mb1024-p-20 { padding: 20px !important; }
    .mb1024-p-24 { padding: 24px !important; }
    .mb1024-p-32 { padding: 32px !important; }
    .mb1024-p-40 { padding: 40px !important; }

    /* Padding - top */
    .mb1024-pt-0  { padding-top: 0 !important; }
    .mb1024-pt-4  { padding-top: 4px !important; }
    .mb1024-pt-8  { padding-top: 8px !important; }
    .mb1024-pt-12 { padding-top: 12px !important; }
    .mb1024-pt-16 { padding-top: 16px !important; }
    .mb1024-pt-20 { padding-top: 20px !important; }
    .mb1024-pt-24 { padding-top: 24px !important; }
    .mb1024-pt-32 { padding-top: 32px !important; }
    .mb1024-pt-40 { padding-top: 40px !important; }

    /* Padding - right */
    .mb1024-pr-0  { padding-right: 0 !important; }
    .mb1024-pr-4  { padding-right: 4px !important; }
    .mb1024-pr-8  { padding-right: 8px !important; }
    .mb1024-pr-12 { padding-right: 12px !important; }
    .mb1024-pr-16 { padding-right: 16px !important; }
    .mb1024-pr-20 { padding-right: 20px !important; }
    .mb1024-pr-24 { padding-right: 24px !important; }
    .mb1024-pr-32 { padding-right: 32px !important; }
    .mb1024-pr-40 { padding-right: 40px !important; }

    /* Padding - bottom */
    .mb1024-pb-0  { padding-bottom: 0 !important; }
    .mb1024-pb-4  { padding-bottom: 4px !important; }
    .mb1024-pb-8  { padding-bottom: 8px !important; }
    .mb1024-pb-12 { padding-bottom: 12px !important; }
    .mb1024-pb-16 { padding-bottom: 16px !important; }
    .mb1024-pb-20 { padding-bottom: 20px !important; }
    .mb1024-pb-24 { padding-bottom: 24px !important; }
    .mb1024-pb-32 { padding-bottom: 32px !important; }
    .mb1024-pb-40 { padding-bottom: 40px !important; }

    /* Padding - left */
    .mb1024-pl-0  { padding-left: 0 !important; }
    .mb1024-pl-4  { padding-left: 4px !important; }
    .mb1024-pl-8  { padding-left: 8px !important; }
    .mb1024-pl-12 { padding-left: 12px !important; }
    .mb1024-pl-16 { padding-left: 16px !important; }
    .mb1024-pl-20 { padding-left: 20px !important; }
    .mb1024-pl-24 { padding-left: 24px !important; }
    .mb1024-pl-32 { padding-left: 32px !important; }
    .mb1024-pl-40 { padding-left: 40px !important; }

    /* Padding - axis */
    .mb1024-px-0  { padding-left: 0 !important; padding-right: 0 !important; }
    .mb1024-px-4  { padding-left: 4px !important; padding-right: 4px !important; }
    .mb1024-px-8  { padding-left: 8px !important; padding-right: 8px !important; }
    .mb1024-px-12 { padding-left: 12px !important; padding-right: 12px !important; }
    .mb1024-px-16 { padding-left: 16px !important; padding-right: 16px !important; }
    .mb1024-px-20 { padding-left: 20px !important; padding-right: 20px !important; }
    .mb1024-px-24 { padding-left: 24px !important; padding-right: 24px !important; }
    .mb1024-px-32 { padding-left: 32px !important; padding-right: 32px !important; }
    .mb1024-px-40 { padding-left: 40px !important; padding-right: 40px !important; }

    .mb1024-py-0  { padding-top: 0 !important; padding-bottom: 0 !important; }
    .mb1024-py-4  { padding-top: 4px !important; padding-bottom: 4px !important; }
    .mb1024-py-8  { padding-top: 8px !important; padding-bottom: 8px !important; }
    .mb1024-py-12 { padding-top: 12px !important; padding-bottom: 12px !important; }
    .mb1024-py-16 { padding-top: 16px !important; padding-bottom: 16px !important; }
    .mb1024-py-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
    .mb1024-py-24 { padding-top: 24px !important; padding-bottom: 24px !important; }
    .mb1024-py-32 { padding-top: 32px !important; padding-bottom: 32px !important; }
    .mb1024-py-40 { padding-top: 40px !important; padding-bottom: 40px !important; }

    /* Font size */
    .mb1024-fs-8  { font-size: 8px !important; }
    .mb1024-fs-10 { font-size: 10px !important; }
    .mb1024-fs-12 { font-size: 12px !important; }
    .mb1024-fs-14 { font-size: 14px !important; }
    .mb1024-fs-16 { font-size: 16px !important; }
    .mb1024-fs-18 { font-size: 18px !important; }
    .mb1024-fs-20 { font-size: 20px !important; }
    .mb1024-fs-22 { font-size: 22px !important; }
    .mb1024-fs-24 { font-size: 24px !important; }
    .mb1024-fs-26 { font-size: 26px !important; }
    .mb1024-fs-28 { font-size: 28px !important; }
    .mb1024-fs-30 { font-size: 30px !important; }
    .mb1024-fs-32 { font-size: 32px !important; }
    .mb1024-fs-36 { font-size: 36px !important; }
    .mb1024-fs-40 { font-size: 40px !important; }

    /* Text align */
    .mb1024-text-center { text-align: center !important; }
}