/**** Grid ****/

/* In case you need to add a vertical gutter uppon / below an element */

.prepend-xs-none	{ margin-top: 0;		}
.prepend-xs-tiny	{ margin-top: 9px;		}
.prepend-xs-1		{ margin-top: 18px;		}
.prepend-xs-2		{ margin-top: 36px;		}
.prepend-xs-3		{ margin-top: 54px;		}
.prepend-xs-4		{ margin-top: 72px;		}
.prepend-xs-5		{ margin-top: 90px;		}
.prepend-xs-6		{ margin-top: 108px;	}
.prepend-xs-7		{ margin-top: 126px;	}
.prepend-xs-8		{ margin-top: 144px;	}
.prepend-xs-9		{ margin-top: 162px;	}
.prepend-xs-10		{ margin-top: 180px;	}

.append-xs-none		{ margin-bottom: 0;		}
.append-xs-tiny		{ margin-bottom: 9px;	}
.append-xs-1		{ margin-bottom: 18px;	}
.append-xs-2		{ margin-bottom: 36px;	}
.append-xs-3		{ margin-bottom: 54px;	}
.append-xs-4		{ margin-bottom: 72px;	}
.append-xs-5		{ margin-bottom: 90px;	}
.append-xs-6		{ margin-bottom: 108px;	}
.append-xs-7		{ margin-bottom: 126px;	}
.append-xs-8		{ margin-bottom: 144px;	}
.append-xs-9		{ margin-bottom: 162px;	}
.append-xs-10		{ margin-bottom: 180px;	}


@media (min-width: 768px) {

	.prepend-sm-none	{ margin-top: 0;		}
	.prepend-sm-tiny	{ margin-top: 9px;		}
	.prepend-sm-1		{ margin-top: 18px;		}
	.prepend-sm-2		{ margin-top: 36px;		}
	.prepend-sm-3		{ margin-top: 54px;		}
	.prepend-sm-4		{ margin-top: 72px;		}
	.prepend-sm-5		{ margin-top: 90px;		}
	.prepend-sm-6		{ margin-top: 108px;	}
	.prepend-sm-7		{ margin-top: 126px;	}
	.prepend-sm-8		{ margin-top: 144px;	}
	.prepend-sm-9		{ margin-top: 162px;	}
	.prepend-sm-10		{ margin-top: 180px;	}

	.append-sm-none		{ margin-bottom: 0;		}
	.append-sm-tiny		{ margin-bottom: 9px;	}
	.append-sm-1		{ margin-bottom: 18px;	}
	.append-sm-2		{ margin-bottom: 36px;	}
	.append-sm-3		{ margin-bottom: 54px;	}
	.append-sm-4		{ margin-bottom: 72px;	}
	.append-sm-5		{ margin-bottom: 90px;	}
	.append-sm-6		{ margin-bottom: 108px;	}
	.append-sm-7		{ margin-bottom: 126px;	}
	.append-sm-8		{ margin-bottom: 144px;	}
	.append-sm-9		{ margin-bottom: 162px;	}
	.append-sm-10		{ margin-bottom: 180px;	}
}


@media (min-width: 992px) {

	.prepend-md-none	{ margin-top: 0;		}
	.prepend-md-tiny	{ margin-top: 9px;		}
	.prepend-md-1		{ margin-top: 18px;		}
	.prepend-md-2		{ margin-top: 36px;		}
	.prepend-md-3		{ margin-top: 54px;		}
	.prepend-md-4		{ margin-top: 72px;		}
	.prepend-md-5		{ margin-top: 90px;		}
	.prepend-md-6		{ margin-top: 108px;	}
	.prepend-md-7		{ margin-top: 126px;	}
	.prepend-md-8		{ margin-top: 144px;	}
	.prepend-md-9		{ margin-top: 162px;	}
	.prepend-md-10		{ margin-top: 180px;	}

	.append-md-none		{ margin-bottom: 0;		}
	.append-md-tiny		{ margin-bottom: 9px;	}
	.append-md-1		{ margin-bottom: 18px;	}
	.append-md-2		{ margin-bottom: 36px;	}
	.append-md-3		{ margin-bottom: 54px;	}
	.append-md-4		{ margin-bottom: 72px;	}
	.append-md-5		{ margin-bottom: 90px;	}
	.append-md-6		{ margin-bottom: 108px;	}
	.append-md-7		{ margin-bottom: 126px;	}
	.append-md-8		{ margin-bottom: 144px;	}
	.append-md-9		{ margin-bottom: 162px;	}
	.append-md-10		{ margin-bottom: 180px;	}
}


