.row-centered {
    text-align: center;
}
.col-centered {
    display: inline-block;
    float: none !important;
    text-align: left;
    margin-right: -4px;
    vertical-align: top;
}
/*===============================================
  C. Text Helpers
================================================= */
.text-uppercase {
  text-transform: uppercase !important;
}
.fw200 {
  font-weight: 200 !important;
}
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fs3 {
  font-size: 4px !important;
}
.fs4 {
  font-size: 4px !important;
}
.fs5 {
  font-size: 5px !important;
}
.fs6 {
  font-size: 6px !important;
}
.fs7 {
  font-size: 7px !important;
}
.fs8 {
  font-size: 8px !important;
}
.fs9 {
  font-size: 9px !important;
}
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs35 {
  font-size: 35px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs45 {
  font-size: 45px !important;
}
.fs50 {
  font-size: 50px !important;
}
.fs60 {
  font-size: 60px !important;
}
.fs70 {
  font-size: 70px !important;
}
.fs80 {
  font-size: 80px !important;
}
.fs90 {
  font-size: 90px !important;
}
.fs100 {
  font-size: 100px !important;
}
/*===============================================
  D. Padding Helpers
================================================= */
.pn {
  padding: 0 !important;
}
.p1 {
  padding: 1px !important;
}
.p2 {
  padding: 2px !important;
}
.p3 {
  padding: 3px !important;
}
.p4 {
  padding: 4px !important;
}
.p5 {
  padding: 5px !important;
}
.p6 {
  padding: 6px !important;
}
.p7 {
  padding: 7px !important;
}
.p8 {
  padding: 8px !important;
}
.p10 {
  padding: 10px !important;
}
.p12 {
  padding: 12px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p35 {
  padding: 35px !important;
}
.p40 {
  padding: 40px !important;
}
.p50 {
  padding: 50px !important;
}
.ptn {
  padding-top: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.prn {
  padding-right: 0 !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pbn {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pln {
  padding-left: 0 !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}
/* Axis Padding (both top/bottom or left/right) */
.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pv8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ph8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}



/* responsive padding helpers */
@media (min-width: 1140px) {
  .ptn-lg {
    padding-top: 0 !important;
  }
  .prn-lg {
    padding-right: 0 !important;
  }
  .pbn-lg {
    padding-bottom: 0 !important;
  }
  .pln-lg {
    padding-left: 0 !important;
  }
  .pt5-lg {
    padding-top: 5px !important;
  }
  .pr5-lg {
    padding-right: 5px !important;
  }
  .pb5-lg {
    padding-bottom: 5px !important;
  }
  .pl5-lg {
    padding-left: 5px !important;
  }
}

@media (min-width: 992px) {
  .ptn-md {
    padding-top: 0 !important;
  }
  .prn-md {
    padding-right: 0 !important;
  }
  .pbn-md {
    padding-bottom: 0 !important;
  }
  .pln-md {
    padding-left: 0 !important;
  }
  .pt5-md {
    padding-top: 5px !important;
  }
  .pr5-md {
    padding-right: 5px !important;
  }
  .pb5-md {
    padding-bottom: 5px !important;
  }
  .pl5-md {
    padding-left: 5px !important;
  }
}
/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto {
  margin-left: auto;
  margin-right: auto;
}
.mn {
  margin: 0 !important;
}
.m1 {
  margin: 1px !important;
}
.m2 {
  margin: 2px !important;
}
.m3 {
  margin: 3px !important;
}
.m4 {
  margin: 4px !important;
}
.m5 {
  margin: 5px !important;
}
.m8 {
  margin: 8px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m35 {
  margin: 35px !important;
}
.m40 {
  margin: 40px !important;
}
.m50 {
  margin: 50px !important;
}
.mtn {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mrn {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mbn {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mln {
  margin-left: 0 !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
/* Axis Margins (both top/bottom or left/right) */
.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mv70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.mh5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mh15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mh25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mh30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mh70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
/* Negative Margin Helpers */
.mtn5 {
  margin-top: -5px !important;
}
.mtn10 {
  margin-top: -10px !important;
}
.mtn15 {
  margin-top: -15px !important;
}
.mtn20 {
  margin-top: -20px !important;
}
.mtn30 {
  margin-top: -30px !important;
}
.mrn5 {
  margin-right: -5px !important;
}
.mrn10 {
  margin-right: -10px !important;
}
.mrn15 {
  margin-right: -15px !important;
}
.mrn20 {
  margin-right: -20px !important;
}
.mrn30 {
  margin-right: -30px !important;
}
.mbn5 {
  margin-bottom: -5px !important;
}
.mbn10 {
  margin-bottom: -10px !important;
}
.mbn15 {
  margin-bottom: -15px !important;
}
.mbn20 {
  margin-bottom: -20px !important;
}
.mbn30 {
  margin-bottom: -30px !important;
}
.mln5 {
  margin-left: -5px !important;
}
.mln10 {
  margin-left: -10px !important;
}
.mln15 {
  margin-left: -15px !important;
}
.mln20 {
  margin-left: -20px !important;
}
.mln30 {
  margin-left: -30px !important;
}
/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}
.mvn10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.mvn15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}
.mvn20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.mvn30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}
/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.mhn10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.mhn15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.mhn20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.mhn30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}
/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0 {
  line-height: 0 !important;
}
.lh5 {
  line-height: 5px !important;
}
.lh10 {
  line-height: 10px !important;
}
.lh15 {
  line-height: 15px !important;
}
.lh20 {
  line-height: 20px !important;
}
.lh25 {
  line-height: 25px !important;
}
.lh30 {
  line-height: 30px !important;
}
.lh35 {
  line-height: 35px !important;
}
.lh40 {
  line-height: 40px !important;
}
/*===============================================
  G. Border Helpers
================================================= */
/* Border Disables */
.br-l-n {
  border-left: none !important;
}
.br-r-n {
  border-right: none !important;
}
.br-t-n {
  border-top: none !important;
}
.br-b-n {
  border-bottom: none !important;
}
.br-n {
  border: none !important;
}
.br-v-n {
  border-top: none !important;
  border-bottom: none !important;
}
.br-h-n {
  border-left: none !important;
  border-right: none !important;
}
/* Default Borders */
.br-a {
  border: 1px solid #eeeeee !important;
}
.br-l {
  border-left: 1px solid #eeeeee !important;
}
.br-r {
  border-right: 1px solid #eeeeee !important;
}
.br-t {
  border-top: 1px solid #eeeeee !important;
}
.br-b {
  border-bottom: 1px solid #eeeeee !important;
}
/* Border Style */
.br-dashed {
  border-style: dotted !important;
}
.br-solid {
  border-style: solid !important;
}

/* Border Radius */
.br0 {
  border-radius: 0px !important;
}
.br1 {
  border-radius: 1px !important;
}
.br2 {
  border-radius: 2px !important;
}
.br3 {
  border-radius: 3px !important;
}
.br4 {
  border-radius: 4px !important;
}
.br6 {
  border-radius: 6px !important;
}
.br8 {
  border-radius: 8px !important;
}
.br12 {
  border-radius: 12px !important;
}
.br24 {
  border-radius: 24px !important;
}
.br64 {
  border-radius: 64px !important;
}
/* Border Width */
.bw1 {
  border-width: 1px !important;
}
.bw2 {
  border-width: 2px !important;
}
.bw3 {
  border-width: 3px !important;
}
.bw4 {
  border-width: 4px !important;
}
.bw5 {
  border-width: 5px !important;
}
.bw8 {
  border-width: 8px !important;
}
.bw10 {
  border-width: 10px !important;
}
.bw15 {
  border-width: 15px !important;
}
/*Border Colors Generate contextual modifier classes for colorizing the alert.
*/
.br-white {
  border-color: #ffffff !important;
}
.br-lighter {
  border-color: #eeeeee !important;
}
.br-light {
  border-color: #e7e7e7 !important;
}
.br-grey {
  border-color: #d9d9d9 !important;
}
.br-greyer {
  border-color: #cccccc !important;
}
.br-dark {
  border-color: #3b3f4f !important;
}
.br-dark-light {
  border-color: #51566c !important;
}
.br-primary {
  border-color: #3498db !important;
}
.br-primary-light {
  border-color: #5faee3 !important;
}
.br-info {
  border-color: #3bafda !important;
}
.br-info-light {
  border-color: #66c1e2 !important;
}
.br-success {
  border-color: #70ca63 !important;
}
.br-success-light {
  border-color: #93d789 !important;
}
.br-warning {
  border-color: #f6bb42 !important;
}
.br-warning-light {
  border-color: #f8cd73 !important;
}
.br-danger {
  border-color: #df5640 !important;
}
.br-danger-light {
  border-color: #e67d6c !important;
}
.br-alert {
  border-color: #967adc !important;
}
.br-alert-light {
  border-color: #b6a2e7 !important;
}
.br-system {
  border-color: #37bc9b !important;
}
.br-system-light {
  border-color: #58ceb1 !important;
}
.br-tp-top {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.br-tp-right {
  border-right-color: rgba(0, 0, 0, 0.1);
}
.br-tp-left {
  border-left-color: rgba(0, 0, 0, 0.1);
}
/*===============================================
  H. Max Width Helpers
================================================= */
.fluid-width {
  width: 100% !important;
}
.mw10 {
  max-width: 10px !important;
}
.mw20 {
  max-width: 20px !important;
}
.mw30 {
  max-width: 30px !important;
}
.mw35 {
  max-width: 35px !important;
}
.mw40 {
  max-width: 40px !important;
}
.mw45 {
  max-width: 45px !important;
}
.mw50 {
  max-width: 50px !important;
}
.mw60 {
  max-width: 60px !important;
}
.mw80 {
  max-width: 80px !important;
}
.mw100 {
  max-width: 100px !important;
}
.mw140 {
  max-width: 140px !important;
}
.mw160 {
  max-width: 160px !important;
}
.mw180 {
  max-width: 180px !important;
}
.mw200 {
  max-width: 200px !important;
}
.mw240 {
  max-width: 240px !important;
}
.mw280 {
  max-width: 280px !important;
}
.mw320 {
  max-width: 320px !important;
}
.mw400 {
  max-width: 400px !important;
}
.mw450 {
  max-width: 450px !important;
}
.mw500 {
  max-width: 500px !important;
}
.mw600 {
  max-width: 600px !important;
}
.mw700 {
  max-width: 700px !important;
}
.mw800 {
  max-width: 800px !important;
}
.mw900 {
  max-width: 900px !important;
}
.mw1000 {
  max-width: 1000px !important;
}
.mw1100 {
  max-width: 1100px !important;
}
.mw1200 {
  max-width: 1200px !important;
}
/*Regular Width Helpers. Primarily used
on tables, feel free to add more*/
.w20 {
  width: 20px !important;
}
.w30 {
  width: 30px !important;
}
.w40 {
  width: 40px !important;
}
.w50 {
  width: 50px !important;
}
.w75 {
  width: 75px !important;
}
.w100 {
  width: 100px !important;
}
.w125 {
  width: 125px !important;
}
.w150 {
  width: 150px !important;
}
.w175 {
  width: 175px !important;
}
.w200 {
  width: 200px !important;
}
.w225 {
  width: 225px !important;
}
.w250 {
  width: 250px !important;
}
.w275 {
  width: 275px !important;
}
.w300 {
  width: 300px !important;
}
.w320 {
  width: 320px !important;
}
.w350 {
  width: 350px !important;
}
.w375 {
  width: 375px !important;
}
.w400 {
  width: 400px !important;
}
.w450 {
  width: 450px !important;
}
.mnw20 {
  min-width: 20px !important;
}
.mnw30 {
  min-width: 30px !important;
}
.mnw40 {
  min-width: 40px !important;
}
.mnw50 {
  min-width: 50px !important;
}
.mnw75 {
  min-width: 75px !important;
}
.mnw100 {
  min-width: 100px !important;
}
.mnw125 {
  min-width: 125px !important;
}
.mnw150 {
  min-width: 150px !important;
}
.mnw175 {
  min-width: 175px !important;
}
.mnw200 {
  min-width: 200px !important;
}
.mnw250 {
  min-width: 250px !important;
}
.mnw300 {
  min-width: 300px !important;
}
.mnw500 {
  min-width: 500px !important;
}
.mnw700 {
  min-width: 700px !important;
}
.mnw1000 {
  min-width: 1000px !important;
}




/* xs */
@media /* (min-width: 320px) and*/ (max-width: 767px) {
    .pull-right-xs {
      float: right ; 
    } 
    .pull-left-xs {
      float: left ; 
    } 
    .text-right-xs {
        text-align: right;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    
    .br-0-xs {
      border-radius: 0px !important;
    }
    .br-1-xs {
      border-radius: 1px !important;
    }
    .br-2-xs {
      border-radius: 2px !important;
    }
    .br-3-xs {
      border-radius: 3px !important;
    }
    .br-4-xs {
      border-radius: 4px !important;
    }
    .br-6-xs {
      border-radius: 6px !important;
    }
    .br-8-xs {
      border-radius: 8px !important;
    }
    .br-12-xs {
      border-radius: 12px !important;
    }
    .br-24-xs {
      border-radius: 24px !important;
    }
    .br-64-xs {
      border-radius: 64px !important;
    }
    /* Border Disables */
    .br-l-n-xs {
      border-left: none !important;
    }
    .br-r-n-xs {
      border-right: none !important;
    }
    .br-t-n-xs {
      border-top: none !important;
    }
    .br-b-n-xs {
      border-bottom: none !important;
    }
    .br-n-xs {
      border: none !important;
    }
    .br-v-n-xs {
      border-top: none !important;
      border-bottom: none !important;
    }
    .br-h-n-xs {
      border-left: none !important;
      border-right: none !important;
    }
    /* Default Borders */
    .br-a-xs {
      border: 1px solid #eeeeee !important;
    }
    .br-l-xs {
      border-left: 1px solid #eeeeee !important;
    }
    .br-r-xs {
      border-right: 1px solid #eeeeee !important;
    }
    .br-t-xs {
      border-top: 1px solid #eeeeee !important;
    }
    .br-b-xs {
      border-bottom: 1px solid #eeeeee !important;
    }
    
    /*===============================================
      D. Padding Helpers
    ================================================= */
    .pn-xs {
      padding: 0 !important;
    }
    .p1-xs {
      padding: 1px !important;
    }
    .p2-xs {
      padding: 2px !important;
    }
    .p3-xs {
      padding: 3px !important;
    }
    .p4-xs {
      padding: 4px !important;
    }
    .p5-xs {
      padding: 5px !important;
    }
    .p6-xs {
      padding: 6px !important;
    }
    .p7-xs {
      padding: 7px !important;
    }
    .p8-xs {
      padding: 8px !important;
    }
    .p10-xs {
      padding: 10px !important;
    }
    .p12-xs {
      padding: 12px !important;
    }
    .p15-xs {
      padding: 15px !important;
    }
    .p20-xs {
      padding: 20px !important;
    }
    .p25-xs {
      padding: 25px !important;
    }
    .p30-xs {
      padding: 30px !important;
    }
    .p35-xs {
      padding: 35px !important;
    }
    .p40-xs {
      padding: 40px !important;
    }
    .p50-xs {
      padding: 50px !important;
    }
    .ptn-xs {
      padding-top: 0 !important;
    }
    .pt5-xs {
      padding-top: 5px !important;
    }
    .pt10-xs {
      padding-top: 10px !important;
    }
    .pt15-xs {
      padding-top: 15px !important;
    }
    .pt20-xs {
      padding-top: 20px !important;
    }
    .pt25-xs {
      padding-top: 25px !important;
    }
    .pt30-xs {
      padding-top: 30px !important;
    }
    .pt35-xs {
      padding-top: 35px !important;
    }
    .pt40-xs {
      padding-top: 40px !important;
    }
    .pt50-xs {
      padding-top: 50px !important;
    }
    .prn-xs {
      padding-right: 0 !important;
    }
    .pr5-xs {
      padding-right: 5px !important;
    }
    .pr10-xs {
      padding-right: 10px !important;
    }
    .pr15-xs {
      padding-right: 15px !important;
    }
    .pr20-xs {
      padding-right: 20px !important;
    }
    .pr25-xs {
      padding-right: 25px !important;
    }
    .pr30-xs {
      padding-right: 30px !important;
    }
    .pr35-xs {
      padding-right: 35px !important;
    }
    .pr40-xs {
      padding-right: 40px !important;
    }
    .pr50-xs {
      padding-right: 50px !important;
    }
    .pbn-xs {
      padding-bottom: 0 !important;
    }
    .pb5-xs {
      padding-bottom: 5px !important;
    }
    .pb10-xs {
      padding-bottom: 10px !important;
    }
    .pb15-xs {
      padding-bottom: 15px !important;
    }
    .pb20-xs {
      padding-bottom: 20px !important;
    }
    .pb25-xs {
      padding-bottom: 25px !important;
    }
    .pb30-xs {
      padding-bottom: 30px !important;
    }
    .pb35-xs {
      padding-bottom: 35px !important;
    }
    .pb40-xs {
      padding-bottom: 40px !important;
    }
    .pb50-xs {
      padding-bottom: 50px !important;
    }
    .pln-xs {
      padding-left: 0 !important;
    }
    .pl5-xs {
      padding-left: 5px !important;
    }
    .pl10-xs {
      padding-left: 10px !important;
    }
    .pl15-xs {
      padding-left: 15px !important;
    }
    .pl20-xs {
      padding-left: 20px !important;
    }
    .pl25-xs {
      padding-left: 25px !important;
    }
    .pl30-xs {
      padding-left: 30px !important;
    }
    .pl35-xs {
      padding-left: 35px !important;
    }
    .pl40-xs {
      padding-left: 40px !important;
    }
    .pl50-xs {
      padding-left: 50px !important;
    }
    /* Axis Padding (both top/bottom or left/right) */
    .pv5-xs {
      padding-top: 5px !important;
      padding-bottom: 5px !important;
    }
    .pv8-xs {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
    }
    .pv10-xs {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .pv15-xs {
      padding-top: 15px !important;
      padding-bottom: 15px !important;
    }
    .pv20-xs {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    .pv25-xs {
      padding-top: 25px !important;
      padding-bottom: 25px !important;
    }
    .pv30-xs {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
    .pv40-xs {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
    }
    .pv50-xs {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
    }
    .ph5-xs {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
    .ph8-xs {
      padding-left: 8px !important;
      padding-right: 8px !important;
    }
    .ph10-xs {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
    .ph15-xs {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .ph20-xs {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .ph25-xs {
      padding-left: 25px !important;
      padding-right: 25px !important;
    }
    .ph30-xs {
      padding-left: 30px !important;
      padding-right: 30px !important;
    }
    .ph40-xs {
      padding-left: 40px !important;
      padding-right: 40px !important;
    }
    .ph50-xs {
      padding-left: 50px !important;
      padding-right: 50px !important;
    }

    /*===============================================
      E. Margin Helpers
    ================================================= */
    /* margin center helper */
    .mauto-xs {
      margin-left: auto;
      margin-right: auto;
    }
    .mn-xs {
      margin: 0 !important;
    }
    .m1-xs {
      margin: 1px !important;
    }
    .m2-xs {
      margin: 2px !important;
    }
    .m3-xs {
      margin: 3px !important;
    }
    .m4-xs {
      margin: 4px !important;
    }
    .m5-xs {
      margin: 5px !important;
    }
    .m8-xs {
      margin: 8px !important;
    }
    .m10-xs {
      margin: 10px !important;
    }
    .m15-xs {
      margin: 15px !important;
    }
    .m20-xs {
      margin: 20px !important;
    }
    .m25-xs {
      margin: 25px !important;
    }
    .m30-xs {
      margin: 30px !important;
    }
    .m35-xs {
      margin: 35px !important;
    }
    .m40-xs {
      margin: 40px !important;
    }
    .m50-xs {
      margin: 50px !important;
    }
    .mtn-xs {
      margin-top: 0 !important;
    }
    .mt5-xs {
      margin-top: 5px !important;
    }
    .mt10-xs {
      margin-top: 10px !important;
    }
    .mt15-xs {
      margin-top: 15px !important;
    }
    .mt20-xs {
      margin-top: 20px !important;
    }
    .mt25-xs {
      margin-top: 25px !important;
    }
    .mt30-xs {
      margin-top: 30px !important;
    }
    .mt35-xs {
      margin-top: 35px !important;
    }
    .mt40-xs {
      margin-top: 40px !important;
    }
    .mt50-xs {
      margin-top: 50px !important;
    }
    .mt70-xs {
      margin-top: 70px !important;
    }
    .mrn-xs {
      margin-right: 0 !important;
    }
    .mr5-xs {
      margin-right: 5px !important;
    }
    .mr10-xs {
      margin-right: 10px !important;
    }
    .mr15-xs {
      margin-right: 15px !important;
    }
    .mr20-xs {
      margin-right: 20px !important;
    }
    .mr25-xs {
      margin-right: 25px !important;
    }
    .mr30-xs {
      margin-right: 30px !important;
    }
    .mr35-xs {
      margin-right: 35px !important;
    }
    .mr40-xs {
      margin-right: 40px !important;
    }
    .mr50-xs {
      margin-right: 50px !important;
    }
    .mbn-xs {
      margin-bottom: 0 !important;
    }
    .mb5-xs {
      margin-bottom: 5px !important;
    }
    .mb10-xs {
      margin-bottom: 10px !important;
    }
    .mb15-xs {
      margin-bottom: 15px !important;
    }
    .mb20-xs {
      margin-bottom: 20px !important;
    }
    .mb25-xs {
      margin-bottom: 25px !important;
    }
    .mb30-xs {
      margin-bottom: 30px !important;
    }
    .mb35-xs {
      margin-bottom: 35px !important;
    }
    .mb40-xs {
      margin-bottom: 40px !important;
    }
    .mb50-xs {
      margin-bottom: 50px !important;
    }
    .mb70-xs {
      margin-bottom: 70px !important;
    }
    .mln-xs {
      margin-left: 0 !important;
    }
    .ml5-xs {
      margin-left: 5px !important;
    }
    .ml10-xs {
      margin-left: 10px !important;
    }
    .ml15-xs {
      margin-left: 15px !important;
    }
    .ml20-xs {
      margin-left: 20px !important;
    }
    .ml25-xs {
      margin-left: 25px !important;
    }
    .ml30-xs {
      margin-left: 30px !important;
    }
    .ml35-xs {
      margin-left: 35px !important;
    }
    .ml40-xs {
      margin-left: 40px !important;
    }
    .ml50-xs {
      margin-left: 50px !important;
    }
    /* Axis Margins (both top/bottom or left/right) */
    .mv5-xs {
      margin-top: 5px !important;
      margin-bottom: 5px !important;
    }
    .mv10-xs {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }
    .mv15-xs {
      margin-top: 15px !important;
      margin-bottom: 15px !important;
    }
    .mv20-xs {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }
    .mv25-xs {
      margin-top: 25px !important;
      margin-bottom: 25px !important;
    }
    .mv30-xs {
      margin-top: 30px !important;
      margin-bottom: 30px !important;
    }
    .mv40-xs {
      margin-top: 40px !important;
      margin-bottom: 40px !important;
    }
    .mv50-xs {
      margin-top: 50px !important;
      margin-bottom: 50px !important;
    }
    .mv70-xs {
      margin-top: 70px !important;
      margin-bottom: 70px !important;
    }
    .mh5-xs {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    .mh10-xs {
      margin-left: 10px !important;
      margin-right: 10px !important;
    }
    .mh15-xs {
      margin-left: 15px !important;
      margin-right: 15px !important;
    }
    .mh20-xs {
      margin-left: 20px !important;
      margin-right: 20px !important;
    }
    .mh25-xs {
      margin-left: 25px !important;
      margin-right: 25px !important;
    }
    .mh30-xs {
      margin-left: 30px !important;
      margin-right: 30px !important;
    }
    .mh40-xs {
      margin-left: 40px !important;
      margin-right: 40px !important;
    }
    .mh50-xs {
      margin-left: 50px !important;
      margin-right: 50px !important;
    }
    .mh70-xs {
      margin-left: 70px !important;
      margin-right: 70px !important;
    }
    /* Negative Margin Helpers */
    .mtn5-xs {
      margin-top: -5px !important;
    }
    .mtn10-xs {
      margin-top: -10px !important;
    }
    .mtn15-xs {
      margin-top: -15px !important;
    }
    .mtn20-xs {
      margin-top: -20px !important;
    }
    .mtn30-xs {
      margin-top: -30px !important;
    }
    .mrn5-xs {
      margin-right: -5px !important;
    }
    .mrn10-xs {
      margin-right: -10px !important;
    }
    .mrn15-xs {
      margin-right: -15px !important;
    }
    .mrn20-xs {
      margin-right: -20px !important;
    }
    .mrn30-xs {
      margin-right: -30px !important;
    }
    .mbn5-xs {
      margin-bottom: -5px !important;
    }
    .mbn10-xs {
      margin-bottom: -10px !important;
    }
    .mbn15-xs {
      margin-bottom: -15px !important;
    }
    .mbn20-xs {
      margin-bottom: -20px !important;
    }
    .mbn30-xs {
      margin-bottom: -30px !important;
    }
    .mln5-xs {
      margin-left: -5px !important;
    }
    .mln10-xs {
      margin-left: -10px !important;
    }
    .mln15-xs {
      margin-left: -15px !important;
    }
    .mln20-xs {
      margin-left: -20px !important;
    }
    .mln30-xs {
      margin-left: -30px !important;
    }
    /* Vertical Negative Margin "mv" + "n" + "x" */
    .mvn5-xs {
      margin-top: -5px !important;
      margin-bottom: -5px !important;
    }
    .mvn10-xs {
      margin-top: -10px !important;
      margin-bottom: -10px !important;
    }
    .mvn15-xs {
      margin-top: -15px !important;
      margin-bottom: -15px !important;
    }
    .mvn20-xs {
      margin-top: -20px !important;
      margin-bottom: -20px !important;
    }
    .mvn30-xs {
      margin-top: -30px !important;
      margin-bottom: -30px !important;
    }
    /* Horizontal Negative Margin "mh" + "n" + "x" */
    .mhn5-xs {
      margin-left: -5px !important;
      margin-right: -5px !important;
    }
    .mhn10-xs {
      margin-left: -10px !important;
      margin-right: -10px !important;
    }
    .mhn15-xs {
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
    .mhn20-xs {
      margin-left: -20px !important;
      margin-right: -20px !important;
    }
    .mhn30-xs {
      margin-left: -30px !important;
      margin-right: -30px !important;
    }
    
    .text-uppercase-xs {
      text-transform: uppercase !important;
    }
    .fw200-xs {
      font-weight: 200 !important;
    }
    .fw300-xs {
      font-weight: 300 !important;
    }
    .fw400-xs {
      font-weight: 400 !important;
    }
    .fw600-xs {
      font-weight: 600 !important;
    }
    .fs3-xs {
      font-size: 3px !important;
    }
    .fs4-xs {
      font-size: 4px !important;
    }
    .fs5-xs {
      font-size: 5px !important;
    }
    .fs6-xs {
      font-size: 6px !important;
    }
    .fs7-xs {
      font-size: 7px !important;
    }
    .fs8-xs {
      font-size: 8px !important;
    }
    .fs9-xs {
      font-size: 9px !important;
    }
    .fs10-xs {
      font-size: 10px !important;
    }
    .fs11-xs {
      font-size: 11px !important;
    }
    .fs12-xs {
      font-size: 12px !important;
    }
    .fs13-xs {
      font-size: 13px !important;
    }
    .fs14-xs {
      font-size: 14px !important;
    }
    .fs15-xs {
      font-size: 15px !important;
    }
    .fs16-xs {
      font-size: 16px !important;
    }
    .fs17-xs {
      font-size: 17px !important;
    }
    .fs18-xs {
      font-size: 18px !important;
    }
    .fs20-xs {
      font-size: 20px !important;
    }
    .fs22-xs {
      font-size: 22px !important;
    }
    .fs24-xs {
      font-size: 24px !important;
    }
    .fs26-xs {
      font-size: 26px !important;
    }
    .fs28-xs {
      font-size: 28px !important;
    }
    .fs30-xs {
      font-size: 30px !important;
    }
    .fs35-xs {
      font-size: 35px !important;
    }
    .fs40-xs {
      font-size: 40px !important;
    }
    .fs45-xs {
      font-size: 45px !important;
    }
    .fs50-xs {
      font-size: 50px !important;
    }
    .fs60-xs {
      font-size: 60px !important;
    }
    .fs70-xs {
      font-size: 70px !important;
    }
    .fs80-xs {
      font-size: 80px !important;
    }
    .fs90-xs {
      font-size: 90px !important;
    }
    .fs100-xs {
      font-size: 100px !important;
    }
    
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .pull-right-sm {
      float: right ; 
    } 
    .pull-left-sm {
      float: left ; 
    } 
    .text-right-sm {
        text-align: right;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    
    .br-0-sm {
      border-radius: 0px !important;
    }
    .br-1-sm {
      border-radius: 1px !important;
    }
    .br-2-sm {
      border-radius: 2px !important;
    }
    .br-3-sm {
      border-radius: 3px !important;
    }
    .br-4-sm {
      border-radius: 4px !important;
    }
    .br-6-sm {
      border-radius: 6px !important;
    }
    .br-8-sm {
      border-radius: 8px !important;
    }
    .br-12-sm {
      border-radius: 12px !important;
    }
    .br-24-sm {
      border-radius: 24px !important;
    }
    .br-64-sm {
      border-radius: 64px !important;
    } 
    
     /* Border Disables */
    .br-l-n-sm {
      border-left: none !important;
    }
    .br-r-n-sm {
      border-right: none !important;
    }
    .br-t-n-sm {
      border-top: none !important;
    }
    .br-b-n-sm {
      border-bottom: none !important;
    }
    .br-n-sm {
      border: none !important;
    }
    .br-v-n-sm {
      border-top: none !important;
      border-bottom: none !important;
    }
    .br-h-n-sm {
      border-left: none !important;
      border-right: none !important;
    }
    /* Default Borders */
    .br-a-sm {
      border: 1px solid #eeeeee !important;
    }
    .br-l-sm {
      border-left: 1px solid #eeeeee !important;
    }
    .br-r-sm {
      border-right: 1px solid #eeeeee !important;
    }
    .br-t-sm {
      border-top: 1px solid #eeeeee !important;
    }
    .br-b-sm {
      border-bottom: 1px solid #eeeeee !important;
    }

    /*===============================================
      D. Padding Helpers
    ================================================= */
    .pn-sm {
      padding: 0 !important;
    }
    .p1-sm {
      padding: 1px !important;
    }
    .p2-sm {
      padding: 2px !important;
    }
    .p3-sm {
      padding: 3px !important;
    }
    .p4-sm {
      padding: 4px !important;
    }
    .p5-sm {
      padding: 5px !important;
    }
    .p6-sm {
      padding: 6px !important;
    }
    .p7-sm {
      padding: 7px !important;
    }
    .p8-sm {
      padding: 8px !important;
    }
    .p10-sm {
      padding: 10px !important;
    }
    .p12-sm {
      padding: 12px !important;
    }
    .p15-sm {
      padding: 15px !important;
    }
    .p20-sm {
      padding: 20px !important;
    }
    .p25-sm {
      padding: 25px !important;
    }
    .p30-sm {
      padding: 30px !important;
    }
    .p35-sm {
      padding: 35px !important;
    }
    .p40-sm {
      padding: 40px !important;
    }
    .p50-sm {
      padding: 50px !important;
    }
    .ptn-sm {
      padding-top: 0 !important;
    }
    .pt5-sm {
      padding-top: 5px !important;
    }
    .pt10-sm {
      padding-top: 10px !important;
    }
    .pt15-sm {
      padding-top: 15px !important;
    }
    .pt20-sm {
      padding-top: 20px !important;
    }
    .pt25-sm {
      padding-top: 25px !important;
    }
    .pt30-sm {
      padding-top: 30px !important;
    }
    .pt35-sm {
      padding-top: 35px !important;
    }
    .pt40-sm {
      padding-top: 40px !important;
    }
    .pt50-sm {
      padding-top: 50px !important;
    }
    .prn-sm {
      padding-right: 0 !important;
    }
    .pr5-sm {
      padding-right: 5px !important;
    }
    .pr10-sm {
      padding-right: 10px !important;
    }
    .pr15-sm {
      padding-right: 15px !important;
    }
    .pr20-sm {
      padding-right: 20px !important;
    }
    .pr25-sm {
      padding-right: 25px !important;
    }
    .pr30-sm {
      padding-right: 30px !important;
    }
    .pr35-sm {
      padding-right: 35px !important;
    }
    .pr40-sm {
      padding-right: 40px !important;
    }
    .pr50-sm {
      padding-right: 50px !important;
    }
    .pbn-sm {
      padding-bottom: 0 !important;
    }
    .pb5-sm {
      padding-bottom: 5px !important;
    }
    .pb10-sm {
      padding-bottom: 10px !important;
    }
    .pb15-sm {
      padding-bottom: 15px !important;
    }
    .pb20-sm {
      padding-bottom: 20px !important;
    }
    .pb25-sm {
      padding-bottom: 25px !important;
    }
    .pb30-sm {
      padding-bottom: 30px !important;
    }
    .pb35-sm {
      padding-bottom: 35px !important;
    }
    .pb40-sm {
      padding-bottom: 40px !important;
    }
    .pb50-sm {
      padding-bottom: 50px !important;
    }
    .pln-sm {
      padding-left: 0 !important;
    }
    .pl5-sm {
      padding-left: 5px !important;
    }
    .pl10-sm {
      padding-left: 10px !important;
    }
    .pl15-sm {
      padding-left: 15px !important;
    }
    .pl20-sm {
      padding-left: 20px !important;
    }
    .pl25-sm {
      padding-left: 25px !important;
    }
    .pl30-sm {
      padding-left: 30px !important;
    }
    .pl35-sm {
      padding-left: 35px !important;
    }
    .pl40-sm {
      padding-left: 40px !important;
    }
    .pl50-sm {
      padding-left: 50px !important;
    }
    /* Axis Padding (both top/bottom or left/right) */
    .pv5-sm {
      padding-top: 5px !important;
      padding-bottom: 5px !important;
    }
    .pv8-sm {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
    }
    .pv10-sm {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .pv15-sm {
      padding-top: 15px !important;
      padding-bottom: 15px !important;
    }
    .pv20-sm {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    .pv25-sm {
      padding-top: 25px !important;
      padding-bottom: 25px !important;
    }
    .pv30-sm {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
    .pv40-sm {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
    }
    .pv50-sm {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
    }
    .ph5-sm {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
    .ph8-sm {
      padding-left: 8px !important;
      padding-right: 8px !important;
    }
    .ph10-sm {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
    .ph15-sm {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .ph20-sm {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .ph25-sm {
      padding-left: 25px !important;
      padding-right: 25px !important;
    }
    .ph30-sm {
      padding-left: 30px !important;
      padding-right: 30px !important;
    }
    .ph40-sm {
      padding-left: 40px !important;
      padding-right: 40px !important;
    }
    .ph50-sm {
      padding-left: 50px !important;
      padding-right: 50px !important;
    }

    /*===============================================
      E. Margin Helpers
    ================================================= */
    /* margin center helper */
    .mauto-sm {
      margin-left: auto;
      margin-right: auto;
    }
    .mn-sm {
      margin: 0 !important;
    }
    .m1-sm {
      margin: 1px !important;
    }
    .m2-sm {
      margin: 2px !important;
    }
    .m3-sm {
      margin: 3px !important;
    }
    .m4-sm {
      margin: 4px !important;
    }
    .m5-sm {
      margin: 5px !important;
    }
    .m8-sm {
      margin: 8px !important;
    }
    .m10-sm {
      margin: 10px !important;
    }
    .m15-sm {
      margin: 15px !important;
    }
    .m20-sm {
      margin: 20px !important;
    }
    .m25-sm {
      margin: 25px !important;
    }
    .m30-sm {
      margin: 30px !important;
    }
    .m35-sm {
      margin: 35px !important;
    }
    .m40-sm {
      margin: 40px !important;
    }
    .m50-sm {
      margin: 50px !important;
    }
    .mtn-sm {
      margin-top: 0 !important;
    }
    .mt5-sm {
      margin-top: 5px !important;
    }
    .mt10-sm {
      margin-top: 10px !important;
    }
    .mt15-sm {
      margin-top: 15px !important;
    }
    .mt20-sm {
      margin-top: 20px !important;
    }
    .mt25-sm {
      margin-top: 25px !important;
    }
    .mt30-sm {
      margin-top: 30px !important;
    }
    .mt35-sm {
      margin-top: 35px !important;
    }
    .mt40-sm {
      margin-top: 40px !important;
    }
    .mt50-sm {
      margin-top: 50px !important;
    }
    .mt70-sm {
      margin-top: 70px !important;
    }
    .mrn-sm {
      margin-right: 0 !important;
    }
    .mr5-sm {
      margin-right: 5px !important;
    }
    .mr10-sm {
      margin-right: 10px !important;
    }
    .mr15-sm {
      margin-right: 15px !important;
    }
    .mr20-sm {
      margin-right: 20px !important;
    }
    .mr25-sm {
      margin-right: 25px !important;
    }
    .mr30-sm {
      margin-right: 30px !important;
    }
    .mr35-sm {
      margin-right: 35px !important;
    }
    .mr40-sm {
      margin-right: 40px !important;
    }
    .mr50-sm {
      margin-right: 50px !important;
    }
    .mbn-sm {
      margin-bottom: 0 !important;
    }
    .mb5-sm {
      margin-bottom: 5px !important;
    }
    .mb10-sm {
      margin-bottom: 10px !important;
    }
    .mb15-sm {
      margin-bottom: 15px !important;
    }
    .mb20-sm {
      margin-bottom: 20px !important;
    }
    .mb25-sm {
      margin-bottom: 25px !important;
    }
    .mb30-sm {
      margin-bottom: 30px !important;
    }
    .mb35-sm {
      margin-bottom: 35px !important;
    }
    .mb40-sm {
      margin-bottom: 40px !important;
    }
    .mb50-sm {
      margin-bottom: 50px !important;
    }
    .mb70-sm {
      margin-bottom: 70px !important;
    }
    .mln-sm {
      margin-left: 0 !important;
    }
    .ml5-sm {
      margin-left: 5px !important;
    }
    .ml10-sm {
      margin-left: 10px !important;
    }
    .ml15-sm {
      margin-left: 15px !important;
    }
    .ml20-sm {
      margin-left: 20px !important;
    }
    .ml25-sm {
      margin-left: 25px !important;
    }
    .ml30-sm {
      margin-left: 30px !important;
    }
    .ml35-sm {
      margin-left: 35px !important;
    }
    .ml40-sm {
      margin-left: 40px !important;
    }
    .ml50-sm {
      margin-left: 50px !important;
    }
    /* Axis Margins (both top/bottom or left/right) */
    .mv5-sm {
      margin-top: 5px !important;
      margin-bottom: 5px !important;
    }
    .mv10-sm {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }
    .mv15-sm {
      margin-top: 15px !important;
      margin-bottom: 15px !important;
    }
    .mv20-sm {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }
    .mv25-sm {
      margin-top: 25px !important;
      margin-bottom: 25px !important;
    }
    .mv30-sm {
      margin-top: 30px !important;
      margin-bottom: 30px !important;
    }
    .mv40-sm {
      margin-top: 40px !important;
      margin-bottom: 40px !important;
    }
    .mv50-sm {
      margin-top: 50px !important;
      margin-bottom: 50px !important;
    }
    .mv70-sm {
      margin-top: 70px !important;
      margin-bottom: 70px !important;
    }
    .mh5-sm {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    .mh10-sm {
      margin-left: 10px !important;
      margin-right: 10px !important;
    }
    .mh15-sm {
      margin-left: 15px !important;
      margin-right: 15px !important;
    }
    .mh20-sm {
      margin-left: 20px !important;
      margin-right: 20px !important;
    }
    .mh25-sm {
      margin-left: 25px !important;
      margin-right: 25px !important;
    }
    .mh30-sm {
      margin-left: 30px !important;
      margin-right: 30px !important;
    }
    .mh40-sm {
      margin-left: 40px !important;
      margin-right: 40px !important;
    }
    .mh50-sm {
      margin-left: 50px !important;
      margin-right: 50px !important;
    }
    .mh70-sm {
      margin-left: 70px !important;
      margin-right: 70px !important;
    }
    /* Negative Margin Helpers */
    .mtn5-sm {
      margin-top: -5px !important;
    }
    .mtn10-sm {
      margin-top: -10px !important;
    }
    .mtn15-sm {
      margin-top: -15px !important;
    }
    .mtn20-sm {
      margin-top: -20px !important;
    }
    .mtn30-sm {
      margin-top: -30px !important;
    }
    .mrn5-sm {
      margin-right: -5px !important;
    }
    .mrn10-sm {
      margin-right: -10px !important;
    }
    .mrn15-sm {
      margin-right: -15px !important;
    }
    .mrn20-sm {
      margin-right: -20px !important;
    }
    .mrn30-sm {
      margin-right: -30px !important;
    }
    .mbn5-sm {
      margin-bottom: -5px !important;
    }
    .mbn10-sm {
      margin-bottom: -10px !important;
    }
    .mbn15-sm {
      margin-bottom: -15px !important;
    }
    .mbn20-sm {
      margin-bottom: -20px !important;
    }
    .mbn30-sm {
      margin-bottom: -30px !important;
    }
    .mln5-sm {
      margin-left: -5px !important;
    }
    .mln10-sm {
      margin-left: -10px !important;
    }
    .mln15-sm {
      margin-left: -15px !important;
    }
    .mln20-sm {
      margin-left: -20px !important;
    }
    .mln30-sm {
      margin-left: -30px !important;
    }
    /* Vertical Negative Margin "mv" + "n" + "x" */
    .mvn5-sm {
      margin-top: -5px !important;
      margin-bottom: -5px !important;
    }
    .mvn10-sm {
      margin-top: -10px !important;
      margin-bottom: -10px !important;
    }
    .mvn15-sm {
      margin-top: -15px !important;
      margin-bottom: -15px !important;
    }
    .mvn20-sm {
      margin-top: -20px !important;
      margin-bottom: -20px !important;
    }
    .mvn30-sm {
      margin-top: -30px !important;
      margin-bottom: -30px !important;
    }
    /* Horizontal Negative Margin "mh" + "n" + "x" */
    .mhn5-sm {
      margin-left: -5px !important;
      margin-right: -5px !important;
    }
    .mhn10-sm {
      margin-left: -10px !important;
      margin-right: -10px !important;
    }
    .mhn15-sm {
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
    .mhn20-sm {
      margin-left: -20px !important;
      margin-right: -20px !important;
    }
    .mhn30-sm {
      margin-left: -30px !important;
      margin-right: -30px !important;
    }
    .text-uppercase-sm {
      text-transform: uppercase !important;
    }
    .fw200-sm {
      font-weight: 200 !important;
    }
    .fw300-sm {
      font-weight: 300 !important;
    }
    .fw400-sm {
      font-weight: 400 !important;
    }
    .fw600-sm {
      font-weight: 600 !important;
    }
    .fs3-sm {
      font-size: 3px !important;
    }
    .fs4-sm {
      font-size: 4px !important;
    }
    .fs5-sm {
      font-size: 5px !important;
    }
    .fs6-sm {
      font-size: 6px !important;
    }
    .fs7-sm {
      font-size: 7px !important;
    }
    .fs8-sm {
      font-size: 8px !important;
    }
    .fs9-sm {
      font-size: 9px !important;
    }
    .fs10-sm {
      font-size: 10px !important;
    }
    .fs11-sm {
      font-size: 11px !important;
    }
    .fs12-sm {
      font-size: 12px !important;
    }
    .fs13-sm {
      font-size: 13px !important;
    }
    .fs14-sm {
      font-size: 14px !important;
    }
    .fs15-sm {
      font-size: 15px !important;
    }
    .fs16-sm {
      font-size: 16px !important;
    }
    .fs17-sm {
      font-size: 17px !important;
    }
    .fs18-sm {
      font-size: 18px !important;
    }
    .fs20-sm {
      font-size: 20px !important;
    }
    .fs22-sm {
      font-size: 22px !important;
    }
    .fs24-sm {
      font-size: 24px !important;
    }
    .fs26-sm {
      font-size: 26px !important;
    }
    .fs28-sm {
      font-size: 28px !important;
    }
    .fs30-sm {
      font-size: 30px !important;
    }
    .fs35-sm {
      font-size: 35px !important;
    }
    .fs40-sm {
      font-size: 40px !important;
    }
    .fs45-sm {
      font-size: 45px !important;
    }
    .fs50-sm {
      font-size: 50px !important;
    }
    .fs60-sm {
      font-size: 60px !important;
    }
    .fs70-sm {
      font-size: 70px !important;
    }
    .fs80-sm {
      font-size: 80px !important;
    }
    .fs90-sm {
      font-size: 90px !important;
    }
    .fs100-sm {
      font-size: 100px !important;
    }
}
/* md */
@media (min-width: 992px)  and (max-width: 1199px){
    .pull-right-md {
      float: right ; 
    } 
    .pull-left-md {
      float: left ; 
    }
    .text-right-md {
        text-align: right;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    
    .br-0-md {
      border-radius: 0px !important;
    }
    .br-1-md {
      border-radius: 1px !important;
    }
    .br-2-md {
      border-radius: 2px !important;
    }
    .br-3-md {
      border-radius: 3px !important;
    }
    .br-4-md {
      border-radius: 4px !important;
    }
    .br-6-md {
      border-radius: 6px !important;
    }
    .br-8-md {
      border-radius: 8px !important;
    }
    .br-12-md {
      border-radius: 12px !important;
    }
    .br-24-md {
      border-radius: 24px !important;
    }
    .br-64-md {
      border-radius: 64px !important;
    } 
    
    /* Border Disables */
    .br-l-n-md {
      border-left: none !important;
    }
    .br-r-n-md {
      border-right: none !important;
    }
    .br-t-n-md {
      border-top: none !important;
    }
    .br-b-n-md {
      border-bottom: none !important;
    }
    .br-n-md {
      border: none !important;
    }
    .br-v-n-md {
      border-top: none !important;
      border-bottom: none !important;
    }
    .br-h-n-md {
      border-left: none !important;
      border-right: none !important;
    }
    /* Default Borders */
    .br-a-md {
      border: 1px solid #eeeeee !important;
    }
    .br-l-md {
      border-left: 1px solid #eeeeee !important;
    }
    .br-r-md {
      border-right: 1px solid #eeeeee !important;
    }
    .br-t-md {
      border-top: 1px solid #eeeeee !important;
    }
    .br-b-md {
      border-bottom: 1px solid #eeeeee !important;
    }
    
    /*===============================================
      D. Padding Helpers
    ================================================= */
    .pn-md {
      padding: 0 !important;
    }
    .p1-md {
      padding: 1px !important;
    }
    .p2-md {
      padding: 2px !important;
    }
    .p3-md {
      padding: 3px !important;
    }
    .p4-md {
      padding: 4px !important;
    }
    .p5-md {
      padding: 5px !important;
    }
    .p6-md {
      padding: 6px !important;
    }
    .p7-md {
      padding: 7px !important;
    }
    .p8-md {
      padding: 8px !important;
    }
    .p10-md {
      padding: 10px !important;
    }
    .p12-md {
      padding: 12px !important;
    }
    .p15-md {
      padding: 15px !important;
    }
    .p20-md {
      padding: 20px !important;
    }
    .p25-md {
      padding: 25px !important;
    }
    .p30-md {
      padding: 30px !important;
    }
    .p35-md {
      padding: 35px !important;
    }
    .p40-md {
      padding: 40px !important;
    }
    .p50-md {
      padding: 50px !important;
    }
    .ptn-md {
      padding-top: 0 !important;
    }
    .pt5-md {
      padding-top: 5px !important;
    }
    .pt10-md {
      padding-top: 10px !important;
    }
    .pt15-md {
      padding-top: 15px !important;
    }
    .pt20-md {
      padding-top: 20px !important;
    }
    .pt25-md {
      padding-top: 25px !important;
    }
    .pt30-md {
      padding-top: 30px !important;
    }
    .pt35-md {
      padding-top: 35px !important;
    }
    .pt40-md {
      padding-top: 40px !important;
    }
    .pt50-md {
      padding-top: 50px !important;
    }
    .prn-md {
      padding-right: 0 !important;
    }
    .pr5-md {
      padding-right: 5px !important;
    }
    .pr10-md {
      padding-right: 10px !important;
    }
    .pr15-md {
      padding-right: 15px !important;
    }
    .pr20-md {
      padding-right: 20px !important;
    }
    .pr25-md {
      padding-right: 25px !important;
    }
    .pr30-md {
      padding-right: 30px !important;
    }
    .pr35-md {
      padding-right: 35px !important;
    }
    .pr40-md {
      padding-right: 40px !important;
    }
    .pr50-md {
      padding-right: 50px !important;
    }
    .pbn-md {
      padding-bottom: 0 !important;
    }
    .pb5-md {
      padding-bottom: 5px !important;
    }
    .pb10-md {
      padding-bottom: 10px !important;
    }
    .pb15-md {
      padding-bottom: 15px !important;
    }
    .pb20-md {
      padding-bottom: 20px !important;
    }
    .pb25-md {
      padding-bottom: 25px !important;
    }
    .pb30-md {
      padding-bottom: 30px !important;
    }
    .pb35-md {
      padding-bottom: 35px !important;
    }
    .pb40-md {
      padding-bottom: 40px !important;
    }
    .pb50-md {
      padding-bottom: 50px !important;
    }
    .pln-md {
      padding-left: 0 !important;
    }
    .pl5-md {
      padding-left: 5px !important;
    }
    .pl10-md {
      padding-left: 10px !important;
    }
    .pl15-md {
      padding-left: 15px !important;
    }
    .pl20-md {
      padding-left: 20px !important;
    }
    .pl25-md {
      padding-left: 25px !important;
    }
    .pl30-md {
      padding-left: 30px !important;
    }
    .pl35-md {
      padding-left: 35px !important;
    }
    .pl40-md {
      padding-left: 40px !important;
    }
    .pl50-md {
      padding-left: 50px !important;
    }
    /* Axis Padding (both top/bottom or left/right) */
    .pv5-md {
      padding-top: 5px !important;
      padding-bottom: 5px !important;
    }
    .pv8-md {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
    }
    .pv10-md {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .pv15-md {
      padding-top: 15px !important;
      padding-bottom: 15px !important;
    }
    .pv20-md {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    .pv25-md {
      padding-top: 25px !important;
      padding-bottom: 25px !important;
    }
    .pv30-md {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
    .pv40-md {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
    }
    .pv50-md {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
    }
    .ph5-md {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
    .ph8-md {
      padding-left: 8px !important;
      padding-right: 8px !important;
    }
    .ph10-md {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
    .ph15-md {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .ph20-md {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .ph25-md {
      padding-left: 25px !important;
      padding-right: 25px !important;
    }
    .ph30-md {
      padding-left: 30px !important;
      padding-right: 30px !important;
    }
    .ph40-md {
      padding-left: 40px !important;
      padding-right: 40px !important;
    }
    .ph50-md {
      padding-left: 50px !important;
      padding-right: 50px !important;
    }
    
    /*===============================================
      E. Margin Helpers
    ================================================= */
    /* margin center helper */
    .mauto-md {
      margin-left: auto;
      margin-right: auto;
    }
    .mn-md {
      margin: 0 !important;
    }
    .m1-md {
      margin: 1px !important;
    }
    .m2-md {
      margin: 2px !important;
    }
    .m3-md {
      margin: 3px !important;
    }
    .m4-md {
      margin: 4px !important;
    }
    .m5-md {
      margin: 5px !important;
    }
    .m8-md {
      margin: 8px !important;
    }
    .m10-md {
      margin: 10px !important;
    }
    .m15-md {
      margin: 15px !important;
    }
    .m20-md {
      margin: 20px !important;
    }
    .m25-md {
      margin: 25px !important;
    }
    .m30-md {
      margin: 30px !important;
    }
    .m35-md {
      margin: 35px !important;
    }
    .m40-md {
      margin: 40px !important;
    }
    .m50-md {
      margin: 50px !important;
    }
    .mtn-md {
      margin-top: 0 !important;
    }
    .mt5-md {
      margin-top: 5px !important;
    }
    .mt10-md {
      margin-top: 10px !important;
    }
    .mt15-md {
      margin-top: 15px !important;
    }
    .mt20-md {
      margin-top: 20px !important;
    }
    .mt25-md {
      margin-top: 25px !important;
    }
    .mt30-md {
      margin-top: 30px !important;
    }
    .mt35-md {
      margin-top: 35px !important;
    }
    .mt40-md {
      margin-top: 40px !important;
    }
    .mt50-md {
      margin-top: 50px !important;
    }
    .mt70-md {
      margin-top: 70px !important;
    }
    .mrn-md {
      margin-right: 0 !important;
    }
    .mr5-md {
      margin-right: 5px !important;
    }
    .mr10-md {
      margin-right: 10px !important;
    }
    .mr15-md {
      margin-right: 15px !important;
    }
    .mr20-md {
      margin-right: 20px !important;
    }
    .mr25-md {
      margin-right: 25px !important;
    }
    .mr30-md {
      margin-right: 30px !important;
    }
    .mr35-md {
      margin-right: 35px !important;
    }
    .mr40-md {
      margin-right: 40px !important;
    }
    .mr50-md {
      margin-right: 50px !important;
    }
    .mbn-md {
      margin-bottom: 0 !important;
    }
    .mb5-md {
      margin-bottom: 5px !important;
    }
    .mb10-md {
      margin-bottom: 10px !important;
    }
    .mb15-md {
      margin-bottom: 15px !important;
    }
    .mb20-md {
      margin-bottom: 20px !important;
    }
    .mb25-md {
      margin-bottom: 25px !important;
    }
    .mb30-md {
      margin-bottom: 30px !important;
    }
    .mb35-md {
      margin-bottom: 35px !important;
    }
    .mb40-md {
      margin-bottom: 40px !important;
    }
    .mb50-md {
      margin-bottom: 50px !important;
    }
    .mb70-md {
      margin-bottom: 70px !important;
    }
    .mln-md {
      margin-left: 0 !important;
    }
    .ml5-md {
      margin-left: 5px !important;
    }
    .ml10-md {
      margin-left: 10px !important;
    }
    .ml15-md {
      margin-left: 15px !important;
    }
    .ml20-md {
      margin-left: 20px !important;
    }
    .ml25-md {
      margin-left: 25px !important;
    }
    .ml30-md {
      margin-left: 30px !important;
    }
    .ml35-md {
      margin-left: 35px !important;
    }
    .ml40-md {
      margin-left: 40px !important;
    }
    .ml50-md {
      margin-left: 50px !important;
    }
    /* Axis Margins (both top/bottom or left/right) */
    .mv5-md {
      margin-top: 5px !important;
      margin-bottom: 5px !important;
    }
    .mv10-md {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }
    .mv15-md {
      margin-top: 15px !important;
      margin-bottom: 15px !important;
    }
    .mv20-md {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }
    .mv25-md {
      margin-top: 25px !important;
      margin-bottom: 25px !important;
    }
    .mv30-md {
      margin-top: 30px !important;
      margin-bottom: 30px !important;
    }
    .mv40-md {
      margin-top: 40px !important;
      margin-bottom: 40px !important;
    }
    .mv50-md {
      margin-top: 50px !important;
      margin-bottom: 50px !important;
    }
    .mv70-md {
      margin-top: 70px !important;
      margin-bottom: 70px !important;
    }
    .mh5-md {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    .mh10-md {
      margin-left: 10px !important;
      margin-right: 10px !important;
    }
    .mh15-md {
      margin-left: 15px !important;
      margin-right: 15px !important;
    }
    .mh20-md {
      margin-left: 20px !important;
      margin-right: 20px !important;
    }
    .mh25-md {
      margin-left: 25px !important;
      margin-right: 25px !important;
    }
    .mh30-md {
      margin-left: 30px !important;
      margin-right: 30px !important;
    }
    .mh40-md {
      margin-left: 40px !important;
      margin-right: 40px !important;
    }
    .mh50-md {
      margin-left: 50px !important;
      margin-right: 50px !important;
    }
    .mh70-md {
      margin-left: 70px !important;
      margin-right: 70px !important;
    }
    /* Negative Margin Helpers */
    .mtn5-md {
      margin-top: -5px !important;
    }
    .mtn10-md {
      margin-top: -10px !important;
    }
    .mtn15-md {
      margin-top: -15px !important;
    }
    .mtn20-md {
      margin-top: -20px !important;
    }
    .mtn30-md {
      margin-top: -30px !important;
    }
    .mrn5-md {
      margin-right: -5px !important;
    }
    .mrn10-md {
      margin-right: -10px !important;
    }
    .mrn15-md {
      margin-right: -15px !important;
    }
    .mrn20-md {
      margin-right: -20px !important;
    }
    .mrn30-md {
      margin-right: -30px !important;
    }
    .mbn5-md {
      margin-bottom: -5px !important;
    }
    .mbn10-md {
      margin-bottom: -10px !important;
    }
    .mbn15-md {
      margin-bottom: -15px !important;
    }
    .mbn20-md {
      margin-bottom: -20px !important;
    }
    .mbn30-md {
      margin-bottom: -30px !important;
    }
    .mln5-md {
      margin-left: -5px !important;
    }
    .mln10-md {
      margin-left: -10px !important;
    }
    .mln15-md {
      margin-left: -15px !important;
    }
    .mln20-md {
      margin-left: -20px !important;
    }
    .mln30-md {
      margin-left: -30px !important;
    }
    /* Vertical Negative Margin "mv" + "n" + "x" */
    .mvn5-md {
      margin-top: -5px !important;
      margin-bottom: -5px !important;
    }
    .mvn10-md {
      margin-top: -10px !important;
      margin-bottom: -10px !important;
    }
    .mvn15-md {
      margin-top: -15px !important;
      margin-bottom: -15px !important;
    }
    .mvn20-md {
      margin-top: -20px !important;
      margin-bottom: -20px !important;
    }
    .mvn30-md {
      margin-top: -30px !important;
      margin-bottom: -30px !important;
    }
    /* Horizontal Negative Margin "mh" + "n" + "x" */
    .mhn5-md {
      margin-left: -5px !important;
      margin-right: -5px !important;
    }
    .mhn10-md {
      margin-left: -10px !important;
      margin-right: -10px !important;
    }
    .mhn15-md {
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
    .mhn20-md {
      margin-left: -20px !important;
      margin-right: -20px !important;
    }
    .mhn30-md {
      margin-left: -30px !important;
      margin-right: -30px !important;
    }
    
    .text-uppercase-md {
      text-transform: uppercase !important;
    }
    .fw200-md {
      font-weight: 200 !important;
    }
    .fw300-md {
      font-weight: 300 !important;
    }
    .fw400-md {
      font-weight: 400 !important;
    }
    .fw600-md {
      font-weight: 600 !important;
    }
    .fs3-md {
      font-size: 3px !important;
    }
    .fs4-md {
      font-size: 4px !important;
    }
    .fs5-md {
      font-size: 5px !important;
    }
    .fs6-md {
      font-size: 6px !important;
    }
    .fs7-md {
      font-size: 7px !important;
    }
    .fs8-md {
      font-size: 8px !important;
    }
    .fs9-md {
      font-size: 9px !important;
    }
    .fs10-md {
      font-size: 10px !important;
    }
    .fs11-md {
      font-size: 11px !important;
    }
    .fs12-md {
      font-size: 12px !important;
    }
    .fs13-md {
      font-size: 13px !important;
    }
    .fs14-md {
      font-size: 14px !important;
    }
    .fs15-md {
      font-size: 15px !important;
    }
    .fs16-md {
      font-size: 16px !important;
    }
    .fs17-md {
      font-size: 17px !important;
    }
    .fs18-md {
      font-size: 18px !important;
    }
    .fs20-md {
      font-size: 20px !important;
    }
    .fs22-md {
      font-size: 22px !important;
    }
    .fs24-md {
      font-size: 24px !important;
    }
    .fs26-md {
      font-size: 26px !important;
    }
    .fs28-md {
      font-size: 28px !important;
    }
    .fs30-md {
      font-size: 30px !important;
    }
    .fs35-md {
      font-size: 35px !important;
    }
    .fs40-md {
      font-size: 40px !important;
    }
    .fs45-md {
      font-size: 45px !important;
    }
    .fs50-md {
      font-size: 50px !important;
    }
    .fs60-md {
      font-size: 60px !important;
    }
    .fs70-md {
      font-size: 70px !important;
    }
    .fs80-md {
      font-size: 80px !important;
    }
    .fs90-md {
      font-size: 90px !important;
    }
    .fs100-md {
      font-size: 100px !important;
    }
}
/* lg */
@media (min-width: 1440px) {
    .pull-right-lg {
      float: right ; 
    } 
    .pull-left-lg {
      float: left ; 
    }
    .text-right-lg {
        text-align: right;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    
    .br-0-lg {
      border-radius: 0px !important;
    }
    .br-1-lg {
      border-radius: 1px !important;
    }
    .br-2-lg {
      border-radius: 2px !important;
    }
    .br-3-lg {
      border-radius: 3px !important;
    }
    .br-4-lg {
      border-radius: 4px !important;
    }
    .br-6-lg {
      border-radius: 6px !important;
    }
    .br-8-lg {
      border-radius: 8px !important;
    }
    .br-12-lg {
      border-radius: 12px !important;
    }
    .br-24-lg {
      border-radius: 24px !important;
    }
    .br-64-lg {
      border-radius: 64px !important;
    } 
    
    /* Border Disables */
    .br-l-n-lg {
      border-left: none !important;
    }
    .br-r-n-lg {
      border-right: none !important;
    }
    .br-t-n-lg {
      border-top: none !important;
    }
    .br-b-n-lg {
      border-bottom: none !important;
    }
    .br-n-lg {
      border: none !important;
    }
    .br-v-n-lg {
      border-top: none !important;
      border-bottom: none !important;
    }
    .br-h-n-lg {
      border-left: none !important;
      border-right: none !important;
    }
    /* Default Borders */
    .br-a-lg {
      border: 1px solid #eeeeee !important;
    }
    .br-l-lg {
      border-left: 1px solid #eeeeee !important;
    }
    .br-r-lg {
      border-right: 1px solid #eeeeee !important;
    }
    .br-t-lg {
      border-top: 1px solid #eeeeee !important;
    }
    .br-b-lg {
      border-bottom: 1px solid #eeeeee !important;
    }
    
    /*===============================================
      D. Padding Helpers
    ================================================= */
    .pn-lg {
      padding: 0 !important;
    }
    .p1-lg {
      padding: 1px !important;
    }
    .p2-lg {
      padding: 2px !important;
    }
    .p3-lg {
      padding: 3px !important;
    }
    .p4-lg {
      padding: 4px !important;
    }
    .p5-lg {
      padding: 5px !important;
    }
    .p6-lg {
      padding: 6px !important;
    }
    .p7-lg {
      padding: 7px !important;
    }
    .p8-lg {
      padding: 8px !important;
    }
    .p10-lg {
      padding: 10px !important;
    }
    .p12-lg {
      padding: 12px !important;
    }
    .p15-lg {
      padding: 15px !important;
    }
    .p20-lg {
      padding: 20px !important;
    }
    .p25-lg {
      padding: 25px !important;
    }
    .p30-lg {
      padding: 30px !important;
    }
    .p35-lg {
      padding: 35px !important;
    }
    .p40-lg {
      padding: 40px !important;
    }
    .p50-lg {
      padding: 50px !important;
    }
    .ptn-lg {
      padding-top: 0 !important;
    }
    .pt5-lg {
      padding-top: 5px !important;
    }
    .pt10-lg {
      padding-top: 10px !important;
    }
    .pt15-lg {
      padding-top: 15px !important;
    }
    .pt20-lg {
      padding-top: 20px !important;
    }
    .pt25-lg {
      padding-top: 25px !important;
    }
    .pt30-lg {
      padding-top: 30px !important;
    }
    .pt35-lg {
      padding-top: 35px !important;
    }
    .pt40-lg {
      padding-top: 40px !important;
    }
    .pt50-lg {
      padding-top: 50px !important;
    }
    .prn-lg {
      padding-right: 0 !important;
    }
    .pr5-lg {
      padding-right: 5px !important;
    }
    .pr10-lg {
      padding-right: 10px !important;
    }
    .pr15-lg {
      padding-right: 15px !important;
    }
    .pr20-lg {
      padding-right: 20px !important;
    }
    .pr25-lg {
      padding-right: 25px !important;
    }
    .pr30-lg {
      padding-right: 30px !important;
    }
    .pr35-lg {
      padding-right: 35px !important;
    }
    .pr40-lg {
      padding-right: 40px !important;
    }
    .pr50-lg {
      padding-right: 50px !important;
    }
    .pbn-lg {
      padding-bottom: 0 !important;
    }
    .pb5-lg {
      padding-bottom: 5px !important;
    }
    .pb10-lg {
      padding-bottom: 10px !important;
    }
    .pb15-lg {
      padding-bottom: 15px !important;
    }
    .pb20-lg {
      padding-bottom: 20px !important;
    }
    .pb25-lg {
      padding-bottom: 25px !important;
    }
    .pb30-lg {
      padding-bottom: 30px !important;
    }
    .pb35-lg {
      padding-bottom: 35px !important;
    }
    .pb40-lg {
      padding-bottom: 40px !important;
    }
    .pb50-lg {
      padding-bottom: 50px !important;
    }
    .pln-lg {
      padding-left: 0 !important;
    }
    .pl5-lg {
      padding-left: 5px !important;
    }
    .pl10-lg {
      padding-left: 10px !important;
    }
    .pl15-lg {
      padding-left: 15px !important;
    }
    .pl20-lg {
      padding-left: 20px !important;
    }
    .pl25-lg {
      padding-left: 25px !important;
    }
    .pl30-lg {
      padding-left: 30px !important;
    }
    .pl35-lg {
      padding-left: 35px !important;
    }
    .pl40-lg {
      padding-left: 40px !important;
    }
    .pl50-lg {
      padding-left: 50px !important;
    }
    /* Axis Padding (both top/bottom or left/right) */
    .pv5-lg {
      padding-top: 5px !important;
      padding-bottom: 5px !important;
    }
    .pv8-lg {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
    }
    .pv10-lg {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .pv15-lg {
      padding-top: 15px !important;
      padding-bottom: 15px !important;
    }
    .pv20-lg {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    .pv25-lg {
      padding-top: 25px !important;
      padding-bottom: 25px !important;
    }
    .pv30-lg {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
    .pv40-lg {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
    }
    .pv50-lg {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
    }
    .ph5-lg {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
    .ph8-lg {
      padding-left: 8px !important;
      padding-right: 8px !important;
    }
    .ph10-lg {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
    .ph15-lg {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .ph20-lg {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .ph25-lg {
      padding-left: 25px !important;
      padding-right: 25px !important;
    }
    .ph30-lg {
      padding-left: 30px !important;
      padding-right: 30px !important;
    }
    .ph40-lg {
      padding-left: 40px !important;
      padding-right: 40px !important;
    }
    .ph50-lg {
      padding-left: 50px !important;
      padding-right: 50px !important;
    }
    
    /*===============================================
      E. Margin Helpers
    ================================================= */
    /* margin center helper */
    .mauto-lg {
      margin-left: auto;
      margin-right: auto;
    }
    .mn-lg {
      margin: 0 !important;
    }
    .m1-lg {
      margin: 1px !important;
    }
    .m2-lg {
      margin: 2px !important;
    }
    .m3-lg {
      margin: 3px !important;
    }
    .m4-lg {
      margin: 4px !important;
    }
    .m5-lg {
      margin: 5px !important;
    }
    .m8-lg {
      margin: 8px !important;
    }
    .m10-lg {
      margin: 10px !important;
    }
    .m15-lg {
      margin: 15px !important;
    }
    .m20-lg {
      margin: 20px !important;
    }
    .m25-lg {
      margin: 25px !important;
    }
    .m30-lg {
      margin: 30px !important;
    }
    .m35-lg {
      margin: 35px !important;
    }
    .m40-lg {
      margin: 40px !important;
    }
    .m50-lg {
      margin: 50px !important;
    }
    .mtn-lg {
      margin-top: 0 !important;
    }
    .mt5-lg {
      margin-top: 5px !important;
    }
    .mt10-lg {
      margin-top: 10px !important;
    }
    .mt15-lg {
      margin-top: 15px !important;
    }
    .mt20-lg {
      margin-top: 20px !important;
    }
    .mt25-lg {
      margin-top: 25px !important;
    }
    .mt30-lg {
      margin-top: 30px !important;
    }
    .mt35-lg {
      margin-top: 35px !important;
    }
    .mt40-lg {
      margin-top: 40px !important;
    }
    .mt50-lg {
      margin-top: 50px !important;
    }
    .mt70-lg {
      margin-top: 70px !important;
    }
    .mrn-lg {
      margin-right: 0 !important;
    }
    .mr5-lg {
      margin-right: 5px !important;
    }
    .mr10-lg {
      margin-right: 10px !important;
    }
    .mr15-lg {
      margin-right: 15px !important;
    }
    .mr20-lg {
      margin-right: 20px !important;
    }
    .mr25-lg {
      margin-right: 25px !important;
    }
    .mr30-lg {
      margin-right: 30px !important;
    }
    .mr35-lg {
      margin-right: 35px !important;
    }
    .mr40-lg {
      margin-right: 40px !important;
    }
    .mr50-lg {
      margin-right: 50px !important;
    }
    .mbn-lg {
      margin-bottom: 0 !important;
    }
    .mb5-lg {
      margin-bottom: 5px !important;
    }
    .mb10-lg {
      margin-bottom: 10px !important;
    }
    .mb15-lg {
      margin-bottom: 15px !important;
    }
    .mb20-lg {
      margin-bottom: 20px !important;
    }
    .mb25-lg {
      margin-bottom: 25px !important;
    }
    .mb30-lg {
      margin-bottom: 30px !important;
    }
    .mb35-lg {
      margin-bottom: 35px !important;
    }
    .mb40-lg {
      margin-bottom: 40px !important;
    }
    .mb50-lg {
      margin-bottom: 50px !important;
    }
    .mb70-lg {
      margin-bottom: 70px !important;
    }
    .mln-lg {
      margin-left: 0 !important;
    }
    .ml5-lg {
      margin-left: 5px !important;
    }
    .ml10-lg {
      margin-left: 10px !important;
    }
    .ml15-lg {
      margin-left: 15px !important;
    }
    .ml20-lg {
      margin-left: 20px !important;
    }
    .ml25-lg {
      margin-left: 25px !important;
    }
    .ml30-lg {
      margin-left: 30px !important;
    }
    .ml35-lg {
      margin-left: 35px !important;
    }
    .ml40-lg {
      margin-left: 40px !important;
    }
    .ml50-lg {
      margin-left: 50px !important;
    }
    /* Axis Margins (both top/bottom or left/right) */
    .mv5-lg {
      margin-top: 5px !important;
      margin-bottom: 5px !important;
    }
    .mv10-lg {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }
    .mv15-lg {
      margin-top: 15px !important;
      margin-bottom: 15px !important;
    }
    .mv20-lg {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }
    .mv25-lg {
      margin-top: 25px !important;
      margin-bottom: 25px !important;
    }
    .mv30-lg {
      margin-top: 30px !important;
      margin-bottom: 30px !important;
    }
    .mv40-lg {
      margin-top: 40px !important;
      margin-bottom: 40px !important;
    }
    .mv50-lg {
      margin-top: 50px !important;
      margin-bottom: 50px !important;
    }
    .mv70-lg {
      margin-top: 70px !important;
      margin-bottom: 70px !important;
    }
    .mh5-lg {
      margin-left: 5px !important;
      margin-right: 5px !important;
    }
    .mh10-lg {
      margin-left: 10px !important;
      margin-right: 10px !important;
    }
    .mh15-lg {
      margin-left: 15px !important;
      margin-right: 15px !important;
    }
    .mh20-lg {
      margin-left: 20px !important;
      margin-right: 20px !important;
    }
    .mh25-lg {
      margin-left: 25px !important;
      margin-right: 25px !important;
    }
    .mh30-lg {
      margin-left: 30px !important;
      margin-right: 30px !important;
    }
    .mh40-lg {
      margin-left: 40px !important;
      margin-right: 40px !important;
    }
    .mh50-lg {
      margin-left: 50px !important;
      margin-right: 50px !important;
    }
    .mh70-lg {
      margin-left: 70px !important;
      margin-right: 70px !important;
    }
    /* Negative Margin Helpers */
    .mtn5-lg {
      margin-top: -5px !important;
    }
    .mtn10-lg {
      margin-top: -10px !important;
    }
    .mtn15-lg {
      margin-top: -15px !important;
    }
    .mtn20-lg {
      margin-top: -20px !important;
    }
    .mtn30-lg {
      margin-top: -30px !important;
    }
    .mrn5-lg {
      margin-right: -5px !important;
    }
    .mrn10-lg {
      margin-right: -10px !important;
    }
    .mrn15-lg {
      margin-right: -15px !important;
    }
    .mrn20-lg {
      margin-right: -20px !important;
    }
    .mrn30-lg {
      margin-right: -30px !important;
    }
    .mbn5-lg {
      margin-bottom: -5px !important;
    }
    .mbn10-lg {
      margin-bottom: -10px !important;
    }
    .mbn15-lg {
      margin-bottom: -15px !important;
    }
    .mbn20-lg {
      margin-bottom: -20px !important;
    }
    .mbn30-lg {
      margin-bottom: -30px !important;
    }
    .mln5-lg {
      margin-left: -5px !important;
    }
    .mln10-lg {
      margin-left: -10px !important;
    }
    .mln15-lg {
      margin-left: -15px !important;
    }
    .mln20-lg {
      margin-left: -20px !important;
    }
    .mln30-lg {
      margin-left: -30px !important;
    }
    /* Vertical Negative Margin "mv" + "n" + "x" */
    .mvn5-lg {
      margin-top: -5px !important;
      margin-bottom: -5px !important;
    }
    .mvn10-lg {
      margin-top: -10px !important;
      margin-bottom: -10px !important;
    }
    .mvn15-lg {
      margin-top: -15px !important;
      margin-bottom: -15px !important;
    }
    .mvn20-lg {
      margin-top: -20px !important;
      margin-bottom: -20px !important;
    }
    .mvn30-lg {
      margin-top: -30px !important;
      margin-bottom: -30px !important;
    }
    /* Horizontal Negative Margin "mh" + "n" + "x" */
    .mhn5-lg {
      margin-left: -5px !important;
      margin-right: -5px !important;
    }
    .mhn10-lg {
      margin-left: -10px !important;
      margin-right: -10px !important;
    }
    .mhn15-lg {
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
    .mhn20-lg {
      margin-left: -20px !important;
      margin-right: -20px !important;
    }
    .mhn30-lg {
      margin-left: -30px !important;
      margin-right: -30px !important;
    }
    
    .text-uppercase-lg {
      text-transform: uppercase !important;
    }
    .fw200-lg {
      font-weight: 200 !important;
    }
    .fw300-lg {
      font-weight: 300 !important;
    }
    .fw400-lg {
      font-weight: 400 !important;
    }
    .fw600-lg {
      font-weight: 600 !important;
    }
    .fs3-lg {
      font-size: 3px !important;
    }
    .fs4-lg {
      font-size: 4px !important;
    }
    .fs5-lg {
      font-size: 5px !important;
    }
    .fs6-lg {
      font-size: 6px !important;
    }
    .fs7-lg {
      font-size: 7px !important;
    }
    .fs8-lg {
      font-size: 8px !important;
    }
    .fs9-lg {
      font-size: 9px !important;
    }
    .fs10-lg {
      font-size: 10px !important;
    }
    .fs11-lg {
      font-size: 11px !important;
    }
    .fs12-lg {
      font-size: 12px !important;
    }
    .fs13-lg {
      font-size: 13px !important;
    }
    .fs14-lg {
      font-size: 14px !important;
    }
    .fs15-lg {
      font-size: 15px !important;
    }
    .fs16-lg {
      font-size: 16px !important;
    }
    .fs17-lg {
      font-size: 17px !important;
    }
    .fs18-lg {
      font-size: 18px !important;
    }
    .fs20-lg {
      font-size: 20px !important;
    }
    .fs22-lg {
      font-size: 22px !important;
    }
    .fs24-lg {
      font-size: 24px !important;
    }
    .fs26-lg {
      font-size: 26px !important;
    }
    .fs28-lg {
      font-size: 28px !important;
    }
    .fs30-lg {
      font-size: 30px !important;
    }
    .fs35-lg {
      font-size: 35px !important;
    }
    .fs40-lg {
      font-size: 40px !important;
    }
    .fs45-lg {
      font-size: 45px !important;
    }
    .fs50-lg {
      font-size: 50px !important;
    }
    .fs60-lg {
      font-size: 60px !important;
    }
    .fs70-lg {
      font-size: 70px !important;
    }
    .fs80-lg {
      font-size: 80px !important;
    }
    .fs90-lg {
      font-size: 90px !important;
    }
    .fs100-lg {
      font-size: 100px !important;
    }
}