.topbar {
	@include MINQ(S) {
	}
	@include MINQ(M) {
	}
	@include MINQ(L) {
	}
}

.topmenu {
	@include COLLAPSED() {
		// Collapsed
	}
	@include UNCOLLAPSED() {
		// Uncollapsed
	}
}

@include MQ(XS) { 
}

@include MQ(S) {
}

@include MQ(M) {
}

@include MQ(L) {
}

//////////////////////////////////////////////
// Exemple utiltizant variables del bootstrap

.topbar {
	@media (min-width: $screen-sm-min) {
	}
	@media (min-width: $screen-md-min) {
	}
	@media (min-width: $screen-lg-min) {
	}
}

.topmenu {
	@media (max-width: $grid-float-breakpoint-max) {
		// Collapsed
	}
	@media (min-width: $grid-float-breakpoint) {
		// Uncollapsed
	}
}

@media (max-width: $screen-xs-max) {
}

@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
}

@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
}

@media (min-width: $screen-lg-min) {
}