/* Padding Y */
.py-120 { padding: 120px 0px; }
.py-100 { padding: 100px 0px; }
.py-80 { padding: 80px 0px; }
.py-60 { padding: 60px 0px; }
.py-40 { padding: 40px 0px; }
.py-30 { padding: 30px 0px; }
.py-20 { padding: 20px 0px; }
.py-10 { padding: 10px 0px; }

@media screen and (max-width: 1200px) {
  .py-120 { padding: 100px 0px; }
  .py-100 { padding: 88px 0px; }
  .py-80 { padding: 72px 0px; }
  .py-60 { padding: 56px 0px; }
  .py-40 { padding: 36px 0px; }
  .py-30 { padding: 28px 0px; }
  .py-20 { padding: 18px 0px; }
  .py-10 { padding: 9px 0px; }
}
@media screen and (max-width: 1024px) {
  .py-120 { padding: 88px 0px; }
  .py-100 { padding: 76px 0px; }
  .py-80 { padding: 64px 0px; }
  .py-60 { padding: 50px 0px; }
  .py-40 { padding: 32px 0px; }
  .py-30 { padding: 24px 0px; }
  .py-20 { padding: 16px 0px; }
  .py-10 { padding: 8px 0px; }
}
@media screen and (max-width: 768px) {
  .py-120 { padding: 72px 0px; }
  .py-100 { padding: 60px 0px; }
  .py-80 { padding: 56px 0px; }
  .py-60 { padding: 40px 0px; }
  .py-40 { padding: 30px 0px; }
  .py-30 { padding: 20px 0px; }
  .py-20 { padding: 14px 0px; }
  .py-10 { padding: 7px 0px; }
}
@media screen and (max-width: 576px) {
  .py-120 { padding: 60px 0px; }
  .py-100 { padding: 50px 0px; }
  .py-80 { padding: 40px 0px; }
  .py-60 { padding: 30px 0px; }
  .py-40 { padding: 20px 0px; }
  .py-30 { padding: 15px 0px; }
  .py-20 { padding: 10px 0px; }
  .py-10 { padding: 5px 0px; }
}

/* Padding Top */
.pt-120 { padding-top: 120px; }
.pt-100 { padding-top: 100px; }  
.pt-80 { padding-top: 80px; }
.pt-70 { padding-top: 70px; }
.pt-60 { padding-top: 60px; }
.pt-50 { padding-top: 50px; }
.pt-40 { padding-top: 40px; }
.pt-30 { padding-top: 30px; }
.pt-20 { padding-top: 20px; }
.pt-10 { padding-top: 10px; }

@media screen and (max-width: 1200px) {
  .pt-120 { padding-top: 100px; }
  .pt-100 { padding-top: 88px; }  
  .pt-80 { padding-top: 72px; }
  .pt-70 { padding-top: 60px; }
  .pt-60 { padding-top: 50px; }
  .pt-50 { padding-top: 45px; }
  .pt-40 { padding-top: 36px; }
  .pt-30 { padding-top: 28px; }
  .pt-20 { padding-top: 18px; }
  .pt-10 { padding-top: 9px; }
}
@media screen and (max-width: 1024px) {
  .pt-120 { padding-top: 88px; }
  .pt-100 { padding-top: 76px; }  
  .pt-80 { padding-top: 72px; }
  .pt-70 { padding-top: 60px; }
  .pt-60 { padding-top: 50px; }
  .pt-50 { padding-top: 45px; }
  .pt-40 { padding-top: 32px; }
  .pt-30 { padding-top: 25px; }
  .pt-20 { padding-top: 16px; }
  .pt-10 { padding-top: 8px; }
}
@media screen and (max-width: 768px) {
  .pt-120 { padding-top: 80px; }
  .pt-100 { padding-top: 64px; }  
  .pt-80 { padding-top: 64px; }
  .pt-70 { padding-top: 56px; }
  .pt-60 { padding-top: 50px; }
  .pt-50 { padding-top: 40px; }
  .pt-40 { padding-top: 30px; }
  .pt-30 { padding-top: 20px; }
  .pt-20 { padding-top: 14px; }
  .pt-10 { padding-top: 7px; }
}
@media screen and (max-width: 576px) {
  .pt-120 { padding-top: 60px; }
  .pt-100 { padding-top: 48px; }  
  .pt-80 { padding-top: 48px; }
  .pt-70 { padding-top: 40px; }
  .pt-60 { padding-top: 40px; }
  .pt-50 { padding-top: 30px; }
  .pt-40 { padding-top: 30px; }
  .pt-30 { padding-top: 20px; }
  .pt-20 { padding-top: 15px; }
  .pt-10 { padding-top: 8px; }
}

