/* Additional classes to hide elements at certain breakpoints */

/* pure-hidden-xs */
@media screen and (max-width:35.438em) {
	.sm-only {
		display: none;
	}
	
	.md-only {
		display: none;
	}
	
	.lg-only {
		display: none;
	}
	
	.xl-only {
		display: none;
	}
	
	.hide-xs {
		display: none;
	}
}

/* pure-hidden-sm */
@media screen and (min-width:35.5em) and (max-width:47.938em) {
	.xs-only {
		display: none;
	}
	
	.md-only {
		display: none;
	}
	
	.lg-only {
		display: none;
	}
	
	.xl-only {
		display: none;
	}
	
	.hide-sm {
		display: none;
	}
}

/* pure-hidden-md */
@media screen and (min-width:48em) and (max-width:63.938em) {
	.xs-only {
		display: none;
	}
	
	.sm-only {
		display: none;
	}
	
	.lg-only {
		display: none;
	}
	
	.xl-only {
		display: none;
	}
	
	.hide-md {
		display: none;
	}
}

/* pure-hidden-lg */
@media screen and (min-width:64em) and (max-width:79.938em) {
	.xs-only {
		display: none;
	}
	
	.sm-only {
		display: none;
	}
	
	.md-only {
		display: none;
	}
	
	.xl-only {
		display: none;
	}
	
	.hide-lg {
		display: none;
	}
}

/* pure-hidden-xl */
@media screen and (min-width:80em) {
	.xs-only {
		display: none;
	}
	
	.sm-only {
		display: none;
	}
	
	.md-only {
		display: none;
	}
	
	.lg-only {
		display: none;
	}
	
	.hide-xl {
		display: none;
	}
}