/*Example*/
/*<section class="pt-96 pb-80 t-pt-64 t-pb-48 m-pt-32 m-pb-24">*/

/* =============================== DESKTOP ================== */
/* ===== PADDING TOP ===== */
.pt-8 { padding-top: 8px; }
.pt-16 { padding-top: 16px; }
.pt-24 { padding-top: 24px; }
.pt-32 { padding-top: 32px; }
.pt-40 { padding-top: 40px; }
.pt-48 { padding-top: 48px; }
.pt-56 { padding-top: 56px; }
.pt-64 { padding-top: 64px; }
.pt-72 { padding-top: 72px; }
.pt-80 { padding-top: 80px; }
.pt-96 { padding-top: 96px; }
.pt-112 { padding-top: 112px; }
.pt-128 { padding-top: 128px; }

/* ===== PADDING BOTTOM ===== */
.pb-8 { padding-bottom: 8px; }
.pb-16 { padding-bottom: 16px; }
.pb-24 { padding-bottom: 24px; }
.pb-32 { padding-bottom: 32px; }
.pb-40 { padding-bottom: 40px; }
.pb-48 { padding-bottom: 48px; }
.pb-56 { padding-bottom: 56px; }
.pb-64 { padding-bottom: 64px; }
.pb-72 { padding-bottom: 72px; }
.pb-80 { padding-bottom: 80px; }
.pb-96 { padding-bottom: 96px; }
.pb-112 { padding-bottom: 112px; }
.pb-128 { padding-bottom: 128px; }

/* ===== MARGIN TOP===== */
.mt-8 { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mt-32 { margin-top: 32px; }
.mt-40 { margin-top: 40px; }
.mt-48 { margin-top: 48px; }
.mt-56 { margin-top: 56px; }
.mt-64 { margin-top: 64px; }
.mt-72 { margin-top: 72px; }
.mt-80 { margin-top: 80px; }
.mt-96 { margin-top: 96px; }

/* ===== MARGIN BOTTOM===== */
.mb-8 { margin-bottom: 8px; }
.mb-16 { margin-bottom: 16px; }
.mb-24 { margin-bottom: 24px; }
.mb-32 { margin-bottom: 32px; }
.mb-40 { margin-bottom: 40px; }
.mb-48 { margin-bottom: 48px; }
.mb-56 { margin-bottom: 56px; }
.mb-64 { margin-bottom: 64px; }
.mb-72 { margin-bottom: 72px; }
.mb-80 { margin-bottom: 80px; }
.mb-96 { margin-bottom: 96px; }



/* =============================== Tablet (≤1024px) ================== */
@media (max-width: 1024px){
	
  /* ===== PADDING TOP ===== */
  .t-pt-8 { padding-top: 8px; }
  .t-pt-16 { padding-top: 16px; }
  .t-pt-24 { padding-top: 24px; }
  .t-pt-32 { padding-top: 32px; }
  .t-pt-40 { padding-top: 40px; }
  .t-pt-48 { padding-top: 48px; }
  .t-pt-56 { padding-top: 56px; }
  .t-pt-64 { padding-top: 64px; }
  .t-pt-72 { padding-top: 72px; }
  .t-pt-80 { padding-top: 80px; }

  /* ===== PADDING BOTTOM ===== */
  .t-pb-8 { padding-bottom: 8px; }
  .t-pb-16 { padding-bottom: 16px; }
  .t-pb-24 { padding-bottom: 24px; }
  .t-pb-32 { padding-bottom: 32px; }
  .t-pb-40 { padding-bottom: 40px; }
  .t-pb-48 { padding-bottom: 48px; }
  .t-pb-56 { padding-bottom: 56px; }
  .t-pb-64 { padding-bottom: 64px; }
  .t-pb-72 { padding-bottom: 72px; }
  .t-pb-80 { padding-bottom: 80px; }	
   
  /* ===== TABLET MARGIN TOP===== */  		
  .t-mt-8 { margin-top: 8px; }
  .t-mt-16 { margin-top: 16px; }
  .t-mt-24 { margin-top: 24px; }
  .t-mt-32 { margin-top: 32px; }
  .t-mt-40 { margin-top: 40px; }
  .t-mt-48 { margin-top: 48px; }
  .t-mt-56 { margin-top: 56px; }
  .t-mt-64 { margin-top: 64px; }
  .t-mt-72 { margin-top: 72px; }
  .t-mt-80 { margin-top: 80px; }

  /* ===== TABLET MARGIN BOTTOM===== */
  .t-mb-8 { margin-bottom: 8px; }
  .t-mb-16 { margin-bottom: 16px; }
  .t-mb-24 { margin-bottom: 24px; }
  .t-mb-32 { margin-bottom: 32px; }
  .t-mb-40 { margin-bottom: 40px; }
  .t-mb-48 { margin-bottom: 48px; }
  .t-mb-56 { margin-bottom: 56px; }
  .t-mb-64 { margin-bottom: 64px; }
  .t-mb-72 { margin-bottom: 72px; }
  .t-mb-80 { margin-bottom: 80px; }

}




/* =============================== Mobile (≤768px) ================== */
@media (max-width: 768px){

   /* ===== MOBILE PADDING TOP ===== */
  .m-pt-8 { padding-top: 8px; }
  .m-pt-16 { padding-top: 16px; }
  .m-pt-24 { padding-top: 24px; }
  .m-pt-32 { padding-top: 32px; }
  .m-pt-40 { padding-top: 40px; }
  .m-pt-48 { padding-top: 48px; }
  .m-pt-56 { padding-top: 56px; }
  .m-pt-64 { padding-top: 64px; }

   /* ===== MOBILE PADDING BOTTOM ===== */
  .m-pb-8 { padding-bottom: 8px; }
  .m-pb-16 { padding-bottom: 16px; }
  .m-pb-24 { padding-bottom: 24px; }
  .m-pb-32 { padding-bottom: 32px; }
  .m-pb-40 { padding-bottom: 40px; }
  .m-pb-48 { padding-bottom: 48px; }
  .m-pb-56 { padding-bottom: 56px; }
  .m-pb-64 { padding-bottom: 64px; }	

  /* ===== MOBILE MARGIN TOP===== */
  .m-mt-8 { margin-top: 8px; }
  .m-mt-16 { margin-top: 16px; }
  .m-mt-24 { margin-top: 24px; }
  .m-mt-32 { margin-top: 32px; }
  .m-mt-40 { margin-top: 40px; }
  .m-mt-48 { margin-top: 48px; }
  .m-mt-56 { margin-top: 56px; }
  .m-mt-64 { margin-top: 64px; }

  /* ===== MOBILE MARGIN BOTTOM===== */
  .m-mb-8 { margin-bottom: 8px; }
  .m-mb-16 { margin-bottom: 16px; }
  .m-mb-24 { margin-bottom: 24px; }
  .m-mb-32 { margin-bottom: 32px; }
  .m-mb-40 { margin-bottom: 40px; }
  .m-mb-48 { margin-bottom: 48px; }
  .m-mb-56 { margin-bottom: 56px; }
  .m-mb-64 { margin-bottom: 64px; }

}