/* Margin */
.mb-20 {
  margin-bottom:20px;
}

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

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

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

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

@media(max-width:1200px) {
  .mb-120 {
    margin-bottom: 100px;
  }
}
@media(max-width:1024px) {
  .mb-20 {
    margin-bottom:16px;
  }

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

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

  .mb-120 {
    margin-bottom: 80px;
  }
}
@media(max-width:768px) {
  .mb-sm-10 {
    margin-bottom: 10px;
  }

  .mb-sm-40 {
    margin-bottom: 40px;
  }
}
@media(max-width:500px) {
  .mb-20 {
    margin-bottom:10px;
  }

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

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

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

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

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

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

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


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

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

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

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

@media(max-width:1200px) {

}
@media(max-width:1024px) {
  .pt-120 {
    padding-top: 100px;
  }

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

  .pb-80 {
    padding-bottom: 60px;
  }
  
  .py-120 {
    padding: 100px 0px;
  }
}
@media(max-width:768px) {
  .pt-120 {
    padding-top: 80px;
  }

  .py-120 {
    padding: 80px 0px;
  }
}
@media(max-width:500px) {
  .pt-120 {
    padding-top: 60px;
  }

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

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

  .py-120 {
    padding: 60px 0px;
  }

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

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