/* used to manage a complex comparison table to */
/* be readable on mobile devices.               */

.promo-group-horizontal-promo--column {
	vertical-align: top!important;
}

#customer-service-comparison-table-desktop {
	margin-left:2.5%!important;
	margin-right:2.5%!important;
	margin-bottom:32px!important;
	width:95%!important;
}
#customer-service-comparison-table-desktop tr:nth-child(1) th {
	text-align:center!important;
}
#customer-service-comparison-table-desktop tr td {
	border-left:.0625em solid #DBDBDB;
	text-align:center;
	vertical-align:middle;
}


/* The tabs component is ONLY used at mobile width for the comparison table */
@media (min-width:47.5625em) {
	.tabs { display: none!important; }
}
@media (max-width:47.5em) and (min-width:31.3125em) {
	.tabs { display: none!important; }
}

/* this comparison table is used at all non-mobile widths */
@media (max-width:31.25em) {
	#customer-service-comparison-table-desktop { display: none!important; }
}