/* Margin top */
.mt-xs-7 { margin-top: 40px; }
.mt-xs-6 { margin-top: 30px; }
.mt-xs-5 { margin-top: 25px; }
.mt-xs-4 { margin-top: 20px; }
.mt-xs-3 { margin-top: 15px; }
.mt-xs-2 { margin-top: 10px; }
.mt-xs-1 { margin-top: 5px; }
.mt-xs-0 { margin-top: 0px; }

/* Margin bottom */
.mb-xs-7 { margin-bottom: 40px; }
.mb-xs-6 { margin-bottom: 30px; }
.mb-xs-5 { margin-bottom: 25px; }
.mb-xs-4 { margin-bottom: 20px; }
.mb-xs-3 { margin-bottom: 15px; }
.mb-xs-2 { margin-bottom: 10px; }
.mb-xs-1 { margin-bottom: 5px; }
.mb-xs-0 { margin-bottom: 0px; }

/* Margin left */
.ml-xs-7 { margin-left: 40px; }
.ml-xs-6 { margin-left: 30px; }
.ml-xs-5 { margin-left: 25px; }
.ml-xs-4 { margin-left: 20px; }
.ml-xs-3 { margin-left: 15px; }
.ml-xs-2 { margin-left: 10px; }
.ml-xs-1 { margin-left: 5px; }
.ml-xs-0 { margin-left: 0px; }

/* Margin right */
.mr-xs-7 { margin-right: 40px; }
.mr-xs-6 { margin-right: 30px; }
.mr-xs-5 { margin-right: 25px; }
.mr-xs-4 { margin-right: 20px; }
.mr-xs-3 { margin-right: 15px; }
.mr-xs-2 { margin-right: 10px; }
.mr-xs-1 { margin-right: 5px; }
.mr-xs-0 { margin-right: 0px; }

/* Padding top */
.pt-xs-7 { padding-top: 40px; }
.pt-xs-6 { padding-top: 30px; }
.pt-xs-5 { padding-top: 25px; }
.pt-xs-4 { padding-top: 20px; }
.pt-xs-3 { padding-top: 15px; }
.pt-xs-2 { padding-top: 10px; }
.pt-xs-1 { padding-top: 5px; }
.pt-xs-0 { padding-top: 0px; }

/* Padding bottom */
.pb-xs-9 { padding-bottom: 100px;}
.pb-xs-8 { padding-bottom: 50px;}
.pb-xs-7 { padding-bottom: 40px; }
.pb-xs-6 { padding-bottom: 30px; }
.pb-xs-5 { padding-bottom: 25px; }
.pb-xs-4 { padding-bottom: 20px; }
.pb-xs-3 { padding-bottom: 15px; }
.pb-xs-2 { padding-bottom: 10px; }
.pb-xs-1 { padding-bottom: 5px; }
.pb-xs-0 { padding-bottom: 0px; }

  /* Padding left */
.pl-xs-7 { padding-left: 40px; }
.pl-xs-6 { padding-left: 30px; }
.pl-xs-5 { padding-left: 25px; }
.pl-xs-4 { padding-left: 20px; }
.pl-xs-3 { padding-left: 15px; }
.pl-xs-2 { padding-left: 10px; }
.pl-xs-1 { padding-left: 5px; }
.pl-xs-0 { padding-left: 0px; }

