/* ---- global useful classes  ---- */

/* adding borders */

.border {
  border: 2px solid #e5e1de !important;
}
.border-top {
  border-top: 2px solid #e5e1de !important;
}
.border-right {
  border-right: 2px solid #e5e1de !important;
}
.border-bottom {
  border-bottom: 2px solid #e5e1de !important;
}
.border-left {
  border-left: 2px solid #e5e1de !important;
}
.border-horizontal {
  border-right: 2px solid #e5e1de !important;
  border-left: 2px solid #e5e1de !important;
}
.border-vertical {
  border-top: 2px solid #e5e1de !important;
  border-bottom: 2px solid #e5e1de !important;
}
/* removing borders */

.remove-border {
  border: none !important;
}
.remove-border-top {
  border-top: none !important;
}
.remove-border-right {
  border-right: none !important;
}
.remove-border-bottom {
  border-bottom: none !important;
}
.remove-border-left {
  border-left: none !important;
}
.remove-border-horizontal {
  border-right: none !important;
  border-left: none !important;
}
.remove-border-vertical {
  border-right: none !important;
  border-left: none !important;
}
/* adding padding */

.padding-5 {
  padding: 5px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-15 {
  padding: 15px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-40 {
  padding: 40px !important;
}
.padding-50 {
  padding: 50px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.padding-left-50 {
  padding-left: 50px !important;
}
.padding-horizontal-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.padding-horizontal-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.padding-horizontal-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.padding-horizontal-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.padding-horizontal-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.padding-horizontal-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.padding-horizontal-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.padding-vertical-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.padding-vertical-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.padding-vertical-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.padding-vertical-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.padding-vertical-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.padding-vertical-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.padding-vertical-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
/* removing padding */

.remove-padding {
  padding: 0 !important;
}
.remove-padding-top {
  padding-top: 0 !important;
}
.remove-padding-right {
  padding-right: 0 !important;
}
.remove-padding-bottom {
  padding-bottom: 0 !important;
}
.remove-padding-left {
  padding-left: 0 !important;
}
.remove-padding-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.remove-padding-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* adding margins */

.margin-5 {
  margin: 5px !important;
}
.margin-10 {
  margin: 10px !important;
}
.margin-15 {
  margin: 15px !important;
}
.margin-20 {
  margin: 20px !important;
}
.margin-30 {
  margin: 30px !important;
}
.margin-40 {
  margin: 40px !important;
}
.margin-50 {
  margin: 50px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.margin-horizontal-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.margin-horizontal-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.margin-horizontal-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.margin-horizontal-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.margin-horizontal-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.margin-horizontal-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.margin-horizontal-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.margin-vertical-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.margin-vertical-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.margin-vertical-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.margin-vertical-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.margin-vertical-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.margin-vertical-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.margin-vertical-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
/* removing margins */

.remove-margin {
  margin: 0 !important;
}
.remove-margin-top {
  margin-top: 0 !important;
}
.remove-margin-right {
  margin-right: 0 !important;
}
.remove-margin-bottom {
  margin-bottom: 0 !important;
}
.remove-margin-left {
  margin-left: 0 !important;
}
.remove-margin-horizontal {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.remove-margin-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.block-text {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

}
.display-block {
  display: block !important;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.remove-before-content:before,
.remove-after-content:after {
  display: none !important;
}
@media (min-width: 481px) and (max-width: 767px) {
  /* adding borders - medium screens only */
  
  .border-ms {
    border: 2px solid #e5e1de !important;
  }
  .border-top-ms {
    border-top: 2px solid #e5e1de !important;
  }
  .border-right-ms {
    border-right: 2px solid #e5e1de !important;
  }
  .border-bottom-ms {
    border-bottom: 2px solid #e5e1de !important;
  }
  .border-left-ms {
    border-left: 2px solid #e5e1de !important;
  }
  .border-horizontal-ms {
    border-right: 2px solid #e5e1de !important;
    border-left: 2px solid #e5e1de !important;
  }
  .border-vertical-ms {
    border-top: 2px solid #e5e1de !important;
    border-bottom: 2px solid #e5e1de !important;
  }
  /* removing borders - medium screens only */
  
  .remove-border-ms {
    border: none !important;
  }
  .remove-border-top-ms {
    border-top: none !important;
  }
  .remove-border-right-ms {
    border-right: none !important;
  }
  .remove-border-bottom-ms {
    border-bottom: none !important;
  }
  .remove-border-left-ms {
    border-left: none !important;
  }
  .remove-border-horizontal-ms {
    border-right: none !important;
    border-left: none !important;
  }
  .remove-border-vertical-ms {
    border-top: none !important;
    border-bottom: none !important;
  }
  /* adding padding - medium screens only */
  
  .padding-ms-5 {
    padding: 5px !important;
  }
  .padding-ms-10 {
    padding: 10px !important;
  }
  .padding-ms-15 {
    padding: 15px !important;
  }
  .padding-ms-20 {
    padding: 20px !important;
  }
  .padding-ms-30 {
    padding: 30px !important;
  }
  .padding-ms-40 {
    padding: 40px !important;
  }
  .padding-ms-50 {
    padding: 50px !important;
  }
  .padding-top-ms-5 {
    padding-top: 5px !important;
  }
  .padding-top-ms-10 {
    padding-top: 10px !important;
  }
  .padding-top-ms-15 {
    padding-top: 15px !important;
  }
  .padding-top-ms-20 {
    padding-top: 20px !important;
  }
  .padding-top-ms-30 {
    padding-top: 30px !important;
  }
  .padding-top-ms-40 {
    padding-top: 40px !important;
  }
  .padding-top-ms-50 {
    padding-top: 50px !important;
  }
  .padding-right-ms-5 {
    padding-right: 5px !important;
  }
  .padding-right-ms-10 {
    padding-right: 10px !important;
  }
  .padding-right-ms-15 {
    padding-right: 15px !important;
  }
  .padding-right-ms-20 {
    padding-right: 20px !important;
  }
  .padding-right-ms-30 {
    padding-right: 30px !important;
  }
  .padding-right-ms-40 {
    padding-right: 40px !important;
  }
  .padding-right-ms-50 {
    padding-right: 50px !important;
  }
  .padding-bottom-ms-5 {
    padding-bottom: 5px !important;
  }
  .padding-bottom-ms-10 {
    padding-bottom: 10px !important;
  }
  .padding-bottom-ms-15 {
    padding-bottom: 15px !important;
  }
  .padding-bottom-ms-20 {
    padding-bottom: 20px !important;
  }
  .padding-bottom-ms-30 {
    padding-bottom: 30px !important;
  }
  .padding-bottom-ms-40 {
    padding-bottom: 40px !important;
  }
  .padding-bottom-ms-50 {
    padding-bottom: 50px !important;
  }
  .padding-left-ms-5 {
    padding-left: 5px !important;
  }
  .padding-left-ms-10 {
    padding-left: 10px !important;
  }
  .padding-left-ms-15 {
    padding-left: 15px !important;
  }
  .padding-left-ms-20 {
    padding-left: 20px !important;
  }
  .padding-left-ms-30 {
    padding-left: 30px !important;
  }
  .padding-left-ms-40 {
    padding-left: 40px !important;
  }
  .padding-left-ms-50 {
    padding-left: 50px !important;
  }
  .padding-horizontal-ms-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .padding-horizontal-ms-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .padding-horizontal-ms-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .padding-horizontal-ms-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .padding-horizontal-ms-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .padding-horizontal-ms-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .padding-horizontal-ms-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .padding-vertical-ms-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .padding-vertical-ms-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .padding-vertical-ms-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .padding-vertical-ms-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .padding-vertical-ms-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .padding-vertical-ms-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .padding-vertical-ms-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  /* removing padding - medium screens only */
  
  .remove-padding-ms {
    padding: 0 !important;
  }
  .remove-padding-top-ms {
    padding-top: 0 !important;
  }
  .remove-padding-right-ms {
    padding-right: 0 !important;
  }
  .remove-padding-bottom-ms {
    padding-bottom: 0 !important;
  }
  .remove-padding-left-ms {
    padding-left: 0 !important;
  }
  .remove-padding-horizontal-ms {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .remove-padding-vertical-ms {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* adding margins - medium screens only */
  
  .margin-ms-5 {
    margin: 5px !important;
  }
  .margin-ms-10 {
    margin: 10px !important;
  }
  .margin-ms-15 {
    margin: 15px !important;
  }
  .margin-ms-20 {
    margin: 20px !important;
  }
  .margin-ms-30 {
    margin: 30px !important;
  }
  .margin-ms-40 {
    margin: 40px !important;
  }
  .margin-ms-50 {
    margin: 50px !important;
  }
  .margin-top-ms-5 {
    margin-top: 5px !important;
  }
  .margin-top-ms-10 {
    margin-top: 10px !important;
  }
  .margin-top-ms-15 {
    margin-top: 15px !important;
  }
  .margin-top-ms-20 {
    margin-top: 20px !important;
  }
  .margin-top-ms-30 {
    margin-top: 30px !important;
  }
  .margin-top-ms-40 {
    margin-top: 40px !important;
  }
  .margin-top-ms-50 {
    margin-top: 50px !important;
  }
  .margin-right-ms-5 {
    margin-right: 5px !important;
  }
  .margin-right-ms-10 {
    margin-right: 10px !important;
  }
  .margin-right-ms-15 {
    margin-right: 15px !important;
  }
  .margin-right-ms-20 {
    margin-right: 20px !important;
  }
  .margin-right-ms-30 {
    margin-right: 30px !important;
  }
  .margin-right-ms-40 {
    margin-right: 40px !important;
  }
  .margin-right-ms-50 {
    margin-right: 50px !important;
  }
  .margin-bottom-ms-5 {
    margin-bottom: 5px !important;
  }
  .margin-bottom-ms-10 {
    margin-bottom: 10px !important;
  }
  .margin-bottom-ms-15 {
    margin-bottom: 15px !important;
  }
  .margin-bottom-ms-20 {
    margin-bottom: 20px !important;
  }
  .margin-bottom-ms-30 {
    margin-bottom: 30px !important;
  }
  .margin-bottom-ms-40 {
    margin-bottom: 40px !important;
  }
  .margin-bottom-ms-50 {
    margin-bottom: 50px !important;
  }
  .margin-left-ms-5 {
    margin-left: 5px !important;
  }
  .margin-left-ms-10 {
    margin-left: 10px !important;
  }
  .margin-left-ms-15 {
    margin-left: 15px !important;
  }
  .margin-left-ms-20 {
    margin-left: 20px !important;
  }
  .margin-left-ms-30 {
    margin-left: 30px !important;
  }
  .margin-left-ms-40 {
    margin-left: 40px !important;
  }
  .margin-left-ms-50 {
    margin-left: 50px !important;
  }
  .margin-horizontal-ms-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .margin-horizontal-ms-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .margin-horizontal-ms-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .margin-horizontal-ms-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .margin-horizontal-ms-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .margin-horizontal-ms-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .margin-horizontal-ms-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .margin-vertical-ms-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .margin-vertical-ms-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .margin-vertical-ms-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .margin-vertical-ms-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .margin-vertical-ms-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .margin-vertical-ms-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .margin-vertical-ms-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  /* removing margins - medium screens only */
  
  .remove-margin-ms {
    margin: 0 !important;
  }
  .remove-margin-top-ms {
    margin-top: 0 !important;
  }
  .remove-margin-right-ms {
    margin-right: 0 !important;
  }
  .remove-margin-bottom-ms {
    margin-bottom: 0 !important;
  }
  .remove-margin-left-ms {
    margin-left: 0 !important;
  }
  .remove-margin-horizontal-ms {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .remove-margin-vertical-ms {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 480px) {
  /* adding borders - small screens only */
  
  .border-xs {
    border: 2px solid #e5e1de !important;
  }
  .border-top-xs {
    border-top: 2px solid #e5e1de !important;
  }
  .border-right-xs {
    border-right: 2px solid #e5e1de !important;
  }
  .border-bottom-xs {
    border-bottom: 2px solid #e5e1de !important;
  }
  .border-left-xs {
    border-left: 2px solid #e5e1de !important;
  }
  .border-horizontal-xs {
    border-right: 2px solid #e5e1de !important;
    border-left: 2px solid #e5e1de !important;
  }
  .border-vertical-xs {
    border-top: 2px solid #e5e1de !important;
    border-bottom: 2px solid #e5e1de !important;
  }
  /* removing borders - small screens only */
  
  .remove-border-xs {
    border: none !important;
  }
  .remove-border-top-xs {
    border-top: none !important;
  }
  .remove-border-right-xs {
    border-right: none !important;
  }
  .remove-border-bottom-xs {
    border-bottom: none !important;
  }
  .remove-border-left-xs {
    border-left: none !important;
  }
  .remove-border-horizontal-xs {
    border-right: 2px solid #e5e1de !important;
    border-left: 2px solid #e5e1de !important;
  }
  .remove-border-vertical-xs {
    border-top: 2px solid #e5e1de !important;
    border-bottom: 2px solid #e5e1de !important;
  }
  /* adding padding - small screens only */
  
  .padding-xs-5 {
    padding: 5px !important;
  }
  .padding-xs-10 {
    padding: 10px !important;
  }
  .padding-xs-15 {
    padding: 15px !important;
  }
  .padding-xs-20 {
    padding: 20px !important;
  }
  .padding-xs-30 {
    padding: 30px !important;
  }
  .padding-xs-40 {
    padding: 40px !important;
  }
  .padding-xs-50 {
    padding: 50px !important;
  }
  .padding-top-xs-5 {
    padding-top: 5px !important;
  }
  .padding-top-xs-10 {
    padding-top: 10px !important;
  }
  .padding-top-xs-15 {
    padding-top: 15px !important;
  }
  .padding-top-xs-20 {
    padding-top: 20px !important;
  }
  .padding-top-xs-30 {
    padding-top: 30px !important;
  }
  .padding-top-xs-40 {
    padding-top: 40px !important;
  }
  .padding-top-xs-50 {
    padding-top: 50px !important;
  }
  .padding-right-xs-5 {
    padding-right: 5px !important;
  }
  .padding-right-xs-10 {
    padding-right: 10px !important;
  }
  .padding-right-xs-15 {
    padding-right: 15px !important;
  }
  .padding-right-xs-20 {
    padding-right: 20px !important;
  }
  .padding-right-xs-30 {
    padding-right: 30px !important;
  }
  .padding-right-xs-40 {
    padding-right: 40px !important;
  }
  .padding-right-xs-50 {
    padding-right: 50px !important;
  }
  .padding-bottom-xs-5 {
    padding-bottom: 5px !important;
  }
  .padding-bottom-xs-10 {
    padding-bottom: 10px !important;
  }
  .padding-bottom-xs-15 {
    padding-bottom: 15px !important;
  }
  .padding-bottom-xs-20 {
    padding-bottom: 20px !important;
  }
  .padding-bottom-xs-30 {
    padding-bottom: 30px !important;
  }
  .padding-bottom-xs-40 {
    padding-bottom: 40px !important;
  }
  .padding-bottom-xs-50 {
    padding-bottom: 50px !important;
  }
  .padding-left-xs-5 {
    padding-left: 5px !important;
  }
  .padding-left-xs-10 {
    padding-left: 10px !important;
  }
  .padding-left-xs-15 {
    padding-left: 15px !important;
  }
  .padding-left-xs-20 {
    padding-left: 20px !important;
  }
  .padding-left-xs-30 {
    padding-left: 30px !important;
  }
  .padding-left-xs-40 {
    padding-left: 40px !important;
  }
  .padding-left-xs-50 {
    padding-left: 50px !important;
  }
  .padding-horizontal-xs-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .padding-horizontal-xs-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .padding-horizontal-xs-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .padding-horizontal-xs-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .padding-horizontal-xs-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .padding-horizontal-xs-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .padding-horizontal-xs-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .padding-vertical-xs-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .padding-vertical-xs-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .padding-vertical-xs-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .padding-vertical-xs-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .padding-vertical-xs-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .padding-vertical-xs-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .padding-vertical-xs-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  /* removing padding - small screens only */
  
  .remove-padding-xs {
    padding: 0 !important;
  }
  .remove-padding-top-xs {
    padding-top: 0 !important;
  }
  .remove-padding-right-xs {
    padding-right: 0 !important;
  }
  .remove-padding-bottom-xs {
    padding-bottom: 0 !important;
  }
  .remove-padding-left-xs {
    padding-left: 0 !important;
  }
  .remove-padding-horizontal-xs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .remove-padding-vertical-xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* adding margins - small screens only */
  
  .margin-xs-5 {
    margin: 5px !important;
  }
  .margin-xs-10 {
    margin: 10px !important;
  }
  .margin-xs-15 {
    margin: 15px !important;
  }
  .margin-xs-20 {
    margin: 20px !important;
  }
  .margin-xs-30 {
    margin: 30px !important;
  }
  .margin-xs-40 {
    margin: 40px !important;
  }
  .margin-xs-50 {
    margin: 50px !important;
  }
  .margin-top-xs-5 {
    margin-top: 5px !important;
  }
  .margin-top-xs-10 {
    margin-top: 10px !important;
  }
  .margin-top-xs-15 {
    margin-top: 15px !important;
  }
  .margin-top-xs-20 {
    margin-top: 20px !important;
  }
  .margin-top-xs-30 {
    margin-top: 30px !important;
  }
  .margin-top-xs-40 {
    margin-top: 40px !important;
  }
  .margin-top-xs-50 {
    margin-top: 50px !important;
  }
  .margin-right-xs-5 {
    margin-right: 5px !important;
  }
  .margin-right-xs-10 {
    margin-right: 10px !important;
  }
  .margin-right-xs-15 {
    margin-right: 15px !important;
  }
  .margin-right-xs-20 {
    margin-right: 20px !important;
  }
  .margin-right-xs-30 {
    margin-right: 30px !important;
  }
  .margin-right-xs-40 {
    margin-right: 40px !important;
  }
  .margin-right-xs-50 {
    margin-right: 50px !important;
  }
  .margin-bottom-xs-5 {
    margin-bottom: 5px !important;
  }
  .margin-bottom-xs-10 {
    margin-bottom: 10px !important;
  }
  .margin-bottom-xs-15 {
    margin-bottom: 15px !important;
  }
  .margin-bottom-xs-20 {
    margin-bottom: 20px !important;
  }
  .margin-bottom-xs-30 {
    margin-bottom: 30px !important;
  }
  .margin-bottom-xs-40 {
    margin-bottom: 40px !important;
  }
  .margin-bottom-xs-50 {
    margin-bottom: 50px !important;
  }
  .margin-left-xs-5 {
    margin-left: 5px !important;
  }
  .margin-left-xs-10 {
    margin-left: 10px !important;
  }
  .margin-left-xs-15 {
    margin-left: 15px !important;
  }
  .margin-left-xs-20 {
    margin-left: 20px !important;
  }
  .margin-left-xs-30 {
    margin-left: 30px !important;
  }
  .margin-left-xs-40 {
    margin-left: 40px !important;
  }
  .margin-left-xs-50 {
    margin-left: 50px !important;
  }
  .margin-horizontal-xs-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .margin-horizontal-xs-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .margin-horizontal-xs-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .margin-horizontal-xs-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .margin-horizontal-xs-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .margin-horizontal-xs-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .margin-horizontal-xs-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .margin-vertical-xs-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .margin-vertical-xs-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .margin-vertical-xs-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .margin-vertical-xs-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .margin-vertical-xs-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .margin-vertical-xs-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .margin-vertical-xs-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  /* removing margins - small screens only */
  
  .remove-margin-xs {
    margin: 0 !important;
  }
  .remove-margin-top-xs {
    margin-top: 0 !important;
  }
  .remove-margin-right-xs {
    margin-right: 0 !important;
  }
  .remove-margin-bottom-xs {
    margin-bottom: 0 !important;
  }
  .remove-margin-left-xs {
    margin-left: 0 !important;
  }
  .remove-margin-horizontal-xs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .remove-margin-vertical-xs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
