// Horizontal Rules
hr {
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;


	&.space {
		border: none;
		height: 50px;
		background: none !important;
	}

	&.space-xs {
		border: none;
		height: 20px;
	}

	&.space-md {
		border: none;
		height: 40px;
	}

	&.space-lg {
		border: none;
		height: 80px;
	}

	&.space-xlg {
		border: none;
		height: 120px;
	}

	&.space-xxlg {
		border: none;
		height: 200px;
	}
}

body {
	&.breakpoint-md {
		hr.space {
			height: 26px;
		}
	}

	&.breakpoint-sm,
	&.breakpoint-xs {
		hr.space {
			height: 16px;
		}
	}

	&.breakpoint-xs,
	&.breakpoint-sm {
		hr.space-lg {
			height: 40px;
		}

		hr.space-xlg {
			height: 40px;
		}

		hr.space-xxlg {
			height: 80px;
		}
	}
}