/*!
 * _util.scss
 *
 * Copyright 2012-2016 Whizzy Corporation
 * ver 1.0.0
 * last modified 2016/01/28
 */

/**
 * rem font size
 */
/**
 * clearfix
 */
/**
 * breakpoint
 */
/* clearfix */
.cf {
  *zoom: 1; }
  .cf:before {
    display: table;
    content: "";
    line-height: 0; }
  .cf:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both; }

.pull-left {
  float: left; }
  @media only screen and (max-width: 767px) {
    .pull-left-xs {
      float: left; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pull-left-sm {
      float: left; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pull-left-md {
      float: left; } }
  @media only screen and (min-width: 1200px) {
    .pull-left-lg {
      float: left; } }

.pull-right {
  float: right; }
  @media only screen and (max-width: 767px) {
    .pull-right-xs {
      float: right; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pull-right-sm {
      float: right; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pull-right-md {
      float: right; } }
  @media only screen and (min-width: 1200px) {
    .pull-right-lg {
      float: right; } }

.mt0 {
  margin-top: 0 !important; }
  @media only screen and (max-width: 767px) {
    .mt0-xs {
      margin-top: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt0-sm {
      margin-top: 0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt0-md {
      margin-top: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .mt0-lg {
      margin-top: 0 !important; } }

.mt1 {
  margin-top: 1px !important; }
  @media only screen and (max-width: 767px) {
    .mt1-xs {
      margin-top: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt1-sm {
      margin-top: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt1-md {
      margin-top: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt1-lg {
      margin-top: 1px !important; } }

.mt2 {
  margin-top: 2px !important; }
  @media only screen and (max-width: 767px) {
    .mt2-xs {
      margin-top: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt2-sm {
      margin-top: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt2-md {
      margin-top: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt2-lg {
      margin-top: 2px !important; } }

.mt3 {
  margin-top: 3px !important; }
  @media only screen and (max-width: 767px) {
    .mt3-xs {
      margin-top: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt3-sm {
      margin-top: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt3-md {
      margin-top: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt3-lg {
      margin-top: 3px !important; } }

.mt5 {
  margin-top: 5px !important; }
  @media only screen and (max-width: 767px) {
    .mt5-xs {
      margin-top: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt5-sm {
      margin-top: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt5-md {
      margin-top: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt5-lg {
      margin-top: 5px !important; } }

.mt6 {
  margin-top: 6px !important; }
  @media only screen and (max-width: 767px) {
    .mt6-xs {
      margin-top: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt6-sm {
      margin-top: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt6-md {
      margin-top: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt6-lg {
      margin-top: 6px !important; } }

.mt8 {
  margin-top: 8px !important; }
  @media only screen and (max-width: 767px) {
    .mt8-xs {
      margin-top: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt8-sm {
      margin-top: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt8-md {
      margin-top: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt8-lg {
      margin-top: 8px !important; } }

.mt10 {
  margin-top: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mt10-xs {
      margin-top: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt10-sm {
      margin-top: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt10-md {
      margin-top: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt10-lg {
      margin-top: 10px !important; } }

.mt15 {
  margin-top: 15px !important; }
  @media only screen and (max-width: 767px) {
    .mt15-xs {
      margin-top: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt15-sm {
      margin-top: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt15-md {
      margin-top: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt15-lg {
      margin-top: 15px !important; } }

.mt16 {
  margin-top: 16px !important; }
  @media only screen and (max-width: 767px) {
    .mt16-xs {
      margin-top: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt16-sm {
      margin-top: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt16-md {
      margin-top: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt16-lg {
      margin-top: 16px !important; } }

.mt20 {
  margin-top: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mt20-xs {
      margin-top: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt20-sm {
      margin-top: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt20-md {
      margin-top: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt20-lg {
      margin-top: 20px !important; } }

.mt24 {
  margin-top: 24px !important; }
  @media only screen and (max-width: 767px) {
    .mt24-xs {
      margin-top: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt24-sm {
      margin-top: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt24-md {
      margin-top: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt24-lg {
      margin-top: 24px !important; } }

.mt25 {
  margin-top: 25px !important; }
  @media only screen and (max-width: 767px) {
    .mt25-xs {
      margin-top: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt25-sm {
      margin-top: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt25-md {
      margin-top: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt25-lg {
      margin-top: 25px !important; } }

.mt30 {
  margin-top: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mt30-xs {
      margin-top: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt30-sm {
      margin-top: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt30-md {
      margin-top: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt30-lg {
      margin-top: 30px !important; } }

.mt40 {
  margin-top: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mt40-xs {
      margin-top: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt40-sm {
      margin-top: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt40-md {
      margin-top: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt40-lg {
      margin-top: 40px !important; } }

.mt50 {
  margin-top: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mt50-xs {
      margin-top: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt50-sm {
      margin-top: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt50-md {
      margin-top: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt50-lg {
      margin-top: 50px !important; } }

.mt60 {
  margin-top: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mt60-xs {
      margin-top: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt60-sm {
      margin-top: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt60-md {
      margin-top: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt60-lg {
      margin-top: 60px !important; } }

.mt70 {
  margin-top: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mt70-xs {
      margin-top: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt70-sm {
      margin-top: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt70-md {
      margin-top: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt70-lg {
      margin-top: 70px !important; } }

.mt80 {
  margin-top: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mt80-xs {
      margin-top: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt80-sm {
      margin-top: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt80-md {
      margin-top: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt80-lg {
      margin-top: 80px !important; } }

.mt90 {
  margin-top: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mt90-xs {
      margin-top: 90px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt90-sm {
      margin-top: 90px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt90-md {
      margin-top: 90px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt90-lg {
      margin-top: 90px !important; } }

.mt100 {
  margin-top: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mt100-xs {
      margin-top: 100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt100-sm {
      margin-top: 100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt100-md {
      margin-top: 100px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt100-lg {
      margin-top: 100px !important; } }

.mt120 {
  margin-top: 120px !important; }
  @media only screen and (max-width: 767px) {
    .mt120-xs {
      margin-top: 120px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt120-sm {
      margin-top: 120px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt120-md {
      margin-top: 120px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt120-lg {
      margin-top: 120px !important; } }

.mt150 {
  margin-top: 150px !important; }
  @media only screen and (max-width: 767px) {
    .mt150-xs {
      margin-top: 150px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt150-sm {
      margin-top: 150px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt150-md {
      margin-top: 150px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt150-lg {
      margin-top: 150px !important; } }

.mt200 {
  margin-top: 200px !important; }
  @media only screen and (max-width: 767px) {
    .mt200-xs {
      margin-top: 200px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt200-sm {
      margin-top: 200px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt200-md {
      margin-top: 200px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt200-lg {
      margin-top: 200px !important; } }

.mt-1 {
  margin-top: -1px !important; }
  @media only screen and (max-width: 767px) {
    .mt-1-xs {
      margin-top: -1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-1-sm {
      margin-top: -1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-1-md {
      margin-top: -1px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-1-lg {
      margin-top: -1px !important; } }

.mt-2 {
  margin-top: -2px !important; }
  @media only screen and (max-width: 767px) {
    .mt-2-xs {
      margin-top: -2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-2-sm {
      margin-top: -2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-2-md {
      margin-top: -2px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-2-lg {
      margin-top: -2px !important; } }

.mt-3 {
  margin-top: -3px !important; }
  @media only screen and (max-width: 767px) {
    .mt-3-xs {
      margin-top: -3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-3-sm {
      margin-top: -3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-3-md {
      margin-top: -3px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-3-lg {
      margin-top: -3px !important; } }

.mt-5 {
  margin-top: -5px !important; }
  @media only screen and (max-width: 767px) {
    .mt-5-xs {
      margin-top: -5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-5-sm {
      margin-top: -5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-5-md {
      margin-top: -5px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-5-lg {
      margin-top: -5px !important; } }

.mt-6 {
  margin-top: -6px !important; }
  @media only screen and (max-width: 767px) {
    .mt-6-xs {
      margin-top: -6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-6-sm {
      margin-top: -6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-6-md {
      margin-top: -6px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-6-lg {
      margin-top: -6px !important; } }

.mt-8 {
  margin-top: -8px !important; }
  @media only screen and (max-width: 767px) {
    .mt-8-xs {
      margin-top: -8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-8-sm {
      margin-top: -8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-8-md {
      margin-top: -8px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-8-lg {
      margin-top: -8px !important; } }

.mt-10 {
  margin-top: -10px !important; }
  @media only screen and (max-width: 767px) {
    .mt-10-xs {
      margin-top: -10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-10-sm {
      margin-top: -10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-10-md {
      margin-top: -10px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-10-lg {
      margin-top: -10px !important; } }

.mt-15 {
  margin-top: -15px !important; }
  @media only screen and (max-width: 767px) {
    .mt-15-xs {
      margin-top: -15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-15-sm {
      margin-top: -15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-15-md {
      margin-top: -15px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-15-lg {
      margin-top: -15px !important; } }

.mt-16 {
  margin-top: -16px !important; }
  @media only screen and (max-width: 767px) {
    .mt-16-xs {
      margin-top: -16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-16-sm {
      margin-top: -16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-16-md {
      margin-top: -16px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-16-lg {
      margin-top: -16px !important; } }

.mt-20 {
  margin-top: -20px !important; }
  @media only screen and (max-width: 767px) {
    .mt-20-xs {
      margin-top: -20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-20-sm {
      margin-top: -20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-20-md {
      margin-top: -20px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-20-lg {
      margin-top: -20px !important; } }

.mt-24 {
  margin-top: -24px !important; }
  @media only screen and (max-width: 767px) {
    .mt-24-xs {
      margin-top: -24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-24-sm {
      margin-top: -24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-24-md {
      margin-top: -24px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-24-lg {
      margin-top: -24px !important; } }

.mt-25 {
  margin-top: -25px !important; }
  @media only screen and (max-width: 767px) {
    .mt-25-xs {
      margin-top: -25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-25-sm {
      margin-top: -25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-25-md {
      margin-top: -25px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-25-lg {
      margin-top: -25px !important; } }

.mt-30 {
  margin-top: -30px !important; }
  @media only screen and (max-width: 767px) {
    .mt-30-xs {
      margin-top: -30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-30-sm {
      margin-top: -30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt-30-md {
      margin-top: -30px !important; } }
  @media only screen and (min-width: 1200px) {
    .mt-30-lg {
      margin-top: -30px !important; } }

.mb0 {
  margin-bottom: 0 !important; }
  @media only screen and (max-width: 767px) {
    .mb0-xs {
      margin-bottom: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb0-sm {
      margin-bottom: 0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb0-md {
      margin-bottom: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .mb0-lg {
      margin-bottom: 0 !important; } }

.mb1 {
  margin-bottom: 1px !important; }
  @media only screen and (max-width: 767px) {
    .mb1-xs {
      margin-bottom: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb1-sm {
      margin-bottom: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb1-md {
      margin-bottom: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb1-lg {
      margin-bottom: 1px !important; } }

.mb2 {
  margin-bottom: 2px !important; }
  @media only screen and (max-width: 767px) {
    .mb2-xs {
      margin-bottom: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb2-sm {
      margin-bottom: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb2-md {
      margin-bottom: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb2-lg {
      margin-bottom: 2px !important; } }

.mb3 {
  margin-bottom: 3px !important; }
  @media only screen and (max-width: 767px) {
    .mb3-xs {
      margin-bottom: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb3-sm {
      margin-bottom: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb3-md {
      margin-bottom: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb3-lg {
      margin-bottom: 3px !important; } }

.mb5 {
  margin-bottom: 5px !important; }
  @media only screen and (max-width: 767px) {
    .mb5-xs {
      margin-bottom: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb5-sm {
      margin-bottom: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb5-md {
      margin-bottom: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb5-lg {
      margin-bottom: 5px !important; } }

.mb6 {
  margin-bottom: 6px !important; }
  @media only screen and (max-width: 767px) {
    .mb6-xs {
      margin-bottom: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb6-sm {
      margin-bottom: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb6-md {
      margin-bottom: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb6-lg {
      margin-bottom: 6px !important; } }

.mb8 {
  margin-bottom: 8px !important; }
  @media only screen and (max-width: 767px) {
    .mb8-xs {
      margin-bottom: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb8-sm {
      margin-bottom: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb8-md {
      margin-bottom: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb8-lg {
      margin-bottom: 8px !important; } }

.mb10 {
  margin-bottom: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mb10-xs {
      margin-bottom: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb10-sm {
      margin-bottom: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb10-md {
      margin-bottom: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb10-lg {
      margin-bottom: 10px !important; } }

.mb15 {
  margin-bottom: 15px !important; }
  @media only screen and (max-width: 767px) {
    .mb15-xs {
      margin-bottom: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb15-sm {
      margin-bottom: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb15-md {
      margin-bottom: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb15-lg {
      margin-bottom: 15px !important; } }

.mb16 {
  margin-bottom: 16px !important; }
  @media only screen and (max-width: 767px) {
    .mb16-xs {
      margin-bottom: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb16-sm {
      margin-bottom: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb16-md {
      margin-bottom: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb16-lg {
      margin-bottom: 16px !important; } }

.mb20 {
  margin-bottom: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mb20-xs {
      margin-bottom: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb20-sm {
      margin-bottom: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb20-md {
      margin-bottom: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb20-lg {
      margin-bottom: 20px !important; } }

.mb24 {
  margin-bottom: 24px !important; }
  @media only screen and (max-width: 767px) {
    .mb24-xs {
      margin-bottom: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb24-sm {
      margin-bottom: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb24-md {
      margin-bottom: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb24-lg {
      margin-bottom: 24px !important; } }

.mb25 {
  margin-bottom: 25px !important; }
  @media only screen and (max-width: 767px) {
    .mb25-xs {
      margin-bottom: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb25-sm {
      margin-bottom: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb25-md {
      margin-bottom: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb25-lg {
      margin-bottom: 25px !important; } }

.mb30 {
  margin-bottom: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mb30-xs {
      margin-bottom: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb30-sm {
      margin-bottom: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb30-md {
      margin-bottom: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb30-lg {
      margin-bottom: 30px !important; } }

.mb40 {
  margin-bottom: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mb40-xs {
      margin-bottom: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb40-sm {
      margin-bottom: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb40-md {
      margin-bottom: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb40-lg {
      margin-bottom: 40px !important; } }

.mb50 {
  margin-bottom: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mb50-xs {
      margin-bottom: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb50-sm {
      margin-bottom: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb50-md {
      margin-bottom: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb50-lg {
      margin-bottom: 50px !important; } }

.mb60 {
  margin-bottom: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mb60-xs {
      margin-bottom: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb60-sm {
      margin-bottom: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb60-md {
      margin-bottom: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb60-lg {
      margin-bottom: 60px !important; } }

.mb70 {
  margin-bottom: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mb70-xs {
      margin-bottom: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb70-sm {
      margin-bottom: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb70-md {
      margin-bottom: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb70-lg {
      margin-bottom: 70px !important; } }

.mb80 {
  margin-bottom: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mb80-xs {
      margin-bottom: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb80-sm {
      margin-bottom: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb80-md {
      margin-bottom: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb80-lg {
      margin-bottom: 80px !important; } }

.mb90 {
  margin-bottom: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mb90-xs {
      margin-bottom: 90px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb90-sm {
      margin-bottom: 90px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb90-md {
      margin-bottom: 90px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb90-lg {
      margin-bottom: 90px !important; } }

.mb100 {
  margin-bottom: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mb100-xs {
      margin-bottom: 100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb100-sm {
      margin-bottom: 100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb100-md {
      margin-bottom: 100px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb100-lg {
      margin-bottom: 100px !important; } }

.mb120 {
  margin-bottom: 120px !important; }
  @media only screen and (max-width: 767px) {
    .mb120-xs {
      margin-bottom: 120px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb120-sm {
      margin-bottom: 120px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb120-md {
      margin-bottom: 120px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb120-lg {
      margin-bottom: 120px !important; } }

.mb150 {
  margin-bottom: 150px !important; }
  @media only screen and (max-width: 767px) {
    .mb150-xs {
      margin-bottom: 150px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb150-sm {
      margin-bottom: 150px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb150-md {
      margin-bottom: 150px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb150-lg {
      margin-bottom: 150px !important; } }

.mb200 {
  margin-bottom: 200px !important; }
  @media only screen and (max-width: 767px) {
    .mb200-xs {
      margin-bottom: 200px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb200-sm {
      margin-bottom: 200px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb200-md {
      margin-bottom: 200px !important; } }
  @media only screen and (min-width: 1200px) {
    .mb200-lg {
      margin-bottom: 200px !important; } }

.ml0 {
  margin-left: 0 !important; }
  @media only screen and (max-width: 767px) {
    .ml0-xs {
      margin-left: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml0-sm {
      margin-left: 0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml0-md {
      margin-left: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .ml0-lg {
      margin-left: 0 !important; } }

.ml1 {
  margin-left: 1px !important; }
  @media only screen and (max-width: 767px) {
    .ml1-xs {
      margin-left: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml1-sm {
      margin-left: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml1-md {
      margin-left: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml1-lg {
      margin-left: 1px !important; } }

.ml2 {
  margin-left: 2px !important; }
  @media only screen and (max-width: 767px) {
    .ml2-xs {
      margin-left: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml2-sm {
      margin-left: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml2-md {
      margin-left: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml2-lg {
      margin-left: 2px !important; } }

.ml3 {
  margin-left: 3px !important; }
  @media only screen and (max-width: 767px) {
    .ml3-xs {
      margin-left: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml3-sm {
      margin-left: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml3-md {
      margin-left: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml3-lg {
      margin-left: 3px !important; } }

.ml5 {
  margin-left: 5px !important; }
  @media only screen and (max-width: 767px) {
    .ml5-xs {
      margin-left: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml5-sm {
      margin-left: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml5-md {
      margin-left: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml5-lg {
      margin-left: 5px !important; } }

.ml6 {
  margin-left: 6px !important; }
  @media only screen and (max-width: 767px) {
    .ml6-xs {
      margin-left: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml6-sm {
      margin-left: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml6-md {
      margin-left: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml6-lg {
      margin-left: 6px !important; } }

.ml8 {
  margin-left: 8px !important; }
  @media only screen and (max-width: 767px) {
    .ml8-xs {
      margin-left: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml8-sm {
      margin-left: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml8-md {
      margin-left: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml8-lg {
      margin-left: 8px !important; } }

.ml10 {
  margin-left: 10px !important; }
  @media only screen and (max-width: 767px) {
    .ml10-xs {
      margin-left: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml10-sm {
      margin-left: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml10-md {
      margin-left: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml10-lg {
      margin-left: 10px !important; } }

.ml15 {
  margin-left: 15px !important; }
  @media only screen and (max-width: 767px) {
    .ml15-xs {
      margin-left: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml15-sm {
      margin-left: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml15-md {
      margin-left: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml15-lg {
      margin-left: 15px !important; } }

.ml16 {
  margin-left: 16px !important; }
  @media only screen and (max-width: 767px) {
    .ml16-xs {
      margin-left: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml16-sm {
      margin-left: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml16-md {
      margin-left: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml16-lg {
      margin-left: 16px !important; } }

.ml20 {
  margin-left: 20px !important; }
  @media only screen and (max-width: 767px) {
    .ml20-xs {
      margin-left: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml20-sm {
      margin-left: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml20-md {
      margin-left: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml20-lg {
      margin-left: 20px !important; } }

.ml24 {
  margin-left: 24px !important; }
  @media only screen and (max-width: 767px) {
    .ml24-xs {
      margin-left: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml24-sm {
      margin-left: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml24-md {
      margin-left: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml24-lg {
      margin-left: 24px !important; } }

.ml25 {
  margin-left: 25px !important; }
  @media only screen and (max-width: 767px) {
    .ml25-xs {
      margin-left: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml25-sm {
      margin-left: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml25-md {
      margin-left: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml25-lg {
      margin-left: 25px !important; } }

.ml30 {
  margin-left: 30px !important; }
  @media only screen and (max-width: 767px) {
    .ml30-xs {
      margin-left: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml30-sm {
      margin-left: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml30-md {
      margin-left: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml30-lg {
      margin-left: 30px !important; } }

.ml40 {
  margin-left: 40px !important; }
  @media only screen and (max-width: 767px) {
    .ml40-xs {
      margin-left: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml40-sm {
      margin-left: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml40-md {
      margin-left: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml40-lg {
      margin-left: 40px !important; } }

.ml50 {
  margin-left: 50px !important; }
  @media only screen and (max-width: 767px) {
    .ml50-xs {
      margin-left: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml50-sm {
      margin-left: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml50-md {
      margin-left: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml50-lg {
      margin-left: 50px !important; } }

.ml60 {
  margin-left: 60px !important; }
  @media only screen and (max-width: 767px) {
    .ml60-xs {
      margin-left: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml60-sm {
      margin-left: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml60-md {
      margin-left: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml60-lg {
      margin-left: 60px !important; } }

.ml70 {
  margin-left: 70px !important; }
  @media only screen and (max-width: 767px) {
    .ml70-xs {
      margin-left: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml70-sm {
      margin-left: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml70-md {
      margin-left: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml70-lg {
      margin-left: 70px !important; } }

.ml80 {
  margin-left: 80px !important; }
  @media only screen and (max-width: 767px) {
    .ml80-xs {
      margin-left: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml80-sm {
      margin-left: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml80-md {
      margin-left: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml80-lg {
      margin-left: 80px !important; } }

.ml90 {
  margin-left: 90px !important; }
  @media only screen and (max-width: 767px) {
    .ml90-xs {
      margin-left: 90px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml90-sm {
      margin-left: 90px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml90-md {
      margin-left: 90px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml90-lg {
      margin-left: 90px !important; } }

.ml100 {
  margin-left: 100px !important; }
  @media only screen and (max-width: 767px) {
    .ml100-xs {
      margin-left: 100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml100-sm {
      margin-left: 100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml100-md {
      margin-left: 100px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml100-lg {
      margin-left: 100px !important; } }

.ml120 {
  margin-left: 120px !important; }
  @media only screen and (max-width: 767px) {
    .ml120-xs {
      margin-left: 120px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml120-sm {
      margin-left: 120px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml120-md {
      margin-left: 120px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml120-lg {
      margin-left: 120px !important; } }

.ml150 {
  margin-left: 150px !important; }
  @media only screen and (max-width: 767px) {
    .ml150-xs {
      margin-left: 150px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml150-sm {
      margin-left: 150px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml150-md {
      margin-left: 150px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml150-lg {
      margin-left: 150px !important; } }

.ml200 {
  margin-left: 200px !important; }
  @media only screen and (max-width: 767px) {
    .ml200-xs {
      margin-left: 200px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml200-sm {
      margin-left: 200px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml200-md {
      margin-left: 200px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml200-lg {
      margin-left: 200px !important; } }

.ml-1 {
  margin-left: -1px !important; }
  @media only screen and (max-width: 767px) {
    .ml-1-xs {
      margin-left: -1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-1-sm {
      margin-left: -1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-1-md {
      margin-left: -1px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-1-lg {
      margin-left: -1px !important; } }

.ml-2 {
  margin-left: -2px !important; }
  @media only screen and (max-width: 767px) {
    .ml-2-xs {
      margin-left: -2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-2-sm {
      margin-left: -2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-2-md {
      margin-left: -2px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-2-lg {
      margin-left: -2px !important; } }

.ml-3 {
  margin-left: -3px !important; }
  @media only screen and (max-width: 767px) {
    .ml-3-xs {
      margin-left: -3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-3-sm {
      margin-left: -3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-3-md {
      margin-left: -3px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-3-lg {
      margin-left: -3px !important; } }

.ml-5 {
  margin-left: -5px !important; }
  @media only screen and (max-width: 767px) {
    .ml-5-xs {
      margin-left: -5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-5-sm {
      margin-left: -5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-5-md {
      margin-left: -5px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-5-lg {
      margin-left: -5px !important; } }

.ml-6 {
  margin-left: -6px !important; }
  @media only screen and (max-width: 767px) {
    .ml-6-xs {
      margin-left: -6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-6-sm {
      margin-left: -6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-6-md {
      margin-left: -6px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-6-lg {
      margin-left: -6px !important; } }

.ml-8 {
  margin-left: -8px !important; }
  @media only screen and (max-width: 767px) {
    .ml-8-xs {
      margin-left: -8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-8-sm {
      margin-left: -8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-8-md {
      margin-left: -8px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-8-lg {
      margin-left: -8px !important; } }

.ml-10 {
  margin-left: -10px !important; }
  @media only screen and (max-width: 767px) {
    .ml-10-xs {
      margin-left: -10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-10-sm {
      margin-left: -10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-10-md {
      margin-left: -10px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-10-lg {
      margin-left: -10px !important; } }

.ml-15 {
  margin-left: -15px !important; }
  @media only screen and (max-width: 767px) {
    .ml-15-xs {
      margin-left: -15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-15-sm {
      margin-left: -15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-15-md {
      margin-left: -15px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-15-lg {
      margin-left: -15px !important; } }

.ml-16 {
  margin-left: -16px !important; }
  @media only screen and (max-width: 767px) {
    .ml-16-xs {
      margin-left: -16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-16-sm {
      margin-left: -16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-16-md {
      margin-left: -16px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-16-lg {
      margin-left: -16px !important; } }

.ml-20 {
  margin-left: -20px !important; }
  @media only screen and (max-width: 767px) {
    .ml-20-xs {
      margin-left: -20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-20-sm {
      margin-left: -20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-20-md {
      margin-left: -20px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-20-lg {
      margin-left: -20px !important; } }

.ml-24 {
  margin-left: -24px !important; }
  @media only screen and (max-width: 767px) {
    .ml-24-xs {
      margin-left: -24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-24-sm {
      margin-left: -24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-24-md {
      margin-left: -24px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-24-lg {
      margin-left: -24px !important; } }

.ml-25 {
  margin-left: -25px !important; }
  @media only screen and (max-width: 767px) {
    .ml-25-xs {
      margin-left: -25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-25-sm {
      margin-left: -25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-25-md {
      margin-left: -25px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-25-lg {
      margin-left: -25px !important; } }

.ml-30 {
  margin-left: -30px !important; }
  @media only screen and (max-width: 767px) {
    .ml-30-xs {
      margin-left: -30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-30-sm {
      margin-left: -30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ml-30-md {
      margin-left: -30px !important; } }
  @media only screen and (min-width: 1200px) {
    .ml-30-lg {
      margin-left: -30px !important; } }

.mlauto {
  margin-left: auto !important; }
  @media only screen and (max-width: 767px) {
    .mlauto-xs {
      margin-left: auto !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mlauto-sm {
      margin-left: auto !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mlauto-md {
      margin-left: auto !important; } }
  @media only screen and (min-width: 1200px) {
    .mlauto-lg {
      margin-left: auto !important; } }

.mr0 {
  margin-right: 0 !important; }
  @media only screen and (max-width: 767px) {
    .mr0-xs {
      margin-right: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr0-sm {
      margin-right: 0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr0-md {
      margin-right: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .mr0-lg {
      margin-right: 0 !important; } }

.mr1 {
  margin-right: 1px !important; }
  @media only screen and (max-width: 767px) {
    .mr1-xs {
      margin-right: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr1-sm {
      margin-right: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr1-md {
      margin-right: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr1-lg {
      margin-right: 1px !important; } }

.mr2 {
  margin-right: 2px !important; }
  @media only screen and (max-width: 767px) {
    .mr2-xs {
      margin-right: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr2-sm {
      margin-right: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr2-md {
      margin-right: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr2-lg {
      margin-right: 2px !important; } }

.mr3 {
  margin-right: 3px !important; }
  @media only screen and (max-width: 767px) {
    .mr3-xs {
      margin-right: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr3-sm {
      margin-right: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr3-md {
      margin-right: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr3-lg {
      margin-right: 3px !important; } }

.mr5 {
  margin-right: 5px !important; }
  @media only screen and (max-width: 767px) {
    .mr5-xs {
      margin-right: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr5-sm {
      margin-right: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr5-md {
      margin-right: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr5-lg {
      margin-right: 5px !important; } }

.mr6 {
  margin-right: 6px !important; }
  @media only screen and (max-width: 767px) {
    .mr6-xs {
      margin-right: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr6-sm {
      margin-right: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr6-md {
      margin-right: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr6-lg {
      margin-right: 6px !important; } }

.mr8 {
  margin-right: 8px !important; }
  @media only screen and (max-width: 767px) {
    .mr8-xs {
      margin-right: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr8-sm {
      margin-right: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr8-md {
      margin-right: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr8-lg {
      margin-right: 8px !important; } }

.mr10 {
  margin-right: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mr10-xs {
      margin-right: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr10-sm {
      margin-right: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr10-md {
      margin-right: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr10-lg {
      margin-right: 10px !important; } }

.mr15 {
  margin-right: 15px !important; }
  @media only screen and (max-width: 767px) {
    .mr15-xs {
      margin-right: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr15-sm {
      margin-right: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr15-md {
      margin-right: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr15-lg {
      margin-right: 15px !important; } }

.mr16 {
  margin-right: 16px !important; }
  @media only screen and (max-width: 767px) {
    .mr16-xs {
      margin-right: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr16-sm {
      margin-right: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr16-md {
      margin-right: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr16-lg {
      margin-right: 16px !important; } }

.mr20 {
  margin-right: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mr20-xs {
      margin-right: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr20-sm {
      margin-right: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr20-md {
      margin-right: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr20-lg {
      margin-right: 20px !important; } }

.mr24 {
  margin-right: 24px !important; }
  @media only screen and (max-width: 767px) {
    .mr24-xs {
      margin-right: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr24-sm {
      margin-right: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr24-md {
      margin-right: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr24-lg {
      margin-right: 24px !important; } }

.mr25 {
  margin-right: 25px !important; }
  @media only screen and (max-width: 767px) {
    .mr25-xs {
      margin-right: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr25-sm {
      margin-right: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr25-md {
      margin-right: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr25-lg {
      margin-right: 25px !important; } }

.mr30 {
  margin-right: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mr30-xs {
      margin-right: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr30-sm {
      margin-right: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr30-md {
      margin-right: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr30-lg {
      margin-right: 30px !important; } }

.mr40 {
  margin-right: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mr40-xs {
      margin-right: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr40-sm {
      margin-right: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr40-md {
      margin-right: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr40-lg {
      margin-right: 40px !important; } }

.mr50 {
  margin-right: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mr50-xs {
      margin-right: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr50-sm {
      margin-right: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr50-md {
      margin-right: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr50-lg {
      margin-right: 50px !important; } }

.mr60 {
  margin-right: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mr60-xs {
      margin-right: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr60-sm {
      margin-right: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr60-md {
      margin-right: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr60-lg {
      margin-right: 60px !important; } }

.mr70 {
  margin-right: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mr70-xs {
      margin-right: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr70-sm {
      margin-right: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr70-md {
      margin-right: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr70-lg {
      margin-right: 70px !important; } }

.mr80 {
  margin-right: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mr80-xs {
      margin-right: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr80-sm {
      margin-right: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr80-md {
      margin-right: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr80-lg {
      margin-right: 80px !important; } }

.mr90 {
  margin-right: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mr90-xs {
      margin-right: 90px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr90-sm {
      margin-right: 90px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr90-md {
      margin-right: 90px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr90-lg {
      margin-right: 90px !important; } }

.mr100 {
  margin-right: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mr100-xs {
      margin-right: 100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr100-sm {
      margin-right: 100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr100-md {
      margin-right: 100px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr100-lg {
      margin-right: 100px !important; } }

.mr120 {
  margin-right: 120px !important; }
  @media only screen and (max-width: 767px) {
    .mr120-xs {
      margin-right: 120px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr120-sm {
      margin-right: 120px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr120-md {
      margin-right: 120px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr120-lg {
      margin-right: 120px !important; } }

.mr150 {
  margin-right: 150px !important; }
  @media only screen and (max-width: 767px) {
    .mr150-xs {
      margin-right: 150px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr150-sm {
      margin-right: 150px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr150-md {
      margin-right: 150px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr150-lg {
      margin-right: 150px !important; } }

.mr200 {
  margin-right: 200px !important; }
  @media only screen and (max-width: 767px) {
    .mr200-xs {
      margin-right: 200px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr200-sm {
      margin-right: 200px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr200-md {
      margin-right: 200px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr200-lg {
      margin-right: 200px !important; } }

.mr-1 {
  margin-right: -1px !important; }
  @media only screen and (max-width: 767px) {
    .mr-1-xs {
      margin-right: -1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-1-sm {
      margin-right: -1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-1-md {
      margin-right: -1px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-1-lg {
      margin-right: -1px !important; } }

.mr-2 {
  margin-right: -2px !important; }
  @media only screen and (max-width: 767px) {
    .mr-2-xs {
      margin-right: -2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-2-sm {
      margin-right: -2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-2-md {
      margin-right: -2px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-2-lg {
      margin-right: -2px !important; } }

.mr-3 {
  margin-right: -3px !important; }
  @media only screen and (max-width: 767px) {
    .mr-3-xs {
      margin-right: -3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-3-sm {
      margin-right: -3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-3-md {
      margin-right: -3px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-3-lg {
      margin-right: -3px !important; } }

.mr-5 {
  margin-right: -5px !important; }
  @media only screen and (max-width: 767px) {
    .mr-5-xs {
      margin-right: -5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-5-sm {
      margin-right: -5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-5-md {
      margin-right: -5px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-5-lg {
      margin-right: -5px !important; } }

.mr-6 {
  margin-right: -6px !important; }
  @media only screen and (max-width: 767px) {
    .mr-6-xs {
      margin-right: -6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-6-sm {
      margin-right: -6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-6-md {
      margin-right: -6px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-6-lg {
      margin-right: -6px !important; } }

.mr-8 {
  margin-right: -8px !important; }
  @media only screen and (max-width: 767px) {
    .mr-8-xs {
      margin-right: -8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-8-sm {
      margin-right: -8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-8-md {
      margin-right: -8px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-8-lg {
      margin-right: -8px !important; } }

.mr-10 {
  margin-right: -10px !important; }
  @media only screen and (max-width: 767px) {
    .mr-10-xs {
      margin-right: -10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-10-sm {
      margin-right: -10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-10-md {
      margin-right: -10px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-10-lg {
      margin-right: -10px !important; } }

.mr-15 {
  margin-right: -15px !important; }
  @media only screen and (max-width: 767px) {
    .mr-15-xs {
      margin-right: -15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-15-sm {
      margin-right: -15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-15-md {
      margin-right: -15px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-15-lg {
      margin-right: -15px !important; } }

.mr-16 {
  margin-right: -16px !important; }
  @media only screen and (max-width: 767px) {
    .mr-16-xs {
      margin-right: -16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-16-sm {
      margin-right: -16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-16-md {
      margin-right: -16px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-16-lg {
      margin-right: -16px !important; } }

.mr-20 {
  margin-right: -20px !important; }
  @media only screen and (max-width: 767px) {
    .mr-20-xs {
      margin-right: -20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-20-sm {
      margin-right: -20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-20-md {
      margin-right: -20px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-20-lg {
      margin-right: -20px !important; } }

.mr-24 {
  margin-right: -24px !important; }
  @media only screen and (max-width: 767px) {
    .mr-24-xs {
      margin-right: -24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-24-sm {
      margin-right: -24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-24-md {
      margin-right: -24px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-24-lg {
      margin-right: -24px !important; } }

.mr-25 {
  margin-right: -25px !important; }
  @media only screen and (max-width: 767px) {
    .mr-25-xs {
      margin-right: -25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-25-sm {
      margin-right: -25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-25-md {
      margin-right: -25px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-25-lg {
      margin-right: -25px !important; } }

.mr-30 {
  margin-right: -30px !important; }
  @media only screen and (max-width: 767px) {
    .mr-30-xs {
      margin-right: -30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mr-30-sm {
      margin-right: -30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mr-30-md {
      margin-right: -30px !important; } }
  @media only screen and (min-width: 1200px) {
    .mr-30-lg {
      margin-right: -30px !important; } }

.mrauto {
  margin-right: auto !important; }
  @media only screen and (max-width: 767px) {
    .mrauto-xs {
      margin-right: auto !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mrauto-sm {
      margin-right: auto !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mrauto-md {
      margin-right: auto !important; } }
  @media only screen and (min-width: 1200px) {
    .mrauto-lg {
      margin-right: auto !important; } }

.mv0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }
  @media only screen and (max-width: 767px) {
    .mv0-xs {
      margin-top: 0px !important;
      margin-bottom: 0px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv0-sm {
      margin-top: 0px !important;
      margin-bottom: 0px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv0-md {
      margin-top: 0px !important;
      margin-bottom: 0px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv0-lg {
      margin-top: 0px !important;
      margin-bottom: 0px !important; } }

.mv1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important; }
  @media only screen and (max-width: 767px) {
    .mv1-xs {
      margin-top: 1px !important;
      margin-bottom: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv1-sm {
      margin-top: 1px !important;
      margin-bottom: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv1-md {
      margin-top: 1px !important;
      margin-bottom: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv1-lg {
      margin-top: 1px !important;
      margin-bottom: 1px !important; } }

.mv2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important; }
  @media only screen and (max-width: 767px) {
    .mv2-xs {
      margin-top: 2px !important;
      margin-bottom: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv2-sm {
      margin-top: 2px !important;
      margin-bottom: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv2-md {
      margin-top: 2px !important;
      margin-bottom: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv2-lg {
      margin-top: 2px !important;
      margin-bottom: 2px !important; } }

.mv3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important; }
  @media only screen and (max-width: 767px) {
    .mv3-xs {
      margin-top: 3px !important;
      margin-bottom: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv3-sm {
      margin-top: 3px !important;
      margin-bottom: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv3-md {
      margin-top: 3px !important;
      margin-bottom: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv3-lg {
      margin-top: 3px !important;
      margin-bottom: 3px !important; } }

.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }
  @media only screen and (max-width: 767px) {
    .mv5-xs {
      margin-top: 5px !important;
      margin-bottom: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv5-sm {
      margin-top: 5px !important;
      margin-bottom: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv5-md {
      margin-top: 5px !important;
      margin-bottom: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv5-lg {
      margin-top: 5px !important;
      margin-bottom: 5px !important; } }

.mv6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important; }
  @media only screen and (max-width: 767px) {
    .mv6-xs {
      margin-top: 6px !important;
      margin-bottom: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv6-sm {
      margin-top: 6px !important;
      margin-bottom: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv6-md {
      margin-top: 6px !important;
      margin-bottom: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv6-lg {
      margin-top: 6px !important;
      margin-bottom: 6px !important; } }

.mv8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }
  @media only screen and (max-width: 767px) {
    .mv8-xs {
      margin-top: 8px !important;
      margin-bottom: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv8-sm {
      margin-top: 8px !important;
      margin-bottom: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv8-md {
      margin-top: 8px !important;
      margin-bottom: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv8-lg {
      margin-top: 8px !important;
      margin-bottom: 8px !important; } }

.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }
  @media only screen and (max-width: 767px) {
    .mv10-xs {
      margin-top: 10px !important;
      margin-bottom: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv10-sm {
      margin-top: 10px !important;
      margin-bottom: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv10-md {
      margin-top: 10px !important;
      margin-bottom: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv10-lg {
      margin-top: 10px !important;
      margin-bottom: 10px !important; } }

.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }
  @media only screen and (max-width: 767px) {
    .mv15-xs {
      margin-top: 15px !important;
      margin-bottom: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv15-sm {
      margin-top: 15px !important;
      margin-bottom: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv15-md {
      margin-top: 15px !important;
      margin-bottom: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv15-lg {
      margin-top: 15px !important;
      margin-bottom: 15px !important; } }

.mv16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }
  @media only screen and (max-width: 767px) {
    .mv16-xs {
      margin-top: 16px !important;
      margin-bottom: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv16-sm {
      margin-top: 16px !important;
      margin-bottom: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv16-md {
      margin-top: 16px !important;
      margin-bottom: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv16-lg {
      margin-top: 16px !important;
      margin-bottom: 16px !important; } }

.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }
  @media only screen and (max-width: 767px) {
    .mv20-xs {
      margin-top: 20px !important;
      margin-bottom: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv20-sm {
      margin-top: 20px !important;
      margin-bottom: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv20-md {
      margin-top: 20px !important;
      margin-bottom: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv20-lg {
      margin-top: 20px !important;
      margin-bottom: 20px !important; } }

.mv24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }
  @media only screen and (max-width: 767px) {
    .mv24-xs {
      margin-top: 24px !important;
      margin-bottom: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv24-sm {
      margin-top: 24px !important;
      margin-bottom: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv24-md {
      margin-top: 24px !important;
      margin-bottom: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv24-lg {
      margin-top: 24px !important;
      margin-bottom: 24px !important; } }

.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }
  @media only screen and (max-width: 767px) {
    .mv25-xs {
      margin-top: 25px !important;
      margin-bottom: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv25-sm {
      margin-top: 25px !important;
      margin-bottom: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv25-md {
      margin-top: 25px !important;
      margin-bottom: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv25-lg {
      margin-top: 25px !important;
      margin-bottom: 25px !important; } }

.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }
  @media only screen and (max-width: 767px) {
    .mv30-xs {
      margin-top: 30px !important;
      margin-bottom: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv30-sm {
      margin-top: 30px !important;
      margin-bottom: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv30-md {
      margin-top: 30px !important;
      margin-bottom: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv30-lg {
      margin-top: 30px !important;
      margin-bottom: 30px !important; } }

.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }
  @media only screen and (max-width: 767px) {
    .mv40-xs {
      margin-top: 40px !important;
      margin-bottom: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv40-sm {
      margin-top: 40px !important;
      margin-bottom: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv40-md {
      margin-top: 40px !important;
      margin-bottom: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv40-lg {
      margin-top: 40px !important;
      margin-bottom: 40px !important; } }

.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }
  @media only screen and (max-width: 767px) {
    .mv50-xs {
      margin-top: 50px !important;
      margin-bottom: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv50-sm {
      margin-top: 50px !important;
      margin-bottom: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv50-md {
      margin-top: 50px !important;
      margin-bottom: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv50-lg {
      margin-top: 50px !important;
      margin-bottom: 50px !important; } }

.mv60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }
  @media only screen and (max-width: 767px) {
    .mv60-xs {
      margin-top: 60px !important;
      margin-bottom: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv60-sm {
      margin-top: 60px !important;
      margin-bottom: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv60-md {
      margin-top: 60px !important;
      margin-bottom: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv60-lg {
      margin-top: 60px !important;
      margin-bottom: 60px !important; } }

.mv70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important; }
  @media only screen and (max-width: 767px) {
    .mv70-xs {
      margin-top: 70px !important;
      margin-bottom: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv70-sm {
      margin-top: 70px !important;
      margin-bottom: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv70-md {
      margin-top: 70px !important;
      margin-bottom: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv70-lg {
      margin-top: 70px !important;
      margin-bottom: 70px !important; } }

.mv80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }
  @media only screen and (max-width: 767px) {
    .mv80-xs {
      margin-top: 80px !important;
      margin-bottom: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv80-sm {
      margin-top: 80px !important;
      margin-bottom: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv80-md {
      margin-top: 80px !important;
      margin-bottom: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv80-lg {
      margin-top: 80px !important;
      margin-bottom: 80px !important; } }

.mv90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important; }
  @media only screen and (max-width: 767px) {
    .mv90-xs {
      margin-top: 90px !important;
      margin-bottom: 90px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv90-sm {
      margin-top: 90px !important;
      margin-bottom: 90px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv90-md {
      margin-top: 90px !important;
      margin-bottom: 90px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv90-lg {
      margin-top: 90px !important;
      margin-bottom: 90px !important; } }

.mv100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important; }
  @media only screen and (max-width: 767px) {
    .mv100-xs {
      margin-top: 100px !important;
      margin-bottom: 100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv100-sm {
      margin-top: 100px !important;
      margin-bottom: 100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv100-md {
      margin-top: 100px !important;
      margin-bottom: 100px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv100-lg {
      margin-top: 100px !important;
      margin-bottom: 100px !important; } }

.mv120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important; }
  @media only screen and (max-width: 767px) {
    .mv120-xs {
      margin-top: 120px !important;
      margin-bottom: 120px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv120-sm {
      margin-top: 120px !important;
      margin-bottom: 120px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv120-md {
      margin-top: 120px !important;
      margin-bottom: 120px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv120-lg {
      margin-top: 120px !important;
      margin-bottom: 120px !important; } }

.mv200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important; }
  @media only screen and (max-width: 767px) {
    .mv200-xs {
      margin-top: 200px !important;
      margin-bottom: 200px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv200-sm {
      margin-top: 200px !important;
      margin-bottom: 200px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv200-md {
      margin-top: 200px !important;
      margin-bottom: 200px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv200-lg {
      margin-top: 200px !important;
      margin-bottom: 200px !important; } }

.mv200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important; }
  @media only screen and (max-width: 767px) {
    .mv200-xs {
      margin-top: 200px !important;
      margin-bottom: 200px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mv200-sm {
      margin-top: 200px !important;
      margin-bottom: 200px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mv200-md {
      margin-top: 200px !important;
      margin-bottom: 200px !important; } }
  @media only screen and (min-width: 1200px) {
    .mv200-lg {
      margin-top: 200px !important;
      margin-bottom: 200px !important; } }

.m0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important; }
  @media only screen and (max-width: 767px) {
    .m0-xs {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: 0px !important;
      margin-right: 0px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .m0-sm {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: 0px !important;
      margin-right: 0px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .m0-md {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: 0px !important;
      margin-right: 0px !important; } }
  @media only screen and (min-width: 1200px) {
    .m0-lg {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: 0px !important;
      margin-right: 0px !important; } }

.m0auto {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: auto !important;
  margin-right: auto !important; }
  @media only screen and (max-width: 767px) {
    .m0auto-xs {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: auto !important;
      margin-right: auto !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .m0auto-sm {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: auto !important;
      margin-right: auto !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .m0auto-md {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: auto !important;
      margin-right: auto !important; } }
  @media only screen and (min-width: 1200px) {
    .m0auto-lg {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      margin-left: auto !important;
      margin-right: auto !important; } }

.pt0 {
  padding-top: 0 !important; }
  @media only screen and (max-width: 767px) {
    .pt0-xs {
      padding-top: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt0-sm {
      padding-top: 0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt0-md {
      padding-top: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .pt0-lg {
      padding-top: 0 !important; } }

.pt1 {
  padding-top: 1px !important; }
  @media only screen and (max-width: 767px) {
    .pt1-xs {
      padding-top: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt1-sm {
      padding-top: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt1-md {
      padding-top: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt1-lg {
      padding-top: 1px !important; } }

.pt2 {
  padding-top: 2px !important; }
  @media only screen and (max-width: 767px) {
    .pt2-xs {
      padding-top: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt2-sm {
      padding-top: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt2-md {
      padding-top: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt2-lg {
      padding-top: 2px !important; } }

.pt3 {
  padding-top: 3px !important; }
  @media only screen and (max-width: 767px) {
    .pt3-xs {
      padding-top: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt3-sm {
      padding-top: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt3-md {
      padding-top: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt3-lg {
      padding-top: 3px !important; } }

.pt5 {
  padding-top: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pt5-xs {
      padding-top: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt5-sm {
      padding-top: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt5-md {
      padding-top: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt5-lg {
      padding-top: 5px !important; } }

.pt6 {
  padding-top: 6px !important; }
  @media only screen and (max-width: 767px) {
    .pt6-xs {
      padding-top: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt6-sm {
      padding-top: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt6-md {
      padding-top: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt6-lg {
      padding-top: 6px !important; } }

.pt8 {
  padding-top: 8px !important; }
  @media only screen and (max-width: 767px) {
    .pt8-xs {
      padding-top: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt8-sm {
      padding-top: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt8-md {
      padding-top: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt8-lg {
      padding-top: 8px !important; } }

.pt10 {
  padding-top: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pt10-xs {
      padding-top: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt10-sm {
      padding-top: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt10-md {
      padding-top: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt10-lg {
      padding-top: 10px !important; } }

.pt15 {
  padding-top: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pt15-xs {
      padding-top: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt15-sm {
      padding-top: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt15-md {
      padding-top: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt15-lg {
      padding-top: 15px !important; } }

.pt16 {
  padding-top: 16px !important; }
  @media only screen and (max-width: 767px) {
    .pt16-xs {
      padding-top: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt16-sm {
      padding-top: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt16-md {
      padding-top: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt16-lg {
      padding-top: 16px !important; } }

.pt20 {
  padding-top: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pt20-xs {
      padding-top: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt20-sm {
      padding-top: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt20-md {
      padding-top: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt20-lg {
      padding-top: 20px !important; } }

.pt24 {
  padding-top: 24px !important; }
  @media only screen and (max-width: 767px) {
    .pt24-xs {
      padding-top: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt24-sm {
      padding-top: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt24-md {
      padding-top: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt24-lg {
      padding-top: 24px !important; } }

.pt25 {
  padding-top: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pt25-xs {
      padding-top: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt25-sm {
      padding-top: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt25-md {
      padding-top: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt25-lg {
      padding-top: 25px !important; } }

.pt30 {
  padding-top: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pt30-xs {
      padding-top: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt30-sm {
      padding-top: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt30-md {
      padding-top: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt30-lg {
      padding-top: 30px !important; } }

.pt40 {
  padding-top: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pt40-xs {
      padding-top: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt40-sm {
      padding-top: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt40-md {
      padding-top: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt40-lg {
      padding-top: 40px !important; } }

.pt50 {
  padding-top: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pt50-xs {
      padding-top: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt50-sm {
      padding-top: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt50-md {
      padding-top: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt50-lg {
      padding-top: 50px !important; } }

.pt60 {
  padding-top: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pt60-xs {
      padding-top: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt60-sm {
      padding-top: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt60-md {
      padding-top: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt60-lg {
      padding-top: 60px !important; } }

.pt70 {
  padding-top: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pt70-xs {
      padding-top: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt70-sm {
      padding-top: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt70-md {
      padding-top: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt70-lg {
      padding-top: 70px !important; } }

.pt80 {
  padding-top: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pt80-xs {
      padding-top: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt80-sm {
      padding-top: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt80-md {
      padding-top: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt80-lg {
      padding-top: 80px !important; } }

.pt90 {
  padding-top: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pt90-xs {
      padding-top: 90px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt90-sm {
      padding-top: 90px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt90-md {
      padding-top: 90px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt90-lg {
      padding-top: 90px !important; } }

.pt100 {
  padding-top: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pt100-xs {
      padding-top: 100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt100-sm {
      padding-top: 100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pt100-md {
      padding-top: 100px !important; } }
  @media only screen and (min-width: 1200px) {
    .pt100-lg {
      padding-top: 100px !important; } }

.pb0 {
  padding-bottom: 0 !important; }
  @media only screen and (max-width: 767px) {
    .pb0-xs {
      padding-bottom: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb0-sm {
      padding-bottom: 0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb0-md {
      padding-bottom: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .pb0-lg {
      padding-bottom: 0 !important; } }

.pb1 {
  padding-bottom: 1px !important; }
  @media only screen and (max-width: 767px) {
    .pb1-xs {
      padding-bottom: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb1-sm {
      padding-bottom: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb1-md {
      padding-bottom: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb1-lg {
      padding-bottom: 1px !important; } }

.pb2 {
  padding-bottom: 2px !important; }
  @media only screen and (max-width: 767px) {
    .pb2-xs {
      padding-bottom: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb2-sm {
      padding-bottom: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb2-md {
      padding-bottom: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb2-lg {
      padding-bottom: 2px !important; } }

.pb3 {
  padding-bottom: 3px !important; }
  @media only screen and (max-width: 767px) {
    .pb3-xs {
      padding-bottom: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb3-sm {
      padding-bottom: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb3-md {
      padding-bottom: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb3-lg {
      padding-bottom: 3px !important; } }

.pb5 {
  padding-bottom: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pb5-xs {
      padding-bottom: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb5-sm {
      padding-bottom: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb5-md {
      padding-bottom: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb5-lg {
      padding-bottom: 5px !important; } }

.pb6 {
  padding-bottom: 6px !important; }
  @media only screen and (max-width: 767px) {
    .pb6-xs {
      padding-bottom: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb6-sm {
      padding-bottom: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb6-md {
      padding-bottom: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb6-lg {
      padding-bottom: 6px !important; } }

.pb8 {
  padding-bottom: 8px !important; }
  @media only screen and (max-width: 767px) {
    .pb8-xs {
      padding-bottom: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb8-sm {
      padding-bottom: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb8-md {
      padding-bottom: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb8-lg {
      padding-bottom: 8px !important; } }

.pb10 {
  padding-bottom: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pb10-xs {
      padding-bottom: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb10-sm {
      padding-bottom: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb10-md {
      padding-bottom: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb10-lg {
      padding-bottom: 10px !important; } }

.pb15 {
  padding-bottom: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pb15-xs {
      padding-bottom: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb15-sm {
      padding-bottom: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb15-md {
      padding-bottom: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb15-lg {
      padding-bottom: 15px !important; } }

.pb16 {
  padding-bottom: 16px !important; }
  @media only screen and (max-width: 767px) {
    .pb16-xs {
      padding-bottom: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb16-sm {
      padding-bottom: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb16-md {
      padding-bottom: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb16-lg {
      padding-bottom: 16px !important; } }

.pb20 {
  padding-bottom: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pb20-xs {
      padding-bottom: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb20-sm {
      padding-bottom: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb20-md {
      padding-bottom: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb20-lg {
      padding-bottom: 20px !important; } }

.pb24 {
  padding-bottom: 24px !important; }
  @media only screen and (max-width: 767px) {
    .pb24-xs {
      padding-bottom: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb24-sm {
      padding-bottom: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb24-md {
      padding-bottom: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb24-lg {
      padding-bottom: 24px !important; } }

.pb25 {
  padding-bottom: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pb25-xs {
      padding-bottom: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb25-sm {
      padding-bottom: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb25-md {
      padding-bottom: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb25-lg {
      padding-bottom: 25px !important; } }

.pb30 {
  padding-bottom: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pb30-xs {
      padding-bottom: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb30-sm {
      padding-bottom: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb30-md {
      padding-bottom: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb30-lg {
      padding-bottom: 30px !important; } }

.pb40 {
  padding-bottom: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pb40-xs {
      padding-bottom: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb40-sm {
      padding-bottom: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb40-md {
      padding-bottom: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb40-lg {
      padding-bottom: 40px !important; } }

.pb50 {
  padding-bottom: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pb50-xs {
      padding-bottom: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb50-sm {
      padding-bottom: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb50-md {
      padding-bottom: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb50-lg {
      padding-bottom: 50px !important; } }

.pb60 {
  padding-bottom: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pb60-xs {
      padding-bottom: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb60-sm {
      padding-bottom: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb60-md {
      padding-bottom: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb60-lg {
      padding-bottom: 60px !important; } }

.pb70 {
  padding-bottom: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pb70-xs {
      padding-bottom: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb70-sm {
      padding-bottom: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb70-md {
      padding-bottom: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb70-lg {
      padding-bottom: 70px !important; } }

.pb80 {
  padding-bottom: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pb80-xs {
      padding-bottom: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb80-sm {
      padding-bottom: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb80-md {
      padding-bottom: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb80-lg {
      padding-bottom: 80px !important; } }

.pb90 {
  padding-bottom: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pb90-xs {
      padding-bottom: 90px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb90-sm {
      padding-bottom: 90px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb90-md {
      padding-bottom: 90px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb90-lg {
      padding-bottom: 90px !important; } }

.pb100 {
  padding-bottom: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pb100-xs {
      padding-bottom: 100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb100-sm {
      padding-bottom: 100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb100-md {
      padding-bottom: 100px !important; } }
  @media only screen and (min-width: 1200px) {
    .pb100-lg {
      padding-bottom: 100px !important; } }

.pl0 {
  padding-left: 0 !important; }
  @media only screen and (max-width: 767px) {
    .pl0-xs {
      padding-left: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl0-sm {
      padding-left: 0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl0-md {
      padding-left: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .pl0-lg {
      padding-left: 0 !important; } }

.pl1 {
  padding-left: 1px !important; }
  @media only screen and (max-width: 767px) {
    .pl1-xs {
      padding-left: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl1-sm {
      padding-left: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl1-md {
      padding-left: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl1-lg {
      padding-left: 1px !important; } }

.pl2 {
  padding-left: 2px !important; }
  @media only screen and (max-width: 767px) {
    .pl2-xs {
      padding-left: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl2-sm {
      padding-left: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl2-md {
      padding-left: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl2-lg {
      padding-left: 2px !important; } }

.pl3 {
  padding-left: 3px !important; }
  @media only screen and (max-width: 767px) {
    .pl3-xs {
      padding-left: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl3-sm {
      padding-left: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl3-md {
      padding-left: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl3-lg {
      padding-left: 3px !important; } }

.pl5 {
  padding-left: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pl5-xs {
      padding-left: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl5-sm {
      padding-left: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl5-md {
      padding-left: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl5-lg {
      padding-left: 5px !important; } }

.pl6 {
  padding-left: 6px !important; }
  @media only screen and (max-width: 767px) {
    .pl6-xs {
      padding-left: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl6-sm {
      padding-left: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl6-md {
      padding-left: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl6-lg {
      padding-left: 6px !important; } }

.pl8 {
  padding-left: 8px !important; }
  @media only screen and (max-width: 767px) {
    .pl8-xs {
      padding-left: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl8-sm {
      padding-left: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl8-md {
      padding-left: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl8-lg {
      padding-left: 8px !important; } }

.pl10 {
  padding-left: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pl10-xs {
      padding-left: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl10-sm {
      padding-left: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl10-md {
      padding-left: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl10-lg {
      padding-left: 10px !important; } }

.pl15 {
  padding-left: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pl15-xs {
      padding-left: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl15-sm {
      padding-left: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl15-md {
      padding-left: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl15-lg {
      padding-left: 15px !important; } }

.pl16 {
  padding-left: 16px !important; }
  @media only screen and (max-width: 767px) {
    .pl16-xs {
      padding-left: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl16-sm {
      padding-left: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl16-md {
      padding-left: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl16-lg {
      padding-left: 16px !important; } }

.pl20 {
  padding-left: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pl20-xs {
      padding-left: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl20-sm {
      padding-left: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl20-md {
      padding-left: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl20-lg {
      padding-left: 20px !important; } }

.pl24 {
  padding-left: 24px !important; }
  @media only screen and (max-width: 767px) {
    .pl24-xs {
      padding-left: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl24-sm {
      padding-left: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl24-md {
      padding-left: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl24-lg {
      padding-left: 24px !important; } }

.pl25 {
  padding-left: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pl25-xs {
      padding-left: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl25-sm {
      padding-left: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl25-md {
      padding-left: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl25-lg {
      padding-left: 25px !important; } }

.pl30 {
  padding-left: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pl30-xs {
      padding-left: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl30-sm {
      padding-left: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl30-md {
      padding-left: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl30-lg {
      padding-left: 30px !important; } }

.pl40 {
  padding-left: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pl40-xs {
      padding-left: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl40-sm {
      padding-left: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl40-md {
      padding-left: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl40-lg {
      padding-left: 40px !important; } }

.pl50 {
  padding-left: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pl50-xs {
      padding-left: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl50-sm {
      padding-left: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl50-md {
      padding-left: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl50-lg {
      padding-left: 50px !important; } }

.pl60 {
  padding-left: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pl60-xs {
      padding-left: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl60-sm {
      padding-left: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl60-md {
      padding-left: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl60-lg {
      padding-left: 60px !important; } }

.pl70 {
  padding-left: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pl70-xs {
      padding-left: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl70-sm {
      padding-left: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl70-md {
      padding-left: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl70-lg {
      padding-left: 70px !important; } }

.pl80 {
  padding-left: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pl80-xs {
      padding-left: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl80-sm {
      padding-left: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl80-md {
      padding-left: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl80-lg {
      padding-left: 80px !important; } }

.pl90 {
  padding-left: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pl90-xs {
      padding-left: 90px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl90-sm {
      padding-left: 90px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl90-md {
      padding-left: 90px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl90-lg {
      padding-left: 90px !important; } }

.pl100 {
  padding-left: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pl100-xs {
      padding-left: 100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pl100-sm {
      padding-left: 100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl100-md {
      padding-left: 100px !important; } }
  @media only screen and (min-width: 1200px) {
    .pl100-lg {
      padding-left: 100px !important; } }

.pr0 {
  padding-right: 0 !important; }
  @media only screen and (max-width: 767px) {
    .pr0-xs {
      padding-right: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr0-sm {
      padding-right: 0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr0-md {
      padding-right: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .pr0-lg {
      padding-right: 0 !important; } }

.pr1 {
  padding-right: 1px !important; }
  @media only screen and (max-width: 767px) {
    .pr1-xs {
      padding-right: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr1-sm {
      padding-right: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr1-md {
      padding-right: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr1-lg {
      padding-right: 1px !important; } }

.pr2 {
  padding-right: 2px !important; }
  @media only screen and (max-width: 767px) {
    .pr2-xs {
      padding-right: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr2-sm {
      padding-right: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr2-md {
      padding-right: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr2-lg {
      padding-right: 2px !important; } }

.pr3 {
  padding-right: 3px !important; }
  @media only screen and (max-width: 767px) {
    .pr3-xs {
      padding-right: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr3-sm {
      padding-right: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr3-md {
      padding-right: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr3-lg {
      padding-right: 3px !important; } }

.pr5 {
  padding-right: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pr5-xs {
      padding-right: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr5-sm {
      padding-right: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr5-md {
      padding-right: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr5-lg {
      padding-right: 5px !important; } }

.pr6 {
  padding-right: 6px !important; }
  @media only screen and (max-width: 767px) {
    .pr6-xs {
      padding-right: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr6-sm {
      padding-right: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr6-md {
      padding-right: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr6-lg {
      padding-right: 6px !important; } }

.pr8 {
  padding-right: 8px !important; }
  @media only screen and (max-width: 767px) {
    .pr8-xs {
      padding-right: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr8-sm {
      padding-right: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr8-md {
      padding-right: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr8-lg {
      padding-right: 8px !important; } }

.pr10 {
  padding-right: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pr10-xs {
      padding-right: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr10-sm {
      padding-right: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr10-md {
      padding-right: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr10-lg {
      padding-right: 10px !important; } }

.pr15 {
  padding-right: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pr15-xs {
      padding-right: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr15-sm {
      padding-right: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr15-md {
      padding-right: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr15-lg {
      padding-right: 15px !important; } }

.pr16 {
  padding-right: 16px !important; }
  @media only screen and (max-width: 767px) {
    .pr16-xs {
      padding-right: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr16-sm {
      padding-right: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr16-md {
      padding-right: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr16-lg {
      padding-right: 16px !important; } }

.pr20 {
  padding-right: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pr20-xs {
      padding-right: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr20-sm {
      padding-right: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr20-md {
      padding-right: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr20-lg {
      padding-right: 20px !important; } }

.pr24 {
  padding-right: 24px !important; }
  @media only screen and (max-width: 767px) {
    .pr24-xs {
      padding-right: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr24-sm {
      padding-right: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr24-md {
      padding-right: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr24-lg {
      padding-right: 24px !important; } }

.pr25 {
  padding-right: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pr25-xs {
      padding-right: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr25-sm {
      padding-right: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr25-md {
      padding-right: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr25-lg {
      padding-right: 25px !important; } }

.pr30 {
  padding-right: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pr30-xs {
      padding-right: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr30-sm {
      padding-right: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr30-md {
      padding-right: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr30-lg {
      padding-right: 30px !important; } }

.pr40 {
  padding-right: 40px !important; }
  @media only screen and (max-width: 767px) {
    .pr40-xs {
      padding-right: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr40-sm {
      padding-right: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr40-md {
      padding-right: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr40-lg {
      padding-right: 40px !important; } }

.pr50 {
  padding-right: 50px !important; }
  @media only screen and (max-width: 767px) {
    .pr50-xs {
      padding-right: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr50-sm {
      padding-right: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr50-md {
      padding-right: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr50-lg {
      padding-right: 50px !important; } }

.pr60 {
  padding-right: 60px !important; }
  @media only screen and (max-width: 767px) {
    .pr60-xs {
      padding-right: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr60-sm {
      padding-right: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr60-md {
      padding-right: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr60-lg {
      padding-right: 60px !important; } }

.pr70 {
  padding-right: 70px !important; }
  @media only screen and (max-width: 767px) {
    .pr70-xs {
      padding-right: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr70-sm {
      padding-right: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr70-md {
      padding-right: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr70-lg {
      padding-right: 70px !important; } }

.pr80 {
  padding-right: 80px !important; }
  @media only screen and (max-width: 767px) {
    .pr80-xs {
      padding-right: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr80-sm {
      padding-right: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr80-md {
      padding-right: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr80-lg {
      padding-right: 80px !important; } }

.pr90 {
  padding-right: 90px !important; }
  @media only screen and (max-width: 767px) {
    .pr90-xs {
      padding-right: 90px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr90-sm {
      padding-right: 90px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr90-md {
      padding-right: 90px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr90-lg {
      padding-right: 90px !important; } }

.pr100 {
  padding-right: 100px !important; }
  @media only screen and (max-width: 767px) {
    .pr100-xs {
      padding-right: 100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr100-sm {
      padding-right: 100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr100-md {
      padding-right: 100px !important; } }
  @media only screen and (min-width: 1200px) {
    .pr100-lg {
      padding-right: 100px !important; } }

.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
  @media only screen and (max-width: 767px) {
    .pv0-xs {
      padding-top: 0 !important;
      padding-bottom: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv0-sm {
      padding-top: 0 !important;
      padding-bottom: 0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv0-md {
      padding-top: 0 !important;
      padding-bottom: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .pv0-lg {
      padding-top: 0 !important;
      padding-bottom: 0 !important; } }

.pv1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important; }
  @media only screen and (max-width: 767px) {
    .pv1-xs {
      padding-top: 1px !important;
      padding-bottom: 1px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv1-sm {
      padding-top: 1px !important;
      padding-bottom: 1px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv1-md {
      padding-top: 1px !important;
      padding-bottom: 1px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv1-lg {
      padding-top: 1px !important;
      padding-bottom: 1px !important; } }

.pv2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important; }
  @media only screen and (max-width: 767px) {
    .pv2-xs {
      padding-top: 2px !important;
      padding-bottom: 2px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv2-sm {
      padding-top: 2px !important;
      padding-bottom: 2px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv2-md {
      padding-top: 2px !important;
      padding-bottom: 2px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv2-lg {
      padding-top: 2px !important;
      padding-bottom: 2px !important; } }

.pv3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important; }
  @media only screen and (max-width: 767px) {
    .pv3-xs {
      padding-top: 3px !important;
      padding-bottom: 3px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv3-sm {
      padding-top: 3px !important;
      padding-bottom: 3px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv3-md {
      padding-top: 3px !important;
      padding-bottom: 3px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv3-lg {
      padding-top: 3px !important;
      padding-bottom: 3px !important; } }

.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }
  @media only screen and (max-width: 767px) {
    .pv5-xs {
      padding-top: 5px !important;
      padding-bottom: 5px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv5-sm {
      padding-top: 5px !important;
      padding-bottom: 5px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv5-md {
      padding-top: 5px !important;
      padding-bottom: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv5-lg {
      padding-top: 5px !important;
      padding-bottom: 5px !important; } }

.pv6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important; }
  @media only screen and (max-width: 767px) {
    .pv6-xs {
      padding-top: 6px !important;
      padding-bottom: 6px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv6-sm {
      padding-top: 6px !important;
      padding-bottom: 6px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv6-md {
      padding-top: 6px !important;
      padding-bottom: 6px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv6-lg {
      padding-top: 6px !important;
      padding-bottom: 6px !important; } }

.pv8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }
  @media only screen and (max-width: 767px) {
    .pv8-xs {
      padding-top: 8px !important;
      padding-bottom: 8px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv8-sm {
      padding-top: 8px !important;
      padding-bottom: 8px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv8-md {
      padding-top: 8px !important;
      padding-bottom: 8px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv8-lg {
      padding-top: 8px !important;
      padding-bottom: 8px !important; } }

.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }
  @media only screen and (max-width: 767px) {
    .pv10-xs {
      padding-top: 10px !important;
      padding-bottom: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv10-sm {
      padding-top: 10px !important;
      padding-bottom: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv10-md {
      padding-top: 10px !important;
      padding-bottom: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv10-lg {
      padding-top: 10px !important;
      padding-bottom: 10px !important; } }

.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }
  @media only screen and (max-width: 767px) {
    .pv15-xs {
      padding-top: 15px !important;
      padding-bottom: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv15-sm {
      padding-top: 15px !important;
      padding-bottom: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv15-md {
      padding-top: 15px !important;
      padding-bottom: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv15-lg {
      padding-top: 15px !important;
      padding-bottom: 15px !important; } }

.pv16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }
  @media only screen and (max-width: 767px) {
    .pv16-xs {
      padding-top: 16px !important;
      padding-bottom: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv16-sm {
      padding-top: 16px !important;
      padding-bottom: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv16-md {
      padding-top: 16px !important;
      padding-bottom: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv16-lg {
      padding-top: 16px !important;
      padding-bottom: 16px !important; } }

.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }
  @media only screen and (max-width: 767px) {
    .pv20-xs {
      padding-top: 20px !important;
      padding-bottom: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv20-sm {
      padding-top: 20px !important;
      padding-bottom: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv20-md {
      padding-top: 20px !important;
      padding-bottom: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv20-lg {
      padding-top: 20px !important;
      padding-bottom: 20px !important; } }

.pv24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }
  @media only screen and (max-width: 767px) {
    .pv24-xs {
      padding-top: 24px !important;
      padding-bottom: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv24-sm {
      padding-top: 24px !important;
      padding-bottom: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv24-md {
      padding-top: 24px !important;
      padding-bottom: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv24-lg {
      padding-top: 24px !important;
      padding-bottom: 24px !important; } }

.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }
  @media only screen and (max-width: 767px) {
    .pv25-xs {
      padding-top: 25px !important;
      padding-bottom: 25px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv25-sm {
      padding-top: 25px !important;
      padding-bottom: 25px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv25-md {
      padding-top: 25px !important;
      padding-bottom: 25px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv25-lg {
      padding-top: 25px !important;
      padding-bottom: 25px !important; } }

.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }
  @media only screen and (max-width: 767px) {
    .pv30-xs {
      padding-top: 30px !important;
      padding-bottom: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pv30-sm {
      padding-top: 30px !important;
      padding-bottom: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pv30-md {
      padding-top: 30px !important;
      padding-bottom: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .pv30-lg {
      padding-top: 30px !important;
      padding-bottom: 30px !important; } }

.tal {
  text-align: left !important; }
  @media only screen and (max-width: 767px) {
    .tal-xs {
      text-align: left !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tal-sm {
      text-align: left !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tal-md {
      text-align: left !important; } }
  @media only screen and (min-width: 1200px) {
    .tal-lg {
      text-align: left !important; } }

.tac {
  text-align: center !important; }
  @media only screen and (max-width: 767px) {
    .tac-xs {
      text-align: center !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tac-sm {
      text-align: center !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tac-md {
      text-align: center !important; } }
  @media only screen and (min-width: 1200px) {
    .tac-lg {
      text-align: center !important; } }

.tar {
  text-align: right !important; }
  @media only screen and (max-width: 767px) {
    .tar-xs {
      text-align: right !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tar-sm {
      text-align: right !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tar-md {
      text-align: right !important; } }
  @media only screen and (min-width: 1200px) {
    .tar-lg {
      text-align: right !important; } }

.fwb {
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .fwb-xs {
      font-weight: bold; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fwb-sm {
      font-weight: bold; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fwb-md {
      font-weight: bold; } }
  @media only screen and (min-width: 1200px) {
    .fwb-lg {
      font-weight: bold; } }

.fwn {
  font-weight: normal; }
  @media only screen and (max-width: 767px) {
    .fwn-xs {
      font-weight: normal; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fwn-sm {
      font-weight: normal; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fwn-md {
      font-weight: normal; } }
  @media only screen and (min-width: 1200px) {
    .fwn-lg {
      font-weight: normal; } }

.fs8 {
  font-size: 8px !important;
  font-size: 0.8rem !important; }
  @media only screen and (max-width: 767px) {
    .fs8-xs {
      font-size: 8px !important;
      font-size: 0.8rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs8-sm {
      font-size: 8px !important;
      font-size: 0.8rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs8-md {
      font-size: 8px !important;
      font-size: 0.8rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs8-lg {
      font-size: 8px !important;
      font-size: 0.8rem !important; } }

.fs9 {
  font-size: 9px !important;
  font-size: 0.9rem !important; }
  @media only screen and (max-width: 767px) {
    .fs9-xs {
      font-size: 9px !important;
      font-size: 0.9rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs9-sm {
      font-size: 9px !important;
      font-size: 0.9rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs9-md {
      font-size: 9px !important;
      font-size: 0.9rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs9-lg {
      font-size: 9px !important;
      font-size: 0.9rem !important; } }

.fs10 {
  font-size: 10px !important;
  font-size: 1rem !important; }
  @media only screen and (max-width: 767px) {
    .fs10-xs {
      font-size: 10px !important;
      font-size: 1rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs10-sm {
      font-size: 10px !important;
      font-size: 1rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs10-md {
      font-size: 10px !important;
      font-size: 1rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs10-lg {
      font-size: 10px !important;
      font-size: 1rem !important; } }

.fs11 {
  font-size: 11px !important;
  font-size: 1.1rem !important; }
  @media only screen and (max-width: 767px) {
    .fs11-xs {
      font-size: 11px !important;
      font-size: 1.1rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs11-sm {
      font-size: 11px !important;
      font-size: 1.1rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs11-md {
      font-size: 11px !important;
      font-size: 1.1rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs11-lg {
      font-size: 11px !important;
      font-size: 1.1rem !important; } }

.fs12 {
  font-size: 12px !important;
  font-size: 1.2rem !important; }
  @media only screen and (max-width: 767px) {
    .fs12-xs {
      font-size: 12px !important;
      font-size: 1.2rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs12-sm {
      font-size: 12px !important;
      font-size: 1.2rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs12-md {
      font-size: 12px !important;
      font-size: 1.2rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs12-lg {
      font-size: 12px !important;
      font-size: 1.2rem !important; } }

.fs13 {
  font-size: 13px !important;
  font-size: 1.3rem !important; }
  @media only screen and (max-width: 767px) {
    .fs13-xs {
      font-size: 13px !important;
      font-size: 1.3rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs13-sm {
      font-size: 13px !important;
      font-size: 1.3rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs13-md {
      font-size: 13px !important;
      font-size: 1.3rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs13-lg {
      font-size: 13px !important;
      font-size: 1.3rem !important; } }

.fs14 {
  font-size: 14px !important;
  font-size: 1.4rem !important; }
  @media only screen and (max-width: 767px) {
    .fs14-xs {
      font-size: 14px !important;
      font-size: 1.4rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs14-sm {
      font-size: 14px !important;
      font-size: 1.4rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs14-md {
      font-size: 14px !important;
      font-size: 1.4rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs14-lg {
      font-size: 14px !important;
      font-size: 1.4rem !important; } }

.fs15 {
  font-size: 15px !important;
  font-size: 1.5rem !important; }
  @media only screen and (max-width: 767px) {
    .fs15-xs {
      font-size: 15px !important;
      font-size: 1.5rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs15-sm {
      font-size: 15px !important;
      font-size: 1.5rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs15-md {
      font-size: 15px !important;
      font-size: 1.5rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs15-lg {
      font-size: 15px !important;
      font-size: 1.5rem !important; } }

.fs16 {
  font-size: 16px !important;
  font-size: 1.6rem !important; }
  @media only screen and (max-width: 767px) {
    .fs16-xs {
      font-size: 16px !important;
      font-size: 1.6rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs16-sm {
      font-size: 16px !important;
      font-size: 1.6rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs16-md {
      font-size: 16px !important;
      font-size: 1.6rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs16-lg {
      font-size: 16px !important;
      font-size: 1.6rem !important; } }

.fs17 {
  font-size: 17px !important;
  font-size: 1.7rem !important; }
  @media only screen and (max-width: 767px) {
    .fs17-xs {
      font-size: 17px !important;
      font-size: 1.7rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs17-sm {
      font-size: 17px !important;
      font-size: 1.7rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs17-md {
      font-size: 17px !important;
      font-size: 1.7rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs17-lg {
      font-size: 17px !important;
      font-size: 1.7rem !important; } }

.fs18 {
  font-size: 18px !important;
  font-size: 1.8rem !important; }
  @media only screen and (max-width: 767px) {
    .fs18-xs {
      font-size: 18px !important;
      font-size: 1.8rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs18-sm {
      font-size: 18px !important;
      font-size: 1.8rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs18-md {
      font-size: 18px !important;
      font-size: 1.8rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs18-lg {
      font-size: 18px !important;
      font-size: 1.8rem !important; } }

.fs19 {
  font-size: 19px !important;
  font-size: 1.9rem !important; }
  @media only screen and (max-width: 767px) {
    .fs19-xs {
      font-size: 19px !important;
      font-size: 1.9rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs19-sm {
      font-size: 19px !important;
      font-size: 1.9rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs19-md {
      font-size: 19px !important;
      font-size: 1.9rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs19-lg {
      font-size: 19px !important;
      font-size: 1.9rem !important; } }

.fs20 {
  font-size: 20px !important;
  font-size: 2rem !important; }
  @media only screen and (max-width: 767px) {
    .fs20-xs {
      font-size: 20px !important;
      font-size: 2rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs20-sm {
      font-size: 20px !important;
      font-size: 2rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs20-md {
      font-size: 20px !important;
      font-size: 2rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs20-lg {
      font-size: 20px !important;
      font-size: 2rem !important; } }

.fs24 {
  font-size: 24px !important;
  font-size: 2.4rem !important; }
  @media only screen and (max-width: 767px) {
    .fs24-xs {
      font-size: 24px !important;
      font-size: 2.4rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs24-sm {
      font-size: 24px !important;
      font-size: 2.4rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs24-md {
      font-size: 24px !important;
      font-size: 2.4rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs24-lg {
      font-size: 24px !important;
      font-size: 2.4rem !important; } }

.fs28 {
  font-size: 28px !important;
  font-size: 2.8rem !important; }
  @media only screen and (max-width: 767px) {
    .fs28-xs {
      font-size: 28px !important;
      font-size: 2.8rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs28-sm {
      font-size: 28px !important;
      font-size: 2.8rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs28-md {
      font-size: 28px !important;
      font-size: 2.8rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs28-lg {
      font-size: 28px !important;
      font-size: 2.8rem !important; } }

.fs32 {
  font-size: 32px !important;
  font-size: 3.2rem !important; }
  @media only screen and (max-width: 767px) {
    .fs32-xs {
      font-size: 32px !important;
      font-size: 3.2rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs32-sm {
      font-size: 32px !important;
      font-size: 3.2rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs32-md {
      font-size: 32px !important;
      font-size: 3.2rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs32-lg {
      font-size: 32px !important;
      font-size: 3.2rem !important; } }

.fs36 {
  font-size: 36px !important;
  font-size: 3.6rem !important; }
  @media only screen and (max-width: 767px) {
    .fs36-xs {
      font-size: 36px !important;
      font-size: 3.6rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs36-sm {
      font-size: 36px !important;
      font-size: 3.6rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs36-md {
      font-size: 36px !important;
      font-size: 3.6rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs36-lg {
      font-size: 36px !important;
      font-size: 3.6rem !important; } }

.fs48 {
  font-size: 48px !important;
  font-size: 4.8rem !important; }
  @media only screen and (max-width: 767px) {
    .fs48-xs {
      font-size: 48px !important;
      font-size: 4.8rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs48-sm {
      font-size: 48px !important;
      font-size: 4.8rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs48-md {
      font-size: 48px !important;
      font-size: 4.8rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs48-lg {
      font-size: 48px !important;
      font-size: 4.8rem !important; } }

.fs60 {
  font-size: 60px !important;
  font-size: 6rem !important; }
  @media only screen and (max-width: 767px) {
    .fs60-xs {
      font-size: 60px !important;
      font-size: 6rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs60-sm {
      font-size: 60px !important;
      font-size: 6rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs60-md {
      font-size: 60px !important;
      font-size: 6rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs60-lg {
      font-size: 60px !important;
      font-size: 6rem !important; } }

.fs72 {
  font-size: 72px !important;
  font-size: 7.2rem !important; }
  @media only screen and (max-width: 767px) {
    .fs72-xs {
      font-size: 72px !important;
      font-size: 7.2rem !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fs72-sm {
      font-size: 72px !important;
      font-size: 7.2rem !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fs72-md {
      font-size: 72px !important;
      font-size: 7.2rem !important; } }
  @media only screen and (min-width: 1200px) {
    .fs72-lg {
      font-size: 72px !important;
      font-size: 7.2rem !important; } }

.tdn {
  text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .tdn-xs {
      text-decoration: none; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tdn-sm {
      text-decoration: none; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tdn-md {
      text-decoration: none; } }
  @media only screen and (min-width: 1200px) {
    .tdn-lg {
      text-decoration: none; } }

.tdu {
  text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .tdu-xs {
      text-decoration: underline; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tdu-sm {
      text-decoration: underline; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tdu-md {
      text-decoration: underline; } }
  @media only screen and (min-width: 1200px) {
    .tdu-lg {
      text-decoration: underline; } }

.lh10 {
  line-height: 1.0 !important; }
  @media only screen and (max-width: 767px) {
    .lh10-xs {
      line-height: 1.0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh10-sm {
      line-height: 1.0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh10-md {
      line-height: 1.0 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh10-lg {
      line-height: 1.0 !important; } }

.lh11 {
  line-height: 1.1 !important; }
  @media only screen and (max-width: 767px) {
    .lh11-xs {
      line-height: 1.1 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh11-sm {
      line-height: 1.1 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh11-md {
      line-height: 1.1 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh11-lg {
      line-height: 1.1 !important; } }

.lh12 {
  line-height: 1.2 !important; }
  @media only screen and (max-width: 767px) {
    .lh12-xs {
      line-height: 1.2 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh12-sm {
      line-height: 1.2 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh12-md {
      line-height: 1.2 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh12-lg {
      line-height: 1.2 !important; } }

.lh13 {
  line-height: 1.3 !important; }
  @media only screen and (max-width: 767px) {
    .lh13-xs {
      line-height: 1.3 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh13-sm {
      line-height: 1.3 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh13-md {
      line-height: 1.3 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh13-lg {
      line-height: 1.3 !important; } }

.lh14 {
  line-height: 1.4 !important; }
  @media only screen and (max-width: 767px) {
    .lh14-xs {
      line-height: 1.4 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh14-sm {
      line-height: 1.4 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh14-md {
      line-height: 1.4 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh14-lg {
      line-height: 1.4 !important; } }

.lh15 {
  line-height: 1.5 !important; }
  @media only screen and (max-width: 767px) {
    .lh15-xs {
      line-height: 1.5 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh15-sm {
      line-height: 1.5 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh15-md {
      line-height: 1.5 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh15-lg {
      line-height: 1.5 !important; } }

.lh16 {
  line-height: 1.6 !important; }
  @media only screen and (max-width: 767px) {
    .lh16-xs {
      line-height: 1.6 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh16-sm {
      line-height: 1.6 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh16-md {
      line-height: 1.6 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh16-lg {
      line-height: 1.6 !important; } }

.lh17 {
  line-height: 1.7 !important; }
  @media only screen and (max-width: 767px) {
    .lh17-xs {
      line-height: 1.7 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh17-sm {
      line-height: 1.7 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh17-md {
      line-height: 1.7 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh17-lg {
      line-height: 1.7 !important; } }

.lh18 {
  line-height: 1.8 !important; }
  @media only screen and (max-width: 767px) {
    .lh18-xs {
      line-height: 1.8 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh18-sm {
      line-height: 1.8 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh18-md {
      line-height: 1.8 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh18-lg {
      line-height: 1.8 !important; } }

.lh19 {
  line-height: 1.9 !important; }
  @media only screen and (max-width: 767px) {
    .lh19-xs {
      line-height: 1.9 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh19-sm {
      line-height: 1.9 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh19-md {
      line-height: 1.9 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh19-lg {
      line-height: 1.9 !important; } }

.lh20 {
  line-height: 2.0 !important; }
  @media only screen and (max-width: 767px) {
    .lh20-xs {
      line-height: 2.0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh20-sm {
      line-height: 2.0 !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh20-md {
      line-height: 2.0 !important; } }
  @media only screen and (min-width: 1200px) {
    .lh20-lg {
      line-height: 2.0 !important; } }

.lh10px {
  line-height: 10px !important; }
  @media only screen and (max-width: 767px) {
    .lh10px-xs {
      line-height: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh10px-sm {
      line-height: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh10px-md {
      line-height: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh10px-lg {
      line-height: 10px !important; } }

.lh11px {
  line-height: 11px !important; }
  @media only screen and (max-width: 767px) {
    .lh11px-xs {
      line-height: 11px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh11px-sm {
      line-height: 11px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh11px-md {
      line-height: 11px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh11px-lg {
      line-height: 11px !important; } }

.lh12px {
  line-height: 12px !important; }
  @media only screen and (max-width: 767px) {
    .lh12px-xs {
      line-height: 12px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh12px-sm {
      line-height: 12px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh12px-md {
      line-height: 12px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh12px-lg {
      line-height: 12px !important; } }

.lh13px {
  line-height: 13px !important; }
  @media only screen and (max-width: 767px) {
    .lh13px-xs {
      line-height: 13px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh13px-sm {
      line-height: 13px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh13px-md {
      line-height: 13px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh13px-lg {
      line-height: 13px !important; } }

.lh14px {
  line-height: 14px !important; }
  @media only screen and (max-width: 767px) {
    .lh14px-xs {
      line-height: 14px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh14px-sm {
      line-height: 14px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh14px-md {
      line-height: 14px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh14px-lg {
      line-height: 14px !important; } }

.lh15px {
  line-height: 15px !important; }
  @media only screen and (max-width: 767px) {
    .lh15px-xs {
      line-height: 15px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh15px-sm {
      line-height: 15px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh15px-md {
      line-height: 15px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh15px-lg {
      line-height: 15px !important; } }

.lh16px {
  line-height: 16px !important; }
  @media only screen and (max-width: 767px) {
    .lh16px-xs {
      line-height: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh16px-sm {
      line-height: 16px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh16px-md {
      line-height: 16px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh16px-lg {
      line-height: 16px !important; } }

.lh17px {
  line-height: 17px !important; }
  @media only screen and (max-width: 767px) {
    .lh17px-xs {
      line-height: 17px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh17px-sm {
      line-height: 17px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh17px-md {
      line-height: 17px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh17px-lg {
      line-height: 17px !important; } }

.lh18px {
  line-height: 18px !important; }
  @media only screen and (max-width: 767px) {
    .lh18px-xs {
      line-height: 18px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh18px-sm {
      line-height: 18px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh18px-md {
      line-height: 18px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh18px-lg {
      line-height: 18px !important; } }

.lh20px {
  line-height: 20px !important; }
  @media only screen and (max-width: 767px) {
    .lh20px-xs {
      line-height: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh20px-sm {
      line-height: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh20px-md {
      line-height: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh20px-lg {
      line-height: 20px !important; } }

.lh24px {
  line-height: 24px !important; }
  @media only screen and (max-width: 767px) {
    .lh24px-xs {
      line-height: 24px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .lh24px-sm {
      line-height: 24px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lh24px-md {
      line-height: 24px !important; } }
  @media only screen and (min-width: 1200px) {
    .lh24px-lg {
      line-height: 24px !important; } }

.w10 {
  width: 10px !important; }
  @media only screen and (max-width: 767px) {
    .w10-xs {
      width: 10px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w10-sm {
      width: 10px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w10-md {
      width: 10px !important; } }
  @media only screen and (min-width: 1200px) {
    .w10-lg {
      width: 10px !important; } }

.w20 {
  width: 20px !important; }
  @media only screen and (max-width: 767px) {
    .w20-xs {
      width: 20px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w20-sm {
      width: 20px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w20-md {
      width: 20px !important; } }
  @media only screen and (min-width: 1200px) {
    .w20-lg {
      width: 20px !important; } }

.w30 {
  width: 30px !important; }
  @media only screen and (max-width: 767px) {
    .w30-xs {
      width: 30px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w30-sm {
      width: 30px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w30-md {
      width: 30px !important; } }
  @media only screen and (min-width: 1200px) {
    .w30-lg {
      width: 30px !important; } }

.w40 {
  width: 40px !important; }
  @media only screen and (max-width: 767px) {
    .w40-xs {
      width: 40px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w40-sm {
      width: 40px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w40-md {
      width: 40px !important; } }
  @media only screen and (min-width: 1200px) {
    .w40-lg {
      width: 40px !important; } }

.w50 {
  width: 50px !important; }
  @media only screen and (max-width: 767px) {
    .w50-xs {
      width: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w50-sm {
      width: 50px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w50-md {
      width: 50px !important; } }
  @media only screen and (min-width: 1200px) {
    .w50-lg {
      width: 50px !important; } }

.w60 {
  width: 60px !important; }
  @media only screen and (max-width: 767px) {
    .w60-xs {
      width: 60px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w60-sm {
      width: 60px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w60-md {
      width: 60px !important; } }
  @media only screen and (min-width: 1200px) {
    .w60-lg {
      width: 60px !important; } }

.w70 {
  width: 70px !important; }
  @media only screen and (max-width: 767px) {
    .w70-xs {
      width: 70px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w70-sm {
      width: 70px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w70-md {
      width: 70px !important; } }
  @media only screen and (min-width: 1200px) {
    .w70-lg {
      width: 70px !important; } }

.w80 {
  width: 80px !important; }
  @media only screen and (max-width: 767px) {
    .w80-xs {
      width: 80px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w80-sm {
      width: 80px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w80-md {
      width: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .w80-lg {
      width: 80px !important; } }

.w120 {
  width: 120px !important; }
  @media only screen and (max-width: 767px) {
    .w120-xs {
      width: 120px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w120-sm {
      width: 120px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w120-md {
      width: 120px !important; } }
  @media only screen and (min-width: 1200px) {
    .w120-lg {
      width: 120px !important; } }

.w150 {
  width: 150px !important; }
  @media only screen and (max-width: 767px) {
    .w150-xs {
      width: 150px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w150-sm {
      width: 150px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w150-md {
      width: 150px !important; } }
  @media only screen and (min-width: 1200px) {
    .w150-lg {
      width: 150px !important; } }

.w180 {
  width: 180px !important; }
  @media only screen and (max-width: 767px) {
    .w180-xs {
      width: 180px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w180-sm {
      width: 180px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w180-md {
      width: 180px !important; } }
  @media only screen and (min-width: 1200px) {
    .w180-lg {
      width: 180px !important; } }

.w200 {
  width: 200px !important; }
  @media only screen and (max-width: 767px) {
    .w200-xs {
      width: 200px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w200-sm {
      width: 200px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w200-md {
      width: 200px !important; } }
  @media only screen and (min-width: 1200px) {
    .w200-lg {
      width: 200px !important; } }

.w250 {
  width: 250px !important; }
  @media only screen and (max-width: 767px) {
    .w250-xs {
      width: 250px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w250-sm {
      width: 250px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w250-md {
      width: 250px !important; } }
  @media only screen and (min-width: 1200px) {
    .w250-lg {
      width: 250px !important; } }

.w300 {
  width: 300px !important; }
  @media only screen and (max-width: 767px) {
    .w300-xs {
      width: 300px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w300-sm {
      width: 300px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w300-md {
      width: 300px !important; } }
  @media only screen and (min-width: 1200px) {
    .w300-lg {
      width: 300px !important; } }

.w350 {
  width: 350px !important; }
  @media only screen and (max-width: 767px) {
    .w350-xs {
      width: 350px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w350-sm {
      width: 350px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w350-md {
      width: 350px !important; } }
  @media only screen and (min-width: 1200px) {
    .w350-lg {
      width: 350px !important; } }

.w400 {
  width: 400px !important; }
  @media only screen and (max-width: 767px) {
    .w400-xs {
      width: 400px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w400-sm {
      width: 400px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w400-md {
      width: 400px !important; } }
  @media only screen and (min-width: 1200px) {
    .w400-lg {
      width: 400px !important; } }

.w450 {
  width: 450px !important; }
  @media only screen and (max-width: 767px) {
    .w450-xs {
      width: 450px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w450-sm {
      width: 450px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w450-md {
      width: 450px !important; } }
  @media only screen and (min-width: 1200px) {
    .w450-lg {
      width: 450px !important; } }

.w500 {
  width: 500px !important; }
  @media only screen and (max-width: 767px) {
    .w500-xs {
      width: 500px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w500-sm {
      width: 500px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w500-md {
      width: 500px !important; } }
  @media only screen and (min-width: 1200px) {
    .w500-lg {
      width: 500px !important; } }

.w550 {
  width: 550px !important; }
  @media only screen and (max-width: 767px) {
    .w550-xs {
      width: 550px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w550-sm {
      width: 550px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w550-md {
      width: 550px !important; } }
  @media only screen and (min-width: 1200px) {
    .w550-lg {
      width: 550px !important; } }

.w600 {
  width: 600px !important; }
  @media only screen and (max-width: 767px) {
    .w600-xs {
      width: 600px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w600-sm {
      width: 600px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w600-md {
      width: 600px !important; } }
  @media only screen and (min-width: 1200px) {
    .w600-lg {
      width: 600px !important; } }

.w650 {
  width: 650px !important; }
  @media only screen and (max-width: 767px) {
    .w650-xs {
      width: 650px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w650-sm {
      width: 650px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w650-md {
      width: 650px !important; } }
  @media only screen and (min-width: 1200px) {
    .w650-lg {
      width: 650px !important; } }

.w700 {
  width: 700px !important; }
  @media only screen and (max-width: 767px) {
    .w700-xs {
      width: 700px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w700-sm {
      width: 700px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w700-md {
      width: 700px !important; } }
  @media only screen and (min-width: 1200px) {
    .w700-lg {
      width: 700px !important; } }

.w800 {
  width: 800px !important; }
  @media only screen and (max-width: 767px) {
    .w800-xs {
      width: 800px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w800-sm {
      width: 800px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w800-md {
      width: 800px !important; } }
  @media only screen and (min-width: 1200px) {
    .w800-lg {
      width: 800px !important; } }

.w900 {
  width: 900px !important; }
  @media only screen and (max-width: 767px) {
    .w900-xs {
      width: 900px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w900-sm {
      width: 900px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w900-md {
      width: 900px !important; } }
  @media only screen and (min-width: 1200px) {
    .w900-lg {
      width: 900px !important; } }

.w960 {
  width: 960px !important; }
  @media only screen and (max-width: 767px) {
    .w960-xs {
      width: 960px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w960-sm {
      width: 960px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w960-md {
      width: 960px !important; } }
  @media only screen and (min-width: 1200px) {
    .w960-lg {
      width: 960px !important; } }

.w1000 {
  width: 1000px !important; }
  @media only screen and (max-width: 767px) {
    .w1000-xs {
      width: 1000px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w1000-sm {
      width: 1000px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w1000-md {
      width: 1000px !important; } }
  @media only screen and (min-width: 1200px) {
    .w1000-lg {
      width: 1000px !important; } }

.w1080 {
  width: 1080px !important; }
  @media only screen and (max-width: 767px) {
    .w1080-xs {
      width: 1080px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w1080-sm {
      width: 1080px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w1080-md {
      width: 1080px !important; } }
  @media only screen and (min-width: 1200px) {
    .w1080-lg {
      width: 1080px !important; } }

.w1100 {
  width: 1100px !important; }
  @media only screen and (max-width: 767px) {
    .w1100-xs {
      width: 1100px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w1100-sm {
      width: 1100px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w1100-md {
      width: 1100px !important; } }
  @media only screen and (min-width: 1200px) {
    .w1100-lg {
      width: 1100px !important; } }

.w1200 {
  width: 1200px !important; }
  @media only screen and (max-width: 767px) {
    .w1200-xs {
      width: 1200px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w1200-sm {
      width: 1200px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w1200-md {
      width: 1200px !important; } }
  @media only screen and (min-width: 1200px) {
    .w1200-lg {
      width: 1200px !important; } }

.w10p {
  width: 10% !important; }
  @media only screen and (max-width: 767px) {
    .w10p-xs {
      width: 10% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w10p-sm {
      width: 10% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w10p-md {
      width: 10% !important; } }
  @media only screen and (min-width: 1200px) {
    .w10p-lg {
      width: 10% !important; } }

.w20p {
  width: 20% !important; }
  @media only screen and (max-width: 767px) {
    .w20p-xs {
      width: 20% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w20p-sm {
      width: 20% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w20p-md {
      width: 20% !important; } }
  @media only screen and (min-width: 1200px) {
    .w20p-lg {
      width: 20% !important; } }

.w30p {
  width: 30% !important; }
  @media only screen and (max-width: 767px) {
    .w30p-xs {
      width: 30% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w30p-sm {
      width: 30% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w30p-md {
      width: 30% !important; } }
  @media only screen and (min-width: 1200px) {
    .w30p-lg {
      width: 30% !important; } }

.w40p {
  width: 40% !important; }
  @media only screen and (max-width: 767px) {
    .w40p-xs {
      width: 40% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w40p-sm {
      width: 40% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w40p-md {
      width: 40% !important; } }
  @media only screen and (min-width: 1200px) {
    .w40p-lg {
      width: 40% !important; } }

.w50p {
  width: 50% !important; }
  @media only screen and (max-width: 767px) {
    .w50p-xs {
      width: 50% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w50p-sm {
      width: 50% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w50p-md {
      width: 50% !important; } }
  @media only screen and (min-width: 1200px) {
    .w50p-lg {
      width: 50% !important; } }

.w60p {
  width: 60% !important; }
  @media only screen and (max-width: 767px) {
    .w60p-xs {
      width: 60% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w60p-sm {
      width: 60% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w60p-md {
      width: 60% !important; } }
  @media only screen and (min-width: 1200px) {
    .w60p-lg {
      width: 60% !important; } }

.w70p {
  width: 70% !important; }
  @media only screen and (max-width: 767px) {
    .w70p-xs {
      width: 70% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w70p-sm {
      width: 70% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w70p-md {
      width: 70% !important; } }
  @media only screen and (min-width: 1200px) {
    .w70p-lg {
      width: 70% !important; } }

.w80p {
  width: 80% !important; }
  @media only screen and (max-width: 767px) {
    .w80p-xs {
      width: 80% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w80p-sm {
      width: 80% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w80p-md {
      width: 80% !important; } }
  @media only screen and (min-width: 1200px) {
    .w80p-lg {
      width: 80% !important; } }

.w90p {
  width: 90% !important; }
  @media only screen and (max-width: 767px) {
    .w90p-xs {
      width: 90% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w90p-sm {
      width: 90% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w90p-md {
      width: 90% !important; } }
  @media only screen and (min-width: 1200px) {
    .w90p-lg {
      width: 90% !important; } }

.w100p {
  width: 100% !important; }
  @media only screen and (max-width: 767px) {
    .w100p-xs {
      width: 100% !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .w100p-sm {
      width: 100% !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w100p-md {
      width: 100% !important; } }
  @media only screen and (min-width: 1200px) {
    .w100p-lg {
      width: 100% !important; } }

.bg-fff {
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .bg-fff-xs {
      background-color: #fff; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-fff-sm {
      background-color: #fff; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-fff-md {
      background-color: #fff; } }
  @media only screen and (min-width: 1200px) {
    .bg-fff-lg {
      background-color: #fff; } }

.bg-eee {
  background-color: #eee; }
  @media only screen and (max-width: 767px) {
    .bg-eee-xs {
      background-color: #eee; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-eee-sm {
      background-color: #eee; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-eee-md {
      background-color: #eee; } }
  @media only screen and (min-width: 1200px) {
    .bg-eee-lg {
      background-color: #eee; } }

.bg-ddd {
  background-color: #ddd; }
  @media only screen and (max-width: 767px) {
    .bg-ddd-xs {
      background-color: #ddd; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-ddd-sm {
      background-color: #ddd; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-ddd-md {
      background-color: #ddd; } }
  @media only screen and (min-width: 1200px) {
    .bg-ddd-lg {
      background-color: #ddd; } }

.bg-ccc {
  background-color: #ccc; }
  @media only screen and (max-width: 767px) {
    .bg-ccc-xs {
      background-color: #ccc; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-ccc-sm {
      background-color: #ccc; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-ccc-md {
      background-color: #ccc; } }
  @media only screen and (min-width: 1200px) {
    .bg-ccc-lg {
      background-color: #ccc; } }

.bg-bbb {
  background-color: #bbb; }
  @media only screen and (max-width: 767px) {
    .bg-bbb-xs {
      background-color: #bbb; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-bbb-sm {
      background-color: #bbb; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-bbb-md {
      background-color: #bbb; } }
  @media only screen and (min-width: 1200px) {
    .bg-bbb-lg {
      background-color: #bbb; } }

.bg-aaa {
  background-color: #aaa; }
  @media only screen and (max-width: 767px) {
    .bg-aaa-xs {
      background-color: #aaa; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-aaa-sm {
      background-color: #aaa; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-aaa-md {
      background-color: #aaa; } }
  @media only screen and (min-width: 1200px) {
    .bg-aaa-lg {
      background-color: #aaa; } }

.bg-999 {
  background-color: #999; }
  @media only screen and (max-width: 767px) {
    .bg-999-xs {
      background-color: #999; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-999-sm {
      background-color: #999; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-999-md {
      background-color: #999; } }
  @media only screen and (min-width: 1200px) {
    .bg-999-lg {
      background-color: #999; } }

.bg-888 {
  background-color: #888; }
  @media only screen and (max-width: 767px) {
    .bg-888-xs {
      background-color: #888; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-888-sm {
      background-color: #888; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-888-md {
      background-color: #888; } }
  @media only screen and (min-width: 1200px) {
    .bg-888-lg {
      background-color: #888; } }

.bg-777 {
  background-color: #777; }
  @media only screen and (max-width: 767px) {
    .bg-777-xs {
      background-color: #777; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-777-sm {
      background-color: #777; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-777-md {
      background-color: #777; } }
  @media only screen and (min-width: 1200px) {
    .bg-777-lg {
      background-color: #777; } }

.bg-666 {
  background-color: #666; }
  @media only screen and (max-width: 767px) {
    .bg-666-xs {
      background-color: #666; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-666-sm {
      background-color: #666; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-666-md {
      background-color: #666; } }
  @media only screen and (min-width: 1200px) {
    .bg-666-lg {
      background-color: #666; } }

.bg-555 {
  background-color: #555; }
  @media only screen and (max-width: 767px) {
    .bg-555-xs {
      background-color: #555; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-555-sm {
      background-color: #555; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-555-md {
      background-color: #555; } }
  @media only screen and (min-width: 1200px) {
    .bg-555-lg {
      background-color: #555; } }

.bg-444 {
  background-color: #444; }
  @media only screen and (max-width: 767px) {
    .bg-444-xs {
      background-color: #444; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-444-sm {
      background-color: #444; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-444-md {
      background-color: #444; } }
  @media only screen and (min-width: 1200px) {
    .bg-444-lg {
      background-color: #444; } }

.bg-333 {
  background-color: #333; }
  @media only screen and (max-width: 767px) {
    .bg-333-xs {
      background-color: #333; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-333-sm {
      background-color: #333; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-333-md {
      background-color: #333; } }
  @media only screen and (min-width: 1200px) {
    .bg-333-lg {
      background-color: #333; } }

.bg-222 {
  background-color: #222; }
  @media only screen and (max-width: 767px) {
    .bg-222-xs {
      background-color: #222; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-222-sm {
      background-color: #222; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-222-md {
      background-color: #222; } }
  @media only screen and (min-width: 1200px) {
    .bg-222-lg {
      background-color: #222; } }

.bg-111 {
  background-color: #111; }
  @media only screen and (max-width: 767px) {
    .bg-111-xs {
      background-color: #111; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-111-sm {
      background-color: #111; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-111-md {
      background-color: #111; } }
  @media only screen and (min-width: 1200px) {
    .bg-111-lg {
      background-color: #111; } }

.bg-000 {
  background-color: #000; }
  @media only screen and (max-width: 767px) {
    .bg-000-xs {
      background-color: #000; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-000-sm {
      background-color: #000; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-000-md {
      background-color: #000; } }
  @media only screen and (min-width: 1200px) {
    .bg-000-lg {
      background-color: #000; } }

.c-fff {
  color: #fff; }
  @media only screen and (max-width: 767px) {
    .c-fff-xs {
      color: #fff; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-fff-sm {
      color: #fff; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-fff-md {
      color: #fff; } }
  @media only screen and (min-width: 1200px) {
    .c-fff-lg {
      color: #fff; } }

.c-eee {
  color: #eee; }
  @media only screen and (max-width: 767px) {
    .c-eee-xs {
      color: #eee; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-eee-sm {
      color: #eee; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-eee-md {
      color: #eee; } }
  @media only screen and (min-width: 1200px) {
    .c-eee-lg {
      color: #eee; } }

.c-ddd {
  color: #ddd; }
  @media only screen and (max-width: 767px) {
    .c-ddd-xs {
      color: #ddd; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-ddd-sm {
      color: #ddd; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-ddd-md {
      color: #ddd; } }
  @media only screen and (min-width: 1200px) {
    .c-ddd-lg {
      color: #ddd; } }

.c-ccc {
  color: #ccc; }
  @media only screen and (max-width: 767px) {
    .c-ccc-xs {
      color: #ccc; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-ccc-sm {
      color: #ccc; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-ccc-md {
      color: #ccc; } }
  @media only screen and (min-width: 1200px) {
    .c-ccc-lg {
      color: #ccc; } }

.c-bbb {
  color: #bbb; }
  @media only screen and (max-width: 767px) {
    .c-bbb-xs {
      color: #bbb; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-bbb-sm {
      color: #bbb; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-bbb-md {
      color: #bbb; } }
  @media only screen and (min-width: 1200px) {
    .c-bbb-lg {
      color: #bbb; } }

.c-aaa {
  color: #aaa; }
  @media only screen and (max-width: 767px) {
    .c-aaa-xs {
      color: #aaa; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-aaa-sm {
      color: #aaa; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-aaa-md {
      color: #aaa; } }
  @media only screen and (min-width: 1200px) {
    .c-aaa-lg {
      color: #aaa; } }

.c-999 {
  color: #999; }
  @media only screen and (max-width: 767px) {
    .c-999-xs {
      color: #999; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-999-sm {
      color: #999; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-999-md {
      color: #999; } }
  @media only screen and (min-width: 1200px) {
    .c-999-lg {
      color: #999; } }

.c-888 {
  color: #888; }
  @media only screen and (max-width: 767px) {
    .c-888-xs {
      color: #888; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-888-sm {
      color: #888; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-888-md {
      color: #888; } }
  @media only screen and (min-width: 1200px) {
    .c-888-lg {
      color: #888; } }

.c-777 {
  color: #777; }
  @media only screen and (max-width: 767px) {
    .c-777-xs {
      color: #777; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-777-sm {
      color: #777; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-777-md {
      color: #777; } }
  @media only screen and (min-width: 1200px) {
    .c-777-lg {
      color: #777; } }

.c-666 {
  color: #666; }
  @media only screen and (max-width: 767px) {
    .c-666-xs {
      color: #666; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-666-sm {
      color: #666; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-666-md {
      color: #666; } }
  @media only screen and (min-width: 1200px) {
    .c-666-lg {
      color: #666; } }

.c-555 {
  color: #555; }
  @media only screen and (max-width: 767px) {
    .c-555-xs {
      color: #555; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-555-sm {
      color: #555; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-555-md {
      color: #555; } }
  @media only screen and (min-width: 1200px) {
    .c-555-lg {
      color: #555; } }

.c-444 {
  color: #444; }
  @media only screen and (max-width: 767px) {
    .c-444-xs {
      color: #444; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-444-sm {
      color: #444; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-444-md {
      color: #444; } }
  @media only screen and (min-width: 1200px) {
    .c-444-lg {
      color: #444; } }

.c-333 {
  color: #333; }
  @media only screen and (max-width: 767px) {
    .c-333-xs {
      color: #333; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-333-sm {
      color: #333; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-333-md {
      color: #333; } }
  @media only screen and (min-width: 1200px) {
    .c-333-lg {
      color: #333; } }

.c-222 {
  color: #222; }
  @media only screen and (max-width: 767px) {
    .c-222-xs {
      color: #222; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-222-sm {
      color: #222; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-222-md {
      color: #222; } }
  @media only screen and (min-width: 1200px) {
    .c-222-lg {
      color: #222; } }

.c-111 {
  color: #111; }
  @media only screen and (max-width: 767px) {
    .c-111-xs {
      color: #111; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-111-sm {
      color: #111; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-111-md {
      color: #111; } }
  @media only screen and (min-width: 1200px) {
    .c-111-lg {
      color: #111; } }

.c-000 {
  color: #000; }
  @media only screen and (max-width: 767px) {
    .c-000-xs {
      color: #000; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-000-sm {
      color: #000; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .c-000-md {
      color: #000; } }
  @media only screen and (min-width: 1200px) {
    .c-000-lg {
      color: #000; } }

.bd-fff {
  border: 1px solid #fff; }
  @media only screen and (max-width: 767px) {
    .bd-fff-xs {
      border: 1px solid #fff; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-fff-sm {
      border: 1px solid #fff; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-fff-md {
      border: 1px solid #fff; } }
  @media only screen and (min-width: 1200px) {
    .bd-fff-lg {
      border: 1px solid #fff; } }

.bd-eee {
  border: 1px solid #eee; }
  @media only screen and (max-width: 767px) {
    .bd-eee-xs {
      border: 1px solid #eee; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-eee-sm {
      border: 1px solid #eee; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-eee-md {
      border: 1px solid #eee; } }
  @media only screen and (min-width: 1200px) {
    .bd-eee-lg {
      border: 1px solid #eee; } }

.bd-ddd {
  border: 1px solid #ddd; }
  @media only screen and (max-width: 767px) {
    .bd-ddd-xs {
      border: 1px solid #ddd; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-ddd-sm {
      border: 1px solid #ddd; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-ddd-md {
      border: 1px solid #ddd; } }
  @media only screen and (min-width: 1200px) {
    .bd-ddd-lg {
      border: 1px solid #ddd; } }

.bd-ccc {
  border: 1px solid #ccc; }
  @media only screen and (max-width: 767px) {
    .bd-ccc-xs {
      border: 1px solid #ccc; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-ccc-sm {
      border: 1px solid #ccc; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-ccc-md {
      border: 1px solid #ccc; } }
  @media only screen and (min-width: 1200px) {
    .bd-ccc-lg {
      border: 1px solid #ccc; } }

.bd-bbb {
  border: 1px solid #bbb; }
  @media only screen and (max-width: 767px) {
    .bd-bbb-xs {
      border: 1px solid #bbb; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-bbb-sm {
      border: 1px solid #bbb; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-bbb-md {
      border: 1px solid #bbb; } }
  @media only screen and (min-width: 1200px) {
    .bd-bbb-lg {
      border: 1px solid #bbb; } }

.bd-aaa {
  border: 1px solid #aaa; }
  @media only screen and (max-width: 767px) {
    .bd-aaa-xs {
      border: 1px solid #aaa; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-aaa-sm {
      border: 1px solid #aaa; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-aaa-md {
      border: 1px solid #aaa; } }
  @media only screen and (min-width: 1200px) {
    .bd-aaa-lg {
      border: 1px solid #aaa; } }

.bd-999 {
  border: 1px solid #999; }
  @media only screen and (max-width: 767px) {
    .bd-999-xs {
      border: 1px solid #999; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-999-sm {
      border: 1px solid #999; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-999-md {
      border: 1px solid #999; } }
  @media only screen and (min-width: 1200px) {
    .bd-999-lg {
      border: 1px solid #999; } }

.bd-888 {
  border: 1px solid #888; }
  @media only screen and (max-width: 767px) {
    .bd-888-xs {
      border: 1px solid #888; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-888-sm {
      border: 1px solid #888; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-888-md {
      border: 1px solid #888; } }
  @media only screen and (min-width: 1200px) {
    .bd-888-lg {
      border: 1px solid #888; } }

.bd-777 {
  border: 1px solid #777; }
  @media only screen and (max-width: 767px) {
    .bd-777-xs {
      border: 1px solid #777; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-777-sm {
      border: 1px solid #777; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-777-md {
      border: 1px solid #777; } }
  @media only screen and (min-width: 1200px) {
    .bd-777-lg {
      border: 1px solid #777; } }

.bd-666 {
  border: 1px solid #666; }
  @media only screen and (max-width: 767px) {
    .bd-666-xs {
      border: 1px solid #666; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-666-sm {
      border: 1px solid #666; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-666-md {
      border: 1px solid #666; } }
  @media only screen and (min-width: 1200px) {
    .bd-666-lg {
      border: 1px solid #666; } }

.bd-555 {
  border: 1px solid #555; }
  @media only screen and (max-width: 767px) {
    .bd-555-xs {
      border: 1px solid #555; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-555-sm {
      border: 1px solid #555; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-555-md {
      border: 1px solid #555; } }
  @media only screen and (min-width: 1200px) {
    .bd-555-lg {
      border: 1px solid #555; } }

.bd-444 {
  border: 1px solid #444; }
  @media only screen and (max-width: 767px) {
    .bd-444-xs {
      border: 1px solid #444; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-444-sm {
      border: 1px solid #444; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-444-md {
      border: 1px solid #444; } }
  @media only screen and (min-width: 1200px) {
    .bd-444-lg {
      border: 1px solid #444; } }

.bd-333 {
  border: 1px solid #333; }
  @media only screen and (max-width: 767px) {
    .bd-333-xs {
      border: 1px solid #333; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-333-sm {
      border: 1px solid #333; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-333-md {
      border: 1px solid #333; } }
  @media only screen and (min-width: 1200px) {
    .bd-333-lg {
      border: 1px solid #333; } }

.bd-222 {
  border: 1px solid #222; }
  @media only screen and (max-width: 767px) {
    .bd-222-xs {
      border: 1px solid #222; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-222-sm {
      border: 1px solid #222; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-222-md {
      border: 1px solid #222; } }
  @media only screen and (min-width: 1200px) {
    .bd-222-lg {
      border: 1px solid #222; } }

.bd-111 {
  border: 1px solid #111; }
  @media only screen and (max-width: 767px) {
    .bd-111-xs {
      border: 1px solid #111; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-111-sm {
      border: 1px solid #111; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-111-md {
      border: 1px solid #111; } }
  @media only screen and (min-width: 1200px) {
    .bd-111-lg {
      border: 1px solid #111; } }

.bd-000 {
  border: 1px solid #000; }
  @media only screen and (max-width: 767px) {
    .bd-000-xs {
      border: 1px solid #000; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bd-000-sm {
      border: 1px solid #000; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bd-000-md {
      border: 1px solid #000; } }
  @media only screen and (min-width: 1200px) {
    .bd-000-lg {
      border: 1px solid #000; } }

.dsp-b {
  display: block; }
  @media only screen and (max-width: 767px) {
    .dsp-b-xs {
      display: block; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .dsp-b-sm {
      display: block; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dsp-b-md {
      display: block; } }
  @media only screen and (min-width: 1200px) {
    .dsp-b-lg {
      display: block; } }

.dsp-ib {
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .dsp-ib-xs {
      display: inline-block; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .dsp-ib-sm {
      display: inline-block; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dsp-ib-md {
      display: inline-block; } }
  @media only screen and (min-width: 1200px) {
    .dsp-ib-lg {
      display: inline-block; } }

.dsp-i {
  display: inline; }
  @media only screen and (max-width: 767px) {
    .dsp-i-xs {
      display: inline; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .dsp-i-sm {
      display: inline; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dsp-i-md {
      display: block; } }
  @media only screen and (min-width: 1200px) {
    .dsp-i-lg {
      display: block; } }

.dsp-tc {
  display: table-cell; }
  @media only screen and (max-width: 767px) {
    .dsp-tc-xs {
      display: table-cell; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .dsp-tc-sm {
      display: table-cell; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dsp-tc-md {
      display: table-cell; } }
  @media only screen and (min-width: 1200px) {
    .dsp-tc-lg {
      display: table-cell; } }

.dsp-n {
  display: none; }
  @media only screen and (max-width: 767px) {
    .dsp-n-xs {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .dsp-n-sm {
      display: none; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dsp-n-md {
      display: none; } }
  @media only screen and (min-width: 1200px) {
    .dsp-n-lg {
      display: none; } }

.pos-r {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .pos-r-xs {
      position: relative; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pos-r-sm {
      position: relative; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pos-r-md {
      position: relative; } }
  @media only screen and (min-width: 1200px) {
    .pos-r-lg {
      position: relative; } }

.pos-a {
  position: absolute; }
  @media only screen and (max-width: 767px) {
    .pos-a-xs {
      position: absolute; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pos-a-sm {
      position: absolute; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pos-a-md {
      position: absolute; } }
  @media only screen and (min-width: 1200px) {
    .pos-a-lg {
      position: absolute; } }

.pos-f {
  position: fixed; }
  @media only screen and (max-width: 767px) {
    .pos-f-xs {
      position: fixed; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pos-f-sm {
      position: fixed; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pos-f-md {
      position: fixed; } }
  @media only screen and (min-width: 1200px) {
    .pos-f-lg {
      position: fixed; } }

.pos-s {
  position: static; }
  @media only screen and (max-width: 767px) {
    .pos-s-xs {
      position: static; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pos-s-sm {
      position: static; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pos-s-md {
      position: static; } }
  @media only screen and (min-width: 1200px) {
    .pos-s-lg {
      position: static; } }

.br3 {
  border-radius: 3px; }
  @media only screen and (max-width: 767px) {
    .br3-xs {
      border-radius: 3px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br3-sm {
      border-radius: 3px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br3-md {
      border-radius: 3px; } }
  @media only screen and (min-width: 1200px) {
    .br3-lg {
      border-radius: 3px; } }

.br4 {
  border-radius: 4px; }
  @media only screen and (max-width: 767px) {
    .br4-xs {
      border-radius: 4px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br4-sm {
      border-radius: 4px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br4-md {
      border-radius: 4px; } }
  @media only screen and (min-width: 1200px) {
    .br4-lg {
      border-radius: 4px; } }

.br5 {
  border-radius: 5px; }
  @media only screen and (max-width: 767px) {
    .br5-xs {
      border-radius: 5px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br5-sm {
      border-radius: 5px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br5-md {
      border-radius: 5px; } }
  @media only screen and (min-width: 1200px) {
    .br5-lg {
      border-radius: 5px; } }

.br6 {
  border-radius: 6px; }
  @media only screen and (max-width: 767px) {
    .br6-xs {
      border-radius: 6px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br6-sm {
      border-radius: 6px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br6-md {
      border-radius: 6px; } }
  @media only screen and (min-width: 1200px) {
    .br6-lg {
      border-radius: 6px; } }

.br8 {
  border-radius: 8px; }
  @media only screen and (max-width: 767px) {
    .br8-xs {
      border-radius: 8px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br8-sm {
      border-radius: 8px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br8-md {
      border-radius: 8px; } }
  @media only screen and (min-width: 1200px) {
    .br8-lg {
      border-radius: 8px; } }

.br10 {
  border-radius: 10px; }
  @media only screen and (max-width: 767px) {
    .br10-xs {
      border-radius: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br10-sm {
      border-radius: 10px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br10-md {
      border-radius: 10px; } }
  @media only screen and (min-width: 1200px) {
    .br10-lg {
      border-radius: 10px; } }

.br15 {
  border-radius: 15px; }
  @media only screen and (max-width: 767px) {
    .br15-xs {
      border-radius: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br15-sm {
      border-radius: 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br15-md {
      border-radius: 15px; } }
  @media only screen and (min-width: 1200px) {
    .br15-lg {
      border-radius: 15px; } }

.br16 {
  border-radius: 16px; }
  @media only screen and (max-width: 767px) {
    .br16-xs {
      border-radius: 16px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br16-sm {
      border-radius: 16px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br16-md {
      border-radius: 16px; } }
  @media only screen and (min-width: 1200px) {
    .br16-lg {
      border-radius: 16px; } }

.br20 {
  border-radius: 20px; }
  @media only screen and (max-width: 767px) {
    .br20-xs {
      border-radius: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br20-sm {
      border-radius: 20px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br20-md {
      border-radius: 20px; } }
  @media only screen and (min-width: 1200px) {
    .br20-lg {
      border-radius: 20px; } }

.br24 {
  border-radius: 24px; }
  @media only screen and (max-width: 767px) {
    .br24-xs {
      border-radius: 24px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br24-sm {
      border-radius: 24px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br24-md {
      border-radius: 24px; } }
  @media only screen and (min-width: 1200px) {
    .br24-lg {
      border-radius: 24px; } }

.br25 {
  border-radius: 25px; }
  @media only screen and (max-width: 767px) {
    .br25-xs {
      border-radius: 25px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br25-sm {
      border-radius: 25px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br25-md {
      border-radius: 25px; } }
  @media only screen and (min-width: 1200px) {
    .br25-lg {
      border-radius: 25px; } }

.br30 {
  border-radius: 30px; }
  @media only screen and (max-width: 767px) {
    .br30-xs {
      border-radius: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .br30-sm {
      border-radius: 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .br30-md {
      border-radius: 30px; } }
  @media only screen and (min-width: 1200px) {
    .br30-lg {
      border-radius: 30px; } }

.bg-cover {
  background-size: cover !important; }
  @media only screen and (max-width: 767px) {
    .bg-cover-xs {
      background-size: cover !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-cover-sm {
      background-size: cover !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-cover-md {
      background-size: cover !important; } }
  @media only screen and (min-width: 1200px) {
    .bg-cover-lg {
      background-size: cover !important; } }

.bg-contain {
  background-size: contain !important; }
  @media only screen and (max-width: 767px) {
    .bg-contain-xs {
      background-size: contain !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-contain-sm {
      background-size: contain !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-contain-md {
      background-size: contain !important; } }
  @media only screen and (min-width: 1200px) {
    .bg-contain-lg {
      background-size: contain !important; } }

.bs-bb {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .bs-bb-xs {
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bs-bb-sm {
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bs-bb-md {
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  @media only screen and (min-width: 1200px) {
    .bs-bb-lg {
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }

.bs-cb {
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  @media only screen and (max-width: 767px) {
    .bs-cb-xs {
      -moz-box-sizing: content-box;
      box-sizing: content-box; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .bs-cb-sm {
      -moz-box-sizing: content-box;
      box-sizing: content-box; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bs-cb-md {
      -moz-box-sizing: content-box;
      box-sizing: content-box; } }
  @media only screen and (min-width: 1200px) {
    .bs-cb-lg {
      -moz-box-sizing: content-box;
      box-sizing: content-box; } }