/* Padding Y */
.py-120 {
  padding: 120px 0px;
}
.py-100 {
  /* .py-100 is not defined in desktop, adding initial value for completeness */
  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: 120px 0px; /* Based on your initial py-100 example */
  }
  .py-80 {
    padding: 72px 0px;
  }
}
@media screen and (max-width:1024px) {
  .py-120 {
    padding: 88px 0px;
  }
  .py-80 {
    padding: 64px 0px;
  }
  .py-60 {
    padding: 50px 0px;
  }
}
@media screen and (max-width:768px) {
  .py-120 {
    padding: 80px 0px;
  }
  .py-80 {
    padding: 56px 0px;
  }
  .py-60 {
    padding: 40px 0px;
  }
  .py-40 {
    padding: 32px 0px;
  }
  .py-30 {
    padding: 24px 0px;
  }
}
@media screen and (max-width:576px) {
  .py-120 {
    padding: 60px 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;
  }
}


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

@media screen and (max-width:1200px) {
  .pt-120 {
    padding-top: 100px;
  }
  .pt-70 {
    padding-top: 60px;
  }
}
@media screen and (max-width:1024px) {
  .pt-120 {
    padding-top: 88px;
  }
  .pt-80 {
    padding-top: 72px;
  }
  .pt-50 {
    padding-top: 45px;
  }
  .pt-30 {
    padding-top: 25px;
  }
}
@media screen and (max-width:768px) {
  .pt-120 {
    padding-top: 80px;
  }
  .pt-80 {
    padding-top: 64px;
  }
  .pt-70 {
    padding-top: 56px;
  }
  .pt-60 {
    padding-top: 50px;
  }
  .pt-50 {
    padding-top: 40px;
  }
  .pt-30 {
    padding-top: 20px;
  }
}
@media screen and (max-width:576px) {
  .pt-120 {
    padding-top: 60px;
  }
  .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-20 {
    padding-top: 15px;
  }
  .pt-10 {
    padding-top: 8px;
  }
}

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

@media screen and (max-width:1200px) {
  .pb-120 {
    padding-bottom: 100px;
  }
  .pb-70 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width:1024px) {
  .pb-120 {
    padding-bottom: 88px;
  }
  .pb-80 {
    padding-bottom: 72px;
  }
  .pb-50 {
    padding-bottom: 45px;
  }
  .pb-30 {
    padding-bottom: 25px;
  }
}
@media screen and (max-width:768px) {
  .pb-120 {
    padding-bottom: 80px;
  }
  .pb-80 {
    padding-bottom: 64px;
  }
  .pb-70 {
    padding-bottom: 56px;
  }
  .pb-60 {
    padding-bottom: 50px;
  }
  .pb-50 {
    padding-bottom: 40px;
  }
  .pb-30 {
    padding-bottom: 20px;
  }
}
@media screen and (max-width:576px) {
  .pb-120 {
    padding-bottom: 60px;
  }
  .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-20 {
    padding-bottom: 15px;
  }
  .pb-10 {
    padding-bottom: 8px;
  }
}


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

@media screen and (max-width:1024px) {
  .mt-80 {
    margin-top: 72px;
  }
  .mt-70 {
    margin-top: 60px;
  }
  .mt-50 {
    margin-top: 45px;
  }
  .mt-30 {
    margin-top: 25px;
  }
}
@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-30 {
    margin-top: 20px;
  }
}
@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-20 {
    margin-top: 15px;
  }
  .mt-10 {
    margin-top: 8px;
  }
}


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

@media screen and (max-width:1024px) {
  .mb-80 {
    margin-bottom: 72px;
  }
  .mb-70 {
    margin-bottom: 60px;
  }
  .mb-50 {
    margin-bottom: 45px;
  }
  .mb-30 {
    margin-bottom: 25px;
  }
}
@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-30 {
    margin-bottom: 20px;
  }
}
@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-20 {
    margin-bottom: 15px;
  }
  .mb-10 {
    margin-bottom: 8px;
  }
}