// ==================================================
// lower style setting
// ==================================================
.lower {
	// modules
	// ----------------------------------------
	// compornent
	// ----------------------------------------
	.breadcrumb {
		padding: 10px 0;
		@include clearfix;
		li {
			float: left;
			@include fs(12);
			@include fontAwesomeAfter('\f054',$lightgrey,inherit);
			&:after {
				@include fs(10);
			}
			&:last-child {
				&:after {
					display: none;
				}
			}
			a {
				color: $midgrey;
				&:hover {
					text-decoration: underline;
				}
			}
		}
		i {
			color: $lightgrey;
			@include fs(10);
		}
	}
}
@include ltMD {};
@include ltSM {};
@include ltXS {};
@include ltXXS {};
// ==================================================
// Text here
// ==================================================
// Text here
// ----------------------------------------
@include ltMD {};
@include ltSM {};
@include ltXS {};
@include ltXXS {};