/* Padding right */
.pr-xs-7 { padding-right: 40px; }
.pr-xs-6 { padding-right: 30px; }
.pr-xs-5 { padding-right: 25px; }
.pr-xs-4 { padding-right: 20px; }
.pr-xs-3 { padding-right: 15px; }
.pr-xs-2 { padding-right: 10px; }
.pr-xs-1 { padding-right: 5px; }
.pr-xs-0 { padding-right: 0px; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Margin top */
  .mt-sm-7 { margin-top: 40px; }
  .mt-sm-6 { margin-top: 30px; }
  .mt-sm-5 { margin-top: 25px; }
  .mt-sm-4 { margin-top: 20px; }
  .mt-sm-3 { margin-top: 15px; }
  .mt-sm-2 { margin-top: 10px; }
  .mt-sm-1 { margin-top: 5px; }
  .mt-sm-0 { margin-top: 0px; }
  
  /* Margin bottom */
  .mb-sm-7 { margin-bottom: 40px; }
  .mb-sm-6 { margin-bottom: 30px; }
  .mb-sm-5 { margin-bottom: 25px; }
  .mb-sm-4 { margin-bottom: 20px; }
  .mb-sm-3 { margin-bottom: 15px; }
  .mb-sm-2 { margin-bottom: 10px; }
  .mb-sm-1 { margin-bottom: 5px; }
  .mb-sm-0 { margin-bottom: 0px; }
  
  /* Margin left */
  .ml-sm-7 { margin-left: 40px; }
  .ml-sm-6 { margin-left: 30px; }
  .ml-sm-5 { margin-left: 25px; }
  .ml-sm-4 { margin-left: 20px; }
  .ml-sm-3 { margin-left: 15px; }
  .ml-sm-2 { margin-left: 10px; }
  .ml-sm-1 { margin-left: 5px; }
  .ml-sm-0 { margin-left: 0px; }
  
  /* Margin right */
  .mr-sm-7 { margin-right: 40px; }
  .mr-sm-6 { margin-right: 30px; }
  .mr-sm-5 { margin-right: 25px; }
  .mr-sm-4 { margin-right: 20px; }
  .mr-sm-3 { margin-right: 15px; }
  .mr-sm-2 { margin-right: 10px; }
  .mr-sm-1 { margin-right: 5px; }
  .mr-sm-0 { margin-right: 0px; }
  
  /* Padding top */
  .pt-sm-7 { padding-top: 40px; }
  .pt-sm-6 { padding-top: 30px; }
  .pt-sm-5 { padding-top: 25px; }
  .pt-sm-4 { padding-top: 20px; }
  .pt-sm-3 { padding-top: 15px; }
  .pt-sm-2 { padding-top: 10px; }
  .pt-sm-1 { padding-top: 5px; }
  .pt-sm-0 { padding-top: 0px; }
  
  /* Padding bottom */
  .pb-sm-7 { padding-bottom: 40px; }
  .pb-sm-6 { padding-bottom: 30px; }
  .pb-sm-5 { padding-bottom: 25px; }
  .pb-sm-4 { padding-bottom: 20px; }
  .pb-sm-3 { padding-bottom: 15px; }
  .pb-sm-2 { padding-bottom: 10px; }
  .pb-sm-1 { padding-bottom: 5px; }
  .pb-sm-0 { padding-bottom: 0px; }
  
    /* Padding left */
  .pl-sm-7 { padding-left: 40px; }
  .pl-sm-6 { padding-left: 30px; }
  .pl-sm-5 { padding-left: 25px; }
  .pl-sm-4 { padding-left: 20px; }
  .pl-sm-3 { padding-left: 15px; }
  .pl-sm-2 { padding-left: 10px; }
  .pl-sm-1 { padding-left: 5px; }
  .pl-sm-0 { padding-left: 0px; }
  
  /* Padding right */
  .pr-sm-7 { padding-right: 40px; }
  .pr-sm-6 { padding-right: 30px; }
  .pr-sm-5 { padding-right: 25px; }
  .pr-sm-4 { padding-right: 20px; }
  .pr-sm-3 { padding-right: 15px; }
  .pr-sm-2 { padding-right: 10px; }
  .pr-sm-1 { padding-right: 5px; }
  .pr-sm-0 { padding-right: 0px; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
      /* Margin top */
  .mt-md-7 { margin-top: 40px; }
  .mt-md-6 { margin-top: 30px; }
  .mt-md-5 { margin-top: 25px; }
  .mt-md-4 { margin-top: 20px; }
  .mt-md-3 { margin-top: 15px; }
  .mt-md-2 { margin-top: 10px; }
  .mt-md-1 { margin-top: 5px; }
  .mt-md-0 { margin-top: 0px; }
  
  /* Margin bottom */
  .mb-md-7 { margin-bottom: 40px; }
  .mb-md-6 { margin-bottom: 30px; }
  .mb-md-5 { margin-bottom: 25px; }
  .mb-md-4 { margin-bottom: 20px; }
  .mb-md-3 { margin-bottom: 15px; }
  .mb-md-2 { margin-bottom: 10px; }
  .mb-md-1 { margin-bottom: 5px; }
  .mb-md-0 { margin-bottom: 0px; }
  
  /* Margin left */
  .ml-md-7 { margin-left: 40px; }
  .ml-md-6 { margin-left: 30px; }
  .ml-md-5 { margin-left: 25px; }
  .ml-md-4 { margin-left: 20px; }
  .ml-md-3 { margin-left: 15px; }
  .ml-md-2 { margin-left: 10px; }
  .ml-md-1 { margin-left: 5px; }
  .ml-md-0 { margin-left: 0px; }
  
  /* Margin right */
  .mr-md-7 { margin-right: 40px; }
  .mr-md-6 { margin-right: 30px; }
  .mr-md-5 { margin-right: 25px; }
  .mr-md-4 { margin-right: 20px; }
  .mr-md-3 { margin-right: 15px; }
  .mr-md-2 { margin-right: 10px; }
  .mr-md-1 { margin-right: 5px; }
  .mr-md-0 { margin-right: 0px; }
  
  /* Padding top */
  .pt-md-7 { padding-top: 40px; }
  .pt-md-6 { padding-top: 30px; }
  .pt-md-5 { padding-top: 25px; }
  .pt-md-4 { padding-top: 20px; }
  .pt-md-3 { padding-top: 15px; }
  .pt-md-2 { padding-top: 10px; }
  .pt-md-1 { padding-top: 5px; }
  .pt-md-0 { padding-top: 0px; }
  
  /* Padding bottom */
  .pb-md-7 { padding-bottom: 40px; }
  .pb-md-6 { padding-bottom: 30px; }
  .pb-md-5 { padding-bottom: 25px; }
  .pb-md-4 { padding-bottom: 20px; }
  .pb-md-3 { padding-bottom: 15px; }
  .pb-md-2 { padding-bottom: 10px; }
  .pb-md-1 { padding-bottom: 5px; }
  .pb-md-0 { padding-bottom: 0px; }
  
    /* Padding left */
  .pl-md-7 { padding-left: 40px; }
  .pl-md-6 { padding-left: 30px; }
  .pl-md-5 { padding-left: 25px; }
  .pl-md-4 { padding-left: 20px; }
  .pl-md-3 { padding-left: 15px; }
  .pl-md-2 { padding-left: 10px; }
  .pl-md-1 { padding-left: 5px; }
  .pl-md-0 { padding-left: 0px; }
  
  /* Padding right */
  .pr-md-7 { padding-right: 40px; }
  .pr-md-6 { padding-right: 30px; }
  .pr-md-5 { padding-right: 25px; }
  .pr-md-4 { padding-right: 20px; }
  .pr-md-3 { padding-right: 15px; }
  .pr-md-2 { padding-right: 10px; }
  .pr-md-1 { padding-right: 5px; }
  .pr-md-0 { padding-right: 0px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
          /* Margin top */
  .mt-lg-7 { margin-top: 40px; }
  .mt-lg-6 { margin-top: 30px; }
  .mt-lg-5 { margin-top: 25px; }
  .mt-lg-4 { margin-top: 20px; }
  .mt-lg-3 { margin-top: 15px; }
  .mt-lg-2 { margin-top: 10px; }
  .mt-lg-1 { margin-top: 5px; }
  .mt-lg-0 { margin-top: 0px; }
  
  /* Margin bottom */
  .mb-lg-7 { margin-bottom: 40px; }
  .mb-lg-6 { margin-bottom: 30px; }
  .mb-lg-5 { margin-bottom: 25px; }
  .mb-lg-4 { margin-bottom: 20px; }
  .mb-lg-3 { margin-bottom: 15px; }
  .mb-lg-2 { margin-bottom: 10px; }
  .mb-lg-1 { margin-bottom: 5px; }
  .mb-lg-0 { margin-bottom: 0px; }
  
  /* Margin left */
  .ml-lg-7 { margin-left: 40px; }
  .ml-lg-6 { margin-left: 30px; }
  .ml-lg-5 { margin-left: 25px; }
  .ml-lg-4 { margin-left: 20px; }
  .ml-lg-3 { margin-left: 15px; }
  .ml-lg-2 { margin-left: 10px; }
  .ml-lg-1 { margin-left: 5px; }
  .ml-lg-0 { margin-left: 0px; }
  
  /* Margin right */
  .mr-lg-7 { margin-right: 40px; }
  .mr-lg-6 { margin-right: 30px; }
  .mr-lg-5 { margin-right: 25px; }
  .mr-lg-4 { margin-right: 20px; }
  .mr-lg-3 { margin-right: 15px; }
  .mr-lg-2 { margin-right: 10px; }
  .mr-lg-1 { margin-right: 5px; }
  .mr-lg-0 { margin-right: 0px; }
  
  /* Padding top */
  .pt-lg-7 { padding-top: 40px; }
  .pt-lg-6 { padding-top: 30px; }
  .pt-lg-5 { padding-top: 25px; }
  .pt-lg-4 { padding-top: 20px; }
  .pt-lg-3 { padding-top: 15px; }
  .pt-lg-2 { padding-top: 10px; }
  .pt-lg-1 { padding-top: 5px; }
  .pt-lg-0 { padding-top: 0px; }
  
  /* Padding bottom */
  .pb-lg-7 { padding-bottom: 40px; }
  .pb-lg-6 { padding-bottom: 30px; }
  .pb-lg-5 { padding-bottom: 25px; }
  .pb-lg-4 { padding-bottom: 20px; }
  .pb-lg-3 { padding-bottom: 15px; }
  .pb-lg-2 { padding-bottom: 10px; }
  .pb-lg-1 { padding-bottom: 5px; }
  .pb-lg-0 { padding-bottom: 0px; }
  
    /* Padding left */
  .pl-lg-7 { padding-left: 40px; }
  .pl-lg-6 { padding-left: 30px; }
  .pl-lg-5 { padding-left: 25px; }
  .pl-lg-4 { padding-left: 20px; }
  .pl-lg-3 { padding-left: 15px; }
  .pl-lg-2 { padding-left: 10px; }
  .pl-lg-1 { padding-left: 5px; }
  .pl-lg-0 { padding-left: 0px; }
  
  /* Padding right */
  .pr-lg-7 { padding-right: 40px; }
  .pr-lg-6 { padding-right: 30px; }
  .pr-lg-5 { padding-right: 25px; }
  .pr-lg-4 { padding-right: 20px; }
  .pr-lg-3 { padding-right: 15px; }
  .pr-lg-2 { padding-right: 10px; }
  .pr-lg-1 { padding-right: 5px; }
  .pr-lg-0 { padding-right: 0px; }
}


@media (max-width: 767px) {
  
  /* Margin top */
  .mt-oxs-7 { margin-top: 40px; }
  .mt-oxs-6 { margin-top: 30px; }
  .mt-oxs-5 { margin-top: 25px; }
  .mt-oxs-4 { margin-top: 20px; }
  .mt-oxs-3 { margin-top: 15px; }
  .mt-oxs-2 { margin-top: 10px; }
  .mt-oxs-1 { margin-top: 5px; }
  .mt-oxs-0 { margin-top: 0px; }
  
  /* Margin bottom */
  .mb-oxs-7 { margin-bottom: 40px; }
  .mb-oxs-6 { margin-bottom: 30px; }
  .mb-oxs-5 { margin-bottom: 25px; }
  .mb-oxs-4 { margin-bottom: 20px; }
  .mb-oxs-3 { margin-bottom: 15px; }
  .mb-oxs-2 { margin-bottom: 10px; }
  .mb-oxs-1 { margin-bottom: 5px; }
  .mb-oxs-0 { margin-bottom: 0px; }
  
  /* Margin left */
  .ml-oxs-7 { margin-left: 40px; }
  .ml-oxs-6 { margin-left: 30px; }
  .ml-oxs-5 { margin-left: 25px; }
  .ml-oxs-4 { margin-left: 20px; }
  .ml-oxs-3 { margin-left: 15px; }
  .ml-oxs-2 { margin-left: 10px; }
  .ml-oxs-1 { margin-left: 5px; }
  .ml-oxs-0 { margin-left: 0px; }
  
  /* Margin right */
  .mr-oxs-7 { margin-right: 40px; }
  .mr-oxs-6 { margin-right: 30px; }
  .mr-oxs-5 { margin-right: 25px; }
  .mr-oxs-4 { margin-right: 20px; }
  .mr-oxs-3 { margin-right: 15px; }
  .mr-oxs-2 { margin-right: 10px; }
  .mr-oxs-1 { margin-right: 5px; }
  .mr-oxs-0 { margin-right: 0px; }
  
  /* Padding top */
  .pt-oxs-7 { padding-top: 40px; }
  .pt-oxs-6 { padding-top: 30px; }
  .pt-oxs-5 { padding-top: 25px; }
  .pt-oxs-4 { padding-top: 20px; }
  .pt-oxs-3 { padding-top: 15px; }
  .pt-oxs-2 { padding-top: 10px; }
  .pt-oxs-1 { padding-top: 5px; }
  .pt-oxs-0 { padding-top: 0px; }
  
  /* Padding bottom */
  .pb-oxs-7 { padding-bottom: 40px; }
  .pb-oxs-6 { padding-bottom: 30px; }
  .pb-oxs-5 { padding-bottom: 25px; }
  .pb-oxs-4 { padding-bottom: 20px; }
  .pb-oxs-3 { padding-bottom: 15px; }
  .pb-oxs-2 { padding-bottom: 10px; }
  .pb-oxs-1 { padding-bottom: 5px; }
  .pb-oxs-0 { padding-bottom: 0px; }
  
    /* Padding left */
  .pl-oxs-7 { padding-left: 40px; }
  .pl-oxs-6 { padding-left: 30px; }
  .pl-oxs-5 { padding-left: 25px; }
  .pl-oxs-4 { padding-left: 20px; }
  .pl-oxs-3 { padding-left: 15px; }
  .pl-oxs-2 { padding-left: 10px; }
  .pl-oxs-1 { padding-left: 5px; }
  .pl-oxs-0 { padding-left: 0px; }
  
  /* Padding right */
  .pr-oxs-7 { padding-right: 40px; }
  .pr-oxs-6 { padding-right: 30px; }
  .pr-oxs-5 { padding-right: 25px; }
  .pr-oxs-4 { padding-right: 20px; }
  .pr-oxs-3 { padding-right: 15px; }
  .pr-oxs-2 { padding-right: 10px; }
  .pr-oxs-1 { padding-right: 5px; }
  .pr-oxs-0 { padding-right: 0px; }
}

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

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}