/* Display */
.d-none { display: none; }
.d-flex { display: flex; }
.d-block { display: block; }

/*Margin*/
.mg-b-0 { margin-bottom: 0; }
.mg-b-15 { margin-bottom: 15px; }

.mg-l-15 { margin-left: 15px; }

/*Width*/
.w-100 { width: 100%; }

.wd-100 { width: 100px; }

/*Text Color*/
.text-gray { color: gray; }
/*Text Align*/
.text-justify { text-align: justify; }
.text-center { text-align: center; }
/*Text Size*/
.text-24 { font-size: 24px; }
/*Text Style*/
.text-bold { font-weight: bold; }

/*Align*/
.align-items-center { align-items: center; }


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.d-sm-none { display: none; }
	.d-sm-flex { display: flex; }
	.d-sm-block { display: block; }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	/*Display*/
	.d-md-none { display: none; }
	.d-md-flex { display: flex; }
	.d-md-block { display: block; }

	/*Margin*/
	.mg-md-r-10 { margin-right: 10px; }

	/*Width*/
	.wd-md-250 { width: 250px; }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.d-lg-none { display: none; }
	.d-lg-flex { display: flex; }
	.d-lg-block { display: block; }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.d-xl-none { display: none; }
	.d-xl-flex { display: flex; }
	.d-xl-block { display: block; }
}