/* Padding Bottom */
.pb-120 { padding-bottom: 120px; }
.pb-100 { padding-bottom: 100px; }  
.pb-80 { padding-bottom: 80px; }
.pb-70 { padding-bottom: 70px; }
.pb-60 { padding-bottom: 60px; }
.pb-50 { padding-bottom: 50px; }
.pb-40 { padding-bottom: 40px; }
.pb-30 { padding-bottom: 30px; }
.pb-20 { padding-bottom: 20px; }
.pb-10 { padding-bottom: 10px; }

@media screen and (max-width: 1200px) {
  .pb-120 { padding-bottom: 100px; }
  .pb-100 { padding-bottom: 88px; }  
  .pb-80 { padding-bottom: 72px; }
  .pb-70 { padding-bottom: 60px; }
  .pb-60 { padding-bottom: 50px; }
  .pb-50 { padding-bottom: 45px; }
  .pb-40 { padding-bottom: 36px; }
  .pb-30 { padding-bottom: 28px; }
  .pb-20 { padding-bottom: 18px; }
  .pb-10 { padding-bottom: 9px; }
}
@media screen and (max-width: 1024px) {
  .pb-120 { padding-bottom: 88px; }
  .pb-100 { padding-bottom: 76px; }  
  .pb-80 { padding-bottom: 72px; }
  .pb-70 { padding-bottom: 60px; }
  .pb-60 { padding-bottom: 50px; }
  .pb-50 { padding-bottom: 45px; }
  .pb-40 { padding-bottom: 32px; }
  .pb-30 { padding-bottom: 25px; }
  .pb-20 { padding-bottom: 16px; }
  .pb-10 { padding-bottom: 8px; }
}
@media screen and (max-width: 768px) {
  .pb-120 { padding-bottom: 80px; }
  .pb-100 { padding-bottom: 64px; }  
  .pb-80 { padding-bottom: 64px; }
  .pb-70 { padding-bottom: 56px; }
  .pb-60 { padding-bottom: 50px; }
  .pb-50 { padding-bottom: 40px; }
  .pb-40 { padding-bottom: 30px; }
  .pb-30 { padding-bottom: 20px; }
  .pb-20 { padding-bottom: 14px; }
  .pb-10 { padding-bottom: 7px; }
}
@media screen and (max-width: 576px) {
  .pb-120 { padding-bottom: 60px; }
  .pb-100 { padding-bottom: 48px; }  
  .pb-80 { padding-bottom: 48px; }
  .pb-70 { padding-bottom: 40px; }
  .pb-60 { padding-bottom: 40px; }
  .pb-50 { padding-bottom: 30px; }
  .pb-40 { padding-bottom: 30px; }
  .pb-30 { padding-bottom: 20px; }
  .pb-20 { padding-bottom: 15px; }
  .pb-10 { padding-bottom: 8px; }
}

/* Margin Top */
.mt-80 { margin-top: 80px; }
.mt-70 { margin-top: 70px; }
.mt-60 { margin-top: 60px; }
.mt-50 { margin-top: 50px; }
.mt-40 { margin-top: 40px; }
.mt-30 { margin-top: 30px; }
.mt-20 { margin-top: 20px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }

