/* Margin */
.ma-auto {
  margin: 0 auto;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-100 {
  margin-bottom: 100px;
}

@media screen and (max-width:1200px) {
  .mb-lg-40 {
    margin-bottom: 40px;
  }

  .mb-lg-60 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width:1024px) {
  .mb-10 {
    margin-bottom: 6px;
  }

  .mb-20 {
    margin-bottom: 12px;
  }

  .mb-30 {
    margin-bottom: 20px;
  }

  .mb-40 {
    margin-bottom: 30px;
  }

  .mb-80 {
    margin-bottom: 60px;
  }

  .mb-md-30 {
    margin-bottom: 30px;
  }

  .mb-md-40 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width:768px) {
  .mb-sm-30 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width:576px) {
  .mb-10 {
    margin-bottom: 4px;
  }

  .mb-20 {
    margin-bottom: 6px;
  }

  .mb-30 {
    margin-bottom: 12px;
  }

  .mb-40 {
    margin-bottom: 20px;
  }

  .mb-80 {
    margin-bottom: 40px;
  }

  .mb-xs-10 {
    margin-bottom: 10px;
  }

  .mb-xs-20 {
    margin-bottom: 20px;
  }

  .mb-xs-30 {
    margin-bottom: 30px;
  }

  .mb-xs-40 {
    margin-bottom: 40px;
  }

  .mb-xs-50 {
    margin-bottom: 50px;
  }

  .mb-xs-60 {
    margin-bottom: 60px;
  }
}


/* Padding */
.pt-40 {
  padding-top: 40px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-200 {
  padding-bottom: 200px;
}

@media screen and (max-width:1200px) {
  .pb-lg-120 {
    padding-bottom: 120px;
  }
}
@media screen and (max-width:1024px) {
  .pt-80 {
    padding-top: 60px;
  }

  .pt-120 {
    padding-top: 100px;
  }

  .pb-40 {
    padding-bottom: 30px;
  }

  .pb-60 {
    padding-bottom: 40px;
  }

  .pb-100 {
    padding-bottom: 80px;
  }

  .pb-120 {
    padding-bottom: 100px;
  }

  .pb-200 {
    padding-bottom: 160px;
  }

  .pb-md-60 {
    padding-bottom: 60px;
  }

  .pb-md-100 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width:768px) {
  .pt-120 {
    padding-top: 80px;
  }

  .pb-120 {
    padding-bottom: 80px;
  }

  .pb-200 {
    padding-bottom: 120px;
  }

  .pb-sm-40 {
    padding-bottom: 40px;
  }

  .pb-sm-80 {
    padding-bottom: 80px;
  }
}
@media screen and (max-width:576px) {
  .pt-80 {
    padding-top: 40px;
  }

  .pb-40 {
    padding-bottom: 20px;
  }

  .pb-60 {
    padding-bottom: 30px;
  }

  .pb-100 {
    padding-bottom: 60px;
  }

  .pb-200 {
    padding-bottom: 80px;
  }

  .pb-xs-20 {
    padding-bottom: 20px;
  }

  .pb-xs-30 {
    padding-bottom: 30px;
  }

  .pb-xs-40 {
    padding-bottom: 40px;
  }

  .pb-xs-60 {
    padding-bottom: 60px;
  }

  .pb-xs-80 {
    padding-bottom: 80px;
  }
}


/* Gap */
@media screen and (max-width:1200px) {

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

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}