/* BREAKPOINT MOBILE */
@media (max-width: 768px) {

	.module.tab {
		margin: 0 calc(var(--gl-site-padding) * -1);
		width: calc(100% + (var(--gl-site-padding) * 2));
	    overflow-x: scroll;
	}
	.module.tab::-webkit-scrollbar {
		display: none;
	}
	.module.tab .item {
		min-width: max-content;
	}
	.module.tab.vertical {
		flex-direction: row;
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: var(--cl-bright-3);
	}
	.module.tab.vertical .item,
	.module.tab.horizontal .item {
		padding: 16px 20px;
		color: var(--cl-shady-1);
		width: 100%;
		text-align: center;
	    justify-content: center;
	}
	.module.tab.vertical .item:hover {
		color: var(--cl-primary-2);
		background-color: var(--cl-secondary-1);
	}
	.module.tab.vertical .item.active {
		color: var(--cl-shady-5);
		background-color: var(--cl-secondary-1);
		font-weight: 500;
		border-right: none;
		border-bottom: 2px solid var(--cl-primary-3);
	}
	.module.tab.vertical .item.active:hover {
		color: var(--cl-primary-4);
		background-color: var(--cl-secondary-2);
	}
	.module.tab.vertical .before,
	.module.tab.vertical .after {
		display: block;
	}

}