/* =====================
STRUCTURE
===================== */

.section_breadcrumb {
	max-width: none;
	background-color: #f2f2f2;
}
.section_breadcrumb > .section {
	font-size: 0;
}
.section_breadcrumb > .section > * {
	font-size: 1rem;
}
#main #breadcrumb {
	display: inline-block;
	padding: 20px 0;
	width: calc(100% - 350px);
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main #breadcrumb .breadcrumb {
	border-bottom: none;
	padding: 0;
	text-transform: uppercase;
	vertical-align: top;
}
#main #breadcrumb .breadcrumb a {
	display: inline-block;
}
#main #breadcrumb .breadcrumb span,
#main #breadcrumb .breadcrumb span strong {
	font-weight: normal;
}

#main #tools {
	display: inline-block;
	padding: 20px 0;
	float: none;
	width: 350px;
	text-align: right;
	font-size: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main #tools .region {
	padding: 0;
}
#main #tools .block {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

/* =====================
RESPONSIVE
===================== */

@media only screen and (max-width: 1200px) {

	/* BREADCRUMB */

	#main #breadcrumb {
		padding: 20px 0 20px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#main #tools {
		padding: 20px 20px 20px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

}

@media only screen and (max-width: 960px) {

}

@media only screen and (max-width: 760px) {

	.section_breadcrumb > .section {
		text-align: center;
	}
	#main #breadcrumb {
		width: 100%;
		padding: 20px 20px 10px 20px;
	}
	#main #tools {
		width: 100%;
		padding: 10px 20px 20px 20px;
		text-align: center;
	}

}

@media only screen and (max-width: 460px) {

}