@media (min-width: 1200px) {

	.prepend-lg-none	{ margin-top: 0;		}
	.prepend-lg-tiny	{ margin-top: 9px;		}
	.prepend-lg-1		{ margin-top: 18px;		}
	.prepend-lg-2		{ margin-top: 36px;		}
	.prepend-lg-3		{ margin-top: 54px;		}
	.prepend-lg-4		{ margin-top: 72px;		}
	.prepend-lg-5		{ margin-top: 90px;		}
	.prepend-lg-6		{ margin-top: 108px;	}
	.prepend-lg-7		{ margin-top: 126px;	}
	.prepend-lg-8		{ margin-top: 144px;	}
	.prepend-lg-9		{ margin-top: 162px;	}
	.prepend-lg-10		{ margin-top: 180px;	}

	.append-lg-none		{ margin-bottom: 0;		}
	.append-lg-tiny		{ margin-bottom: 9px;	}
	.append-lg-1		{ margin-bottom: 18px;	}
	.append-lg-2		{ margin-bottom: 36px;	}
	.append-lg-3		{ margin-bottom: 54px;	}
	.append-lg-4		{ margin-bottom: 72px;	}
	.append-lg-5		{ margin-bottom: 90px;	}
	.append-lg-6		{ margin-bottom: 108px;	}
	.append-lg-7		{ margin-bottom: 126px;	}
	.append-lg-8		{ margin-bottom: 144px;	}
	.append-lg-9		{ margin-bottom: 162px;	}
	.append-lg-10		{ margin-bottom: 180px;	}
}

/* for aligning text  */

.text-xs-right		{ text-align: right;  }
.text-xs-left		{ text-align: left;	  }
.text-xs-center	{ text-align: center; }

@media (min-width: 768px) {
	.text-sm-right		{ text-align: right;  }
	.text-sm-left		{ text-align: left;	  }
	.text-sm-center	{ text-align: center; }
}

@media (min-width: 992px) {
	.text-md-right		{ text-align: right;  }
	.text-md-left		{ text-align: left;	  }
	.text-md-center	{ text-align: center; }
}

@media (min-width: 1200px) {
	.text-lg-right		{ text-align: right;  }
	.text-lg-left		{ text-align: left;	  }
	.text-lg-center	{ text-align: center; }
}

/* for floating text  */

.pull-xs-none	    { float: none; }
.pull-xs-right		{ float: right;  }
.pull-xs-left		{ float: left;	  }

@media (min-width: 768px) {
	.pull-sm-none	    { float: none; }
	.pull-sm-right		{ float: right;  }
	.pull-sm-left		{ float: left;	  }
}

@media (min-width: 992px) {
	.pull-md-none	    { float: none; }
	.pull-md-right		{ float: right;  }
	.pull-md-left		{ float: left;	  }
}

@media (min-width: 1200px) {
	.pull-lg-none	    { float: none; }
	.pull-lg-right		{ float: right;  }
	.pull-lg-left		{ float: left;	  }
}

/* for display  */

.display-xs-none	    { display: none; }
.display-xs-block		{ display: block; }
.display-xs-inline		{ display: inline; }
.display-xs-inline-block{ display: inline-block; }
.display-xs-flex		{ display: flex; }
.display-xs-inline-flex { display: inline-flex; }

@media (min-width: 768px) {
	.display-sm-none	    { display: none; }
	.display-sm-block		{ display: block   }
	.display-sm-inline		{ display: inline; }
	.display-sm-inline-block{ display: inline-block; }
	.display-sm-flex		{ display: flex; }
	.display-sm-inline-flex { display: inline-flex; }
}

