/* SELECTORS THAT APPLY ONLY TO THE MOBILE LAYOUT
====================================================================== */

.tn_illusIndustryMobile {
	display: none;
	max-width: 100%;
	height: 144px;
	margin: 16px 0;
	background-size: auto 144px;
	background-position: center;
	background-repeat: no-repeat;
}

.tn_homeMobile ul {
	margin: 0;
	padding: 0;
}

.tn_homeMobile ul li {
	display: block;
	list-style-type: none;
	margin-bottom: 10px;
}

.tn_homeMobile ul li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 12px 12px 12px 0;
	align-items: center;
	height: 100px;
	background-color: #98e3f6;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.tn_homeMobile ul li a img {
	width: 120px;
	height: 100px;
	/* RIGHT-TO-LEFT OVERRIDE */
	/* margin-right: 8px; */
	margin-left: 8px;
}

.tn_useCaseMenuMobile {
	background-color: #fff;
	margin: 0 16px 16px 16px;
	padding: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


/* MODIFIED SELECTORS
====================================================================== */

@media screen and (max-device-width: 767px), screen and (max-width: 767px) {

/* BOX MODEL, CLEARFIX, RESET
====================================================================== */

	.tn_container, .tn_container p, .tn_container ul li, .tn_container ol li, .tn_container th, .tn_container td {
		font-size: 16px;
		line-height: 22px;
	}

	.tn_container h1 {
		font-size: 28px;
		line-height: 34px;
	}

	.tn_container h2 {
		margin-bottom: 8px;
		font-weight: 300;
		font-size: 24px;
		line-height: 28px;
	}

	.tn_container h3 {
		font-weight: 300;
		font-size: 20px;
		line-height: 24px;
	}
	
	.tn_container h4 {
		font-size: 18px;
		line-height: 22px;
	}

	.tn_backdropLight, .tn_backdropDark, .tn_tabsDarkBG {
		background-color: #fff;
	}

	.tn_content {
		padding: 0 16px;
	}

	.tn_contentMobile {
		display: block;
	}

	.hidden {
		display: none;
	}

	.tn_contentDesktop {
		display: none;
	}

/* ========== HOME PAGE ========== */

	.tn_homeDesktop {
		display: none;
	}

	.tn_homeMobile {
		display: block;
		margin-top: 16px;
		padding-bottom: 16px;
	}

/* BUTTONS AND TABS
====================================================================== */

/* ========== HORIZONTAL SETS OF AFFORDANCES BECOME STACKED ========== */

	ul.tn_horizArray {
		display: block;
	}

	.tn_arrayButtons li, .tn_arrayThemes li, .tn_arrayTabs li {
		/* RIGHT-TO-LEFT OVERRIDE */
		/* margin-left: 0; */
		margin-right: 0;
	}

/* ========== TABS BECOME BUTTONS ========== */

	.tn_tabGroup {
		margin: 0 16px;
		padding: 0;
	}

	.tn_arrayTabs li a,
	.tn_arrayTabs li.tn_tabSelectedDark a,
	.tn_arrayTabs li.tn_tabSelectedLight a {
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background-color: #f2f4f4;
		border: none;
		color: #0d98be;
	}

	.tn_arrayTabs li.tn_tabSelectedDark a {
		background: #b1eaf8;
		color: #007493;
	}

	.tn_tabGroup ul li {
		margin-bottom: 10px;
	}

	.tn_tabGroup ul li:last-child {
		margin-bottom: 0;
	}

	.tn_tabGroup ul li.tn_tabsUnderline {
		display: none;
	}

	.tn_tabs2Up li, .tn_tabs3Up li, .tn_tabs4Up li {
		max-width: 100%;
	}

/* ========== STYLE THE ARRAY FOR SETS OF USE CASES (THEMES) ========== */

	ul.tn_arrayThemes {
		padding: 0;
	}

	.tn_arrayThemes li {
		margin-bottom: 16px;
	}

	ul.tn_themeUCArray li a {
		min-height: 48px;
		background-color: #f2f4f4;
	}

	.tn_themeHeader {
		align-items: center;
	}

/* USE CASES
====================================================================== */

	.tn_useCaseContentHeader {
		display: block;
	}

	.tn_useCaseHeader {
		padding-top: 28px;
	}

	.tn_useCaseHeader h1 {
		font-size: 26px;
		line-height: 30px;
	}

	.tn_useCaseContent {
		padding: 16px 0;
		border-bottom: 1px solid #bfc0c1;
	}

	.tn_useCaseContent:last-child {
		border-bottom: none;
	}

	.tn_useCaseContent h1 {
		font-size: 24px;
		line-height: 27px;
	}

	.tn_useCaseContent h2 {
		font-size: 22px;
		line-height: 24px;
	}

	.secondary-box {
		border-top: none;
	}

/* ========== USE CASES - OVERVIEW ========== */

	.tn_useCaseOverview {
		padding-top: 0;
	}

	.tn_useCaseOverviewImage {
		float: none;
		width: 100%;
		height: 0;
		padding-bottom: 49%;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}

	.tn_useCaseOverviewCopy {
		margin-top: 16px;
		/* RIGHT-TO-LEFT OVERRIDE */
		/* margin-left: 0; */
		margin-right: 0;
	}

/* ========== USE CASES - BUSINESS DETAILS ========== */

	.tn_useCaseBusinessDetails {
		width: 100%;
	}

	ul.tn_businessTileArray {
		display: block;
		margin: 0;
	}

	ul.tn_businessTileArray li {
		width: 100%;
		margin: 0 0 16px 0;
	}

	ul.tn_businessTileArray li:last-child {
		margin-bottom: 0;
	}

/* ========== USE CASES - TECHNICAL DETAILS ========== */

/* NEW */
	.tn_techVideo {
		flex-direction: column;
	}
	
	.tn_techVideoPoster {
		/* RIGHT-TO-LEFT OVERRIDE */
		/* margin-right: 0; */
		margin-left: 0;
		margin-bottom: 20px;
	}

	.tn_techCVD {
		margin-top: 8px;
	}

	.tn_techCVD h2 {
		margin-bottom: 4px;
	}

	.tn_techCVDContent {
		/* RIGHT-TO-LEFT OVERRIDE */
		/* margin-left: 90px; */
		margin-right: 90px;
	}

	.tn_techCVDContentAlt {
		/* RIGHT-TO-LEFT OVERRIDE */
		/* margin-left: 75px; */
		margin-right: 75px;
	}

	.tn_useCaseProductTable {
		table-layout: auto;
	}

	.tn_useCaseProductTable th, .tn_useCaseProductTable td {
		padding: 4px 6px;
		font-size: 14px;
		line-height: 20px;
	}

	.tn_useCaseProductTable td p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 0.6em;
	}
	
	.tn_useCaseProductTable td p.tn_offerSub {
		margin-top: -0.6em;
		font-size: 12px;
	}


/* ========== USE CASES - PARTNER SOLUTIONS ========== */

	.tn_useCasePartnerSolutions {
		width: 100%;
	}

	.tn_partnerSolutionsTableHeader {
		display: none;
	}

	.tn_partnerSolutionsTable {
		margin-bottom: 0;
		border: none;
	}

	.tn_partnerSolutionsTable div {
		font-size: 16px;
	}

	.tn_pstRow, .tn_pstRow:first-child {
		flex-direction: column;
		padding-top: 6px;
		margin-bottom: 16px;
		border: 1px solid #a7a9ac;
	}

	.tn_partnerSolutionsTable .tn_pstCapability {
		width: 100%;
		font-size: 18px;
		line-height: 26px;
	}
	
	.tn_partnerSolutionsTable .tn_pstCapability {
		padding-bottom: 6px;
		/* RIGHT-TO-LEFT OVERRIDE */
		/* border-right: none; */
		border-left: none;
		border-bottom: 1px solid #eee;
	}

	.tn_pstCapability,
	.tn_pstEntryRow > div {
		padding: 2px 12px;
	}

	.tn_pstEntries {
		width: 100%;
	}

	.tn_pstEntryRow {
		flex-direction: column;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.tn_pstName {
		width: 100%;
	}

	.tn_pstType {
		width: 100%;
	}
	
	.tn_pstLocale {
		display: none;
	}
	
	.tn_pstEntryRow .tn_pstLocaleMobile {
		display: block;
	}
	
	.tn_pstLabelMobile {
		display: inline;
	}

	span.tn_partnerStar {
		top: 5px;
	}

	a.tn_infoBug {
		top: -9px;
	}
	
	.tn_partnerStarLegend span.tn_partnerStar {
		top: 2px;
	}
	
	.tn_partnerTypesLightbox {
		width: 288px;
		padding: 16px;
	}


/* ILLUSTRATIONS
====================================================================== */

	.tn_illusCityscape, .tn_illusIndustry {
		display: none;
	}

	.tn_illusIndustryMobile {
		display: block;
	}

/* ARCHITECTURES
====================================================================== */

	.tn_archContentHeader {
		display: block;
	}


	.tertiary-box.hidden {
		display: block;
	}

	.overflow-hidden,
	.overflow-hidden body {
		overflow: auto;
		height: auto;
	}

	[data-zoom] {
		/* RIGHT-TO-LEFT OVERRIDE */
		/* padding-left: 10px; */
		padding-right: 10px;
	}

	.filter-mobile-content {
		padding-bottom: 20px;
	}

	.filter-mobile-content img {
		width: 100%;
		max-width: 100%;
		height: auto;
		border-radius: 10px;
	}
	
/* ========== VIDEO LIGHTBOX ========== */

	.tn_videoLightbox {
		width: 320px;
		height: 180px;
	}
	
	.tn_videoPlayer {
		width: 320px;
		height: 180px;
	}

.m-description {
	color: #4d4c4c;
	font-size: 16px;
	line-height: 24px;
	padding: 24px 0;
}
.m-description:empty {
	display: none;
}