.head_content.col3 {position: relative; white-space: nowrap; opacity:0; overflow: hidden; z-index: 3; background-color: var(--mt-color-gray-50);}
.breadcrumbs {position: relative; -webkit-text-size-adjust: none; text-size-adjust: none;}
.breadcrumbs h2 {font-size: 0; line-height:0; margin-top: 8px; margin-bottom: 8px;}
.breadcrumbs h2 a, .breadcrumbs h2 span {display: inline-block; font-size:16px; line-height: 17px;}
.breadcrumbs h2 a {text-decoration: none; -webkit-transition: opacity 0.2s; transition: opacity 0.2s;}
.breadcrumbs h2 a:hover {opacity: 0.8;}
.breadcrumbs h2 .i {font-size: 24px; vertical-align: bottom; display: inline-block; line-height: 12px; padding: 0 3px; width: 30px;}
.breadcrumbs h2 a .i-arrow-left {font-size: 20px; line-height: 16px; padding-left:0; position: relative; left: -3px; width: 22px;}

.head_content.col3.scrolling {overflow-x: scroll; overflow: -moz-scrollbars-none;}
.head_content.col3.scrolling::-webkit-scrollbar {display: none; opacity:0;}

@media (max-width: 768px) {
	.breadcrumbs h2 {margin-bottom: 24px;}
	.breadcrumbs h2 .i-chevron-right {padding: 0; width: 22px;}
	.breadcrumbs h2 a .i-arrow-left {width: 18px;}
	.head_content.col3, .adaptive_full_width .head_content.col3 {margin: 14px 24px 0 24px; width: auto;}
	.head_content.col3 + #material_content, .adaptive_full_width .head_content.col3 + #material_content {margin-top: 14px;}
}