/*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-88 { padding-top: 88px; }
.pt-96 { padding-top: 96px; }
.pt-104 { padding-top: 104px; }
.pt-112 { padding-top: 112px; }
.pt-120 { padding-top: 120px; }
.pt-128 { padding-top: 128px; }
.pt-136 { padding-top: 136px; }
.pt-144 { padding-top: 144px; }
.pt-152 { padding-top: 152px; }
.pt-160 { padding-top: 160px; }
.pt-168 { padding-top: 168px; }
.pt-176 { padding-top: 176px; }
.pt-184 { padding-top: 184px; }
.pt-192 { padding-top: 192px; }
.pt-200 { padding-top: 200px; }
.pt-208 { padding-top: 208px; }
.pt-216 { padding-top: 216px; }
.pt-224 { padding-top: 224px; }
.pt-232 { padding-top: 232px; }
.pt-240 { padding-top: 240px; }
.pt-248 { padding-top: 248px; }
.pt-256 { padding-top: 256px; }
.pt-264 { padding-top: 264px; }
.pt-272 { padding-top: 272px; }
.pt-280 { padding-top: 280px; }
.pt-288 { padding-top: 288px; }
.pt-296 { padding-top: 296px; }

/* ===== 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-88 { padding-bottom: 88px; }
.pb-96 { padding-bottom: 96px; }
.pb-104 { padding-bottom: 104px; }
.pb-112 { padding-bottom: 112px; }
.pb-120 { padding-bottom: 120px; }
.pb-128 { padding-bottom: 128px; }
.pb-136 { padding-bottom: 136px; }
.pb-144 { padding-bottom: 144px; }
.pb-152 { padding-bottom: 152px; }
.pb-160 { padding-bottom: 160px; }
.pb-168 { padding-bottom: 168px; }
.pb-176 { padding-bottom: 176px; }
.pb-184 { padding-bottom: 184px; }
.pb-192 { padding-bottom: 192px; }
.pb-200 { padding-bottom: 200px; }
.pb-208 { padding-bottom: 208px; }
.pb-216 { padding-bottom: 216px; }
.pb-224 { padding-bottom: 224px; }
.pb-232 { padding-bottom: 232px; }
.pb-240 { padding-bottom: 240px; }
.pb-248 { padding-bottom: 248px; }
.pb-256 { padding-bottom: 256px; }
.pb-264 { padding-bottom: 264px; }
.pb-272 { padding-bottom: 272px; }
.pb-280 { padding-bottom: 280px; }
.pb-288 { padding-bottom: 288px; }
.pb-296 { padding-bottom: 296px; }

/* ===== 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; }
   .t-pt-88 { padding-top: 88px; }
   .t-pt-96 { padding-top: 96px; }
   .t-pt-104 { padding-top: 104px; }
   .t-pt-112 { padding-top: 112px; }
   .t-pt-120 { padding-top: 120px; }
   .t-pt-128 { padding-top: 128px; }
   .t-pt-136 { padding-top: 136px; }
   .t-pt-144 { padding-top: 144px; }
   .t-pt-152 { padding-top: 152px; }
   .t-pt-160 { padding-top: 160px; }
   .t-pt-168 { padding-top: 168px; }
   .t-pt-176 { padding-top: 176px; }
   .t-pt-184 { padding-top: 184px; }
   .t-pt-192 { padding-top: 192px; }
   .t-pt-200 { padding-top: 200px; }

   /* ===== 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; }
   .t-pb-88 { padding-bottom: 88px; }
   .t-pb-96 { padding-bottom: 96px; }
   .t-pb-104 { padding-bottom: 104px; }
   .t-pb-112 { padding-bottom: 112px; }
   .t-pb-120 { padding-bottom: 120px; }
   .t-pb-128 { padding-bottom: 128px; }
   .t-pb-136 { padding-bottom: 136px; }
   .t-pb-144 { padding-bottom: 144px; }
   .t-pb-152 { padding-bottom: 152px; }
   .t-pb-160 { padding-bottom: 160px; }
   .t-pb-168 { padding-bottom: 168px; }
   .t-pb-176 { padding-bottom: 176px; }
   .t-pb-184 { padding-bottom: 184px; }
   .t-pb-192 { padding-bottom: 192px; }
   .t-pb-200 { padding-bottom: 200px; }	
   
  /* ===== 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; }
  .t-mb-88 { margin-bottom: 88px; }
  .t-mb-96 { margin-bottom: 96px; }

}




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

   /* ===== 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; }	
  .m-pb-72 { padding-bottom: 72px; }   
  .m-pb-80 { padding-bottom: 80px; }
  .m-pb-88 { padding-bottom: 88px; }
  .m-pb-96 { padding-bottom: 96px; } 

  /* ===== 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; }

}