@media (min-width: 992px) {
	.display-md-none	    { display: none; }
	.display-md-block		{ display: block; }
	.display-md-inline		{ display: inline; }
	.display-md-inline-block{ display: inline-block }
	.display-md-flex		{ display: flex 	  }
	.display-md-inline-flex { display: inline-flex 	  }
}

@media (min-width: 1200px) {
	.display-lg-none	    { display: none; }
	.display-lg-block		{ display: block; }
	.display-lg-inline		{ display: inline; }
	.display-lg-inline-block{ display: inline-block; }
	.display-lg-flex		{ display: flex; }
	.display-lg-inline-flex { display: inline-flex; }
}

/* for margins  */

.margin-right-xs-none	{ margin-right: 0;  }
.margin-right-xs-5		{ margin-right: 5px;  }
.margin-right-xs-10		{ margin-right: 10px;  }
.margin-right-xs-15		{ margin-right: 15px;  }
.margin-right-xs-20		{ margin-right: 20px;  }
.margin-right-xs-25		{ margin-right: 25px;  }
.margin-right-xs-30		{ margin-right: 30px;  }

.margin-left-xs-none	{ margin-left: 0;  }
.margin-left-xs-5		{ margin-left: 5px;  }
.margin-left-xs-10		{ margin-left: 10px;  }
.margin-left-xs-15		{ margin-left: 15px;  }
.margin-left-xs-20		{ margin-left: 20px;  }
.margin-left-xs-25		{ margin-left: 25px;  }
.margin-left-xs-30		{ margin-left: 30px;  }

.margin-top-xs-none	    { margin-top: 0;  }
.margin-top-xs-5		{ margin-top: 5px;  }
.margin-top-xs-10		{ margin-top: 10px;  }
.margin-top-xs-15		{ margin-top: 15px;  }
.margin-top-xs-20		{ margin-top: 20px;  }
.margin-top-xs-25		{ margin-top: 25px;  }
.margin-top-xs-30		{ margin-top: 30px;  }

.margin-bottom-xs-none	{ margin-bottom: 0;  }
.margin-bottom-xs-5		{ margin-bottom: 5px;  }
.margin-bottom-xs-10	{ margin-bottom: 10px;  }
.margin-bottom-xs-15	{ margin-bottom: 15px;  }
.margin-bottom-xs-20	{ margin-bottom: 20px;  }
.margin-bottom-xs-25	{ margin-bottom: 25px;  }
.margin-bottom-xs-30	{ margin-bottom: 30px;  }

.margin-xs-auto { margin: 0 auto; }

@media (min-width: 768px) {
    .margin-right-sm-none	{ margin-right: 0;  }
    .margin-right-sm-5		{ margin-right: 5px;  }
    .margin-right-sm-10		{ margin-right: 10px;  }
    .margin-right-sm-15		{ margin-right: 15px;  }
    .margin-right-sm-20		{ margin-right: 20px;  }
    .margin-right-sm-25		{ margin-right: 25px;  }
    .margin-right-sm-30		{ margin-right: 30px;  }

    .margin-left-sm-none	{ margin-left: 0;  }
    .margin-left-sm-5		{ margin-left: 5px;  }
    .margin-left-sm-10		{ margin-left: 10px;  }
    .margin-left-sm-15		{ margin-left: 15px;  }
    .margin-left-sm-20		{ margin-left: 20px;  }
    .margin-left-sm-25		{ margin-left: 25px;  }
    .margin-left-sm-30		{ margin-left: 30px;  }

    .margin-top-xs-none	    { margin-top: 0;  }
    .margin-top-xs-5		{ margin-top: 5px;  }
    .margin-top-xs-10		{ margin-top: 10px;  }
    .margin-top-xs-15		{ margin-top: 15px;  }
    .margin-top-xs-20		{ margin-top: 20px;  }
    .margin-top-xs-25		{ margin-top: 25px;  }
    .margin-top-xs-30		{ margin-top: 30px;  }

    .margin-bottom-xs-none	{ margin-bottom: 0;  }
    .margin-bottom-xs-5		{ margin-bottom: 5px;  }
    .margin-bottom-xs-10	{ margin-bottom: 10px;  }
    .margin-bottom-xs-15	{ margin-bottom: 15px;  }
    .margin-bottom-xs-20	{ margin-bottom: 20px;  }
    .margin-bottom-xs-25	{ margin-bottom: 25px;  }
    .margin-bottom-xs-30	{ margin-bottom: 30px;  }
}

