.visually-hidden {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	width: 1px; 
	margin: -1px; 
	padding: 0; 
	border: 0; 
}

@mixin hidden-xs { 
	@include breakpoint(max-width $breakpoint-sm-width) {
		display: none;
	}
}

@mixin hidden-sm {
	@include breakpoint($breakpoint-sm-width $breakpoint-sm-width-max) {
		display: none;
	}	
}


@mixin hidden-md {
	@include breakpoint($breakpoint-md-width $breakpoint-md-width-max) {
		display: none;
	}	
}

@mixin hidden-lg {
	@include breakpoint($breakpoint-lg-width) {
		display: none;
	}
}

@mixin with-rtl($padding-end: null) {
	@content;

	@if $padding-end != null {
		padding-right: $padding-end;
	}

	.rtl & {
		@include with-layout(rtl) {
			@content;

			@if $padding-end != null {
				padding-left: $padding-end;
			}
		}
	}
}