/* Breakpoints in WP Admin Bar */
#wpadminbar #wp-admin-bar-breakpoints>.ab-item:before {
	content: "\f181";
	top: 2px;
}

@media screen and (max-width: 782px) {
	#wpadminbar #wp-admin-bar-breakpoints>.ab-item {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		width: 52px;
		padding: 0;
		color: #a7aaad;
		position: relative;
	}

	#wpadminbar #wp-admin-bar-breakpoints>.ab-item:before {
		display: block;
		text-indent: 0;
		font: normal 32px/1 dashicons;
		speak: never;
		top: 7px;
		width: 52px;
		text-align: center;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	#wpadminbar li#wp-admin-bar-breakpoints {
		display: block;
	}
}

@media all and (max-width: 1366px) {

	#wp-admin-bar-breakpoints .max:after,
	#wp-admin-bar-breakpoints-max .ab-item:after {
		content: '1366px';
	}
}

@media all and (max-width: 1024px) {

	#wp-admin-bar-breakpoints .max:after,
	#wp-admin-bar-breakpoints-max .ab-item:after {
		content: '1024px';
	}
}

@media all and (max-width: 768px) {

	#wp-admin-bar-breakpoints .max:after,
	#wp-admin-bar-breakpoints-max .ab-item:after {
		content: '768px';
	}

	#wp-admin-bar-breakpoints .min:after,
	#wp-admin-bar-breakpoints-min .ab-item:after {
		content: 'none';
	}
}

@media all and (min-width: 768px) {

	#wp-admin-bar-breakpoints .min:after,
	#wp-admin-bar-breakpoints-min .ab-item:after {
		content: '768px';
	}
}

@media all and (min-width: 1024px) {

	#wp-admin-bar-breakpoints .min:after,
	#wp-admin-bar-breakpoints-min .ab-item:after {
		content: '1024px';
	}
}

@media all and (min-width: 1366px) {

	#wp-admin-bar-breakpoints .min:after,
	#wp-admin-bar-breakpoints-min .ab-item:after {
		content: '1366px';
	}

	#wp-admin-bar-breakpoints .max:after,
	#wp-admin-bar-breakpoints-max .ab-item:after {
		content: 'none';
	}
}

@media all and (max-width: 768px) {

	#wp-admin-bar-breakpoints .desc:after,
	#wp-admin-bar-breakpoints-desc .ab-item:after {
		content: 'Mobile';
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {

	#wp-admin-bar-breakpoints .desc:after,
	#wp-admin-bar-breakpoints-desc .ab-item:after {
		content: 'Tablet';
	}
}

@media all and (min-width: 1024px) and (max-width: 1366px) {

	#wp-admin-bar-breakpoints .desc:after,
	#wp-admin-bar-breakpoints-desc .ab-item:after {
		content: 'Desktop';
	}
}

@media all and (min-width: 1366px) {

	#wp-admin-bar-breakpoints .desc:after,
	#wp-admin-bar-breakpoints-desc .ab-item:after {
		content: 'Full Width';
	}
}