@media (min-width: 992px) {
    .margin-right-md-none	{ margin-right: 0;  }
    .margin-right-md-5		{ margin-right: 5px;  }
    .margin-right-md-10		{ margin-right: 10px;  }
    .margin-right-md-15		{ margin-right: 15px;  }
    .margin-right-md-20		{ margin-right: 20px;  }
    .margin-right-md-25		{ margin-right: 25px;  }
    .margin-right-md-30		{ margin-right: 30px;  }

    .margin-left-md-none	{ margin-left: 0;  }
    .margin-left-md-5		{ margin-left: 5px;  }
    .margin-left-md-10		{ margin-left: 10px;  }
    .margin-left-md-15		{ margin-left: 15px;  }
    .margin-left-md-20		{ margin-left: 20px;  }
    .margin-left-md-25		{ margin-left: 25px;  }
    .margin-left-md-30		{ margin-left: 30px;  }

    .margin-top-md-none	    { margin-top: 0;  }
    .margin-top-md-5		{ margin-top: 5px;  }
    .margin-top-md-10		{ margin-top: 10px;  }
    .margin-top-md-15		{ margin-top: 15px;  }
    .margin-top-md-20		{ margin-top: 20px;  }
    .margin-top-md-25		{ margin-top: 25px;  }
    .margin-top-md-30		{ margin-top: 30px;  }

    .margin-bottom-md-none	{ margin-bottom: 0;  }
    .margin-bottom-md-5		{ margin-bottom: 5px;  }
    .margin-bottom-md-10	{ margin-bottom: 10px;  }
    .margin-bottom-md-15	{ margin-bottom: 15px;  }
    .margin-bottom-md-20	{ margin-bottom: 20px;  }
    .margin-bottom-md-25	{ margin-bottom: 25px;  }
    .margin-bottom-md-30	{ margin-bottom: 30px;  }
}

@media (min-width: 1200px) {
    .margin-right-lg-none	{ margin-right: 0;  }
    .margin-right-lg-5		{ margin-right: 5px;  }
    .margin-right-lg-10		{ margin-right: 10px;  }
    .margin-right-lg-15		{ margin-right: 15px;  }
    .margin-right-lg-20		{ margin-right: 20px;  }
    .margin-right-lg-25		{ margin-right: 25px;  }
    .margin-right-lg-30		{ margin-right: 30px;  }

    .margin-left-lg-none	{ margin-left: 0;  }
    .margin-left-lg-5		{ margin-left: 5px;  }
    .margin-left-lg-10		{ margin-left: 10px;  }
    .margin-left-lg-15		{ margin-left: 15px;  }
    .margin-left-lg-20		{ margin-left: 20px;  }
    .margin-left-lg-25		{ margin-left: 25px;  }
    .margin-left-lg-30		{ margin-left: 30px;  }
    
    .margin-top-lg-none	    { margin-top: 0;  }
    .margin-top-lg-5		{ margin-top: 5px;  }
    .margin-top-lg-10		{ margin-top: 10px;  }
    .margin-top-lg-15		{ margin-top: 15px;  }
    .margin-top-lg-20		{ margin-top: 20px;  }
    .margin-top-lg-25		{ margin-top: 25px;  }
    .margin-top-lg-30		{ margin-top: 30px;  }

    .margin-bottom-lg-none	{ margin-bottom: 0;  }
    .margin-bottom-lg-5		{ margin-bottom: 5px;  }
    .margin-bottom-lg-10	{ margin-bottom: 10px;  }
    .margin-bottom-lg-15	{ margin-bottom: 15px;  }
    .margin-bottom-lg-20	{ margin-bottom: 20px;  }
    .margin-bottom-lg-25	{ margin-bottom: 25px;  }
    .margin-bottom-lg-30	{ margin-bottom: 30px;  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.nested-col {
    padding-left: 0;
}