@media screen and (max-width: 1200px) {
  .mt-80 { margin-top: 72px; }
  .mt-70 { margin-top: 60px; }
  .mt-60 { margin-top: 50px; }
  .mt-50 { margin-top: 45px; }
  .mt-40 { margin-top: 36px; }
  .mt-30 { margin-top: 28px; }
  .mt-20 { margin-top: 18px; }
  .mt-15 { margin-top: 13.5px; }
  .mt-10 { margin-top: 9px; }
}
@media screen and (max-width: 1024px) {
  .mt-80 { margin-top: 72px; }
  .mt-70 { margin-top: 60px; }
  .mt-60 { margin-top: 50px; }
  .mt-50 { margin-top: 45px; }
  .mt-40 { margin-top: 32px; }
  .mt-30 { margin-top: 25px; }
  .mt-20 { margin-top: 16px; }
  .mt-15 { margin-top: 12px; }
  .mt-10 { margin-top: 8px; }
}
@media screen and (max-width: 768px) {
  .mt-80 { margin-top: 64px; }
  .mt-70 { margin-top: 56px; }
  .mt-60 { margin-top: 50px; }
  .mt-50 { margin-top: 40px; }
  .mt-40 { margin-top: 30px; }
  .mt-30 { margin-top: 20px; }
  .mt-20 { margin-top: 14px; }
  .mt-15 { margin-top: 11.5px; }
  .mt-10 { margin-top: 7px; }
}
@media screen and (max-width: 576px) {
  .mt-80 { margin-top: 48px; }
  .mt-70 { margin-top: 40px; }
  .mt-60 { margin-top: 40px; }
  .mt-50 { margin-top: 30px; }
  .mt-40 { margin-top: 30px; }
  .mt-30 { margin-top: 20px; }
  .mt-20 { margin-top: 15px; }
  .mt-15 { margin-top: 8px; }
  .mt-10 { margin-top: 8px; }
}

/* Margin Bottom */
.mb-80 { margin-bottom: 80px; }
.mb-70 { margin-bottom: 70px; }
.mb-60 { margin-bottom: 60px; }
.mb-50 { margin-bottom: 50px; }
.mb-40 { margin-bottom: 40px; }
.mb-30 { margin-bottom: 30px; }
.mb-20 { margin-bottom: 20px; }
.mb-10 { margin-bottom: 10px; }

@media screen and (max-width: 1200px) {
  .mb-80 { margin-bottom: 72px; }
  .mb-70 { margin-bottom: 60px; }
  .mb-60 { margin-bottom: 50px; }
  .mb-50 { margin-bottom: 45px; }
  .mb-40 { margin-bottom: 36px; }
  .mb-30 { margin-bottom: 28px; }
  .mb-20 { margin-bottom: 18px; }
  .mb-10 { margin-bottom: 9px; }
}
@media screen and (max-width: 1024px) {
  .mb-80 { margin-bottom: 72px; }
  .mb-70 { margin-bottom: 60px; }
  .mb-60 { margin-bottom: 50px; }
  .mb-50 { margin-bottom: 45px; }
  .mb-40 { margin-bottom: 32px; }
  .mb-30 { margin-bottom: 25px; }
  .mb-20 { margin-bottom: 16px; }
  .mb-10 { margin-bottom: 8px; }
}
@media screen and (max-width: 768px) {
  .mb-80 { margin-bottom: 64px; }
  .mb-70 { margin-bottom: 56px; }
  .mb-60 { margin-bottom: 50px; }
  .mb-50 { margin-bottom: 40px; }
  .mb-40 { margin-bottom: 30px; }
  .mb-30 { margin-bottom: 20px; }
  .mb-20 { margin-bottom: 14px; }
  .mb-10 { margin-bottom: 7px; }
}
@media screen and (max-width: 576px) {
  .mb-80 { margin-bottom: 48px; }
  .mb-70 { margin-bottom: 40px; }
  .mb-60 { margin-bottom: 40px; }
  .mb-50 { margin-bottom: 30px; }
  .mb-40 { margin-bottom: 25px; }
  .mb-30 { margin-bottom: 20px; }
  .mb-20 { margin-bottom: 15px; }
  .mb-10 { margin-bottom: 8px; }
}