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

/* 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: 36px;
		line-height: 44px;
	}

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

	.tn_container h3 {
		font-size: 22px;
		font-weight: 300;
		line-height: 28px;
	}
	
	.tn_container h4 {
		font-size: 20px;
		line-height: 24px;
	}
	
	.tn_content {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 24px;
	}

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

/* ========== GENERIC ARRAY USED FOR ALL HORIZONTAL SETS OF AFFORDANCES ========== */

	ul.tn_horizArray li {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		list-style-type: none;
		font-size: 14px;
		line-height: 20px;
	}

/* OFFERS SELECTOR */

	.tn_legend {
		padding: 36px 0px 36px;
		font-size: 14px;
	}

	.tn_offerSelect {
		margin: 0 5px 0 0;
		width: 310px;
	}

	.tn_drop-block {
		font-size: 14px;
	}

	ul.tn_drop-list li {
		font-size: 14px;
	}

	.tn_drop-list a {
		padding: 4px 10px;
	}

	span.tn_legendSustainability {
		font-size: 14px;
	}

	span.tn_legendSustainabilityIcon {
		width: 14px;
		height: 14px;
		background-size: 14px 14px;
	}

	ul.tn_themeUCArray li a.tn_sustainabilityUCArray,
	ul.tn_xTargetArray li a.tn_sustainabilityUCArray {
		background-size: 14px 14px;
	}


/* ========== STYLE THE ARRAY FOR TABS ========== */

	.tn_tabs2Up li {
		max-width: 280px;
	}

	.tn_tabs3Up li {
		max-width: 233.333px;
	}
	
	.tn_tabs4Up li {
		max-width: 172.5px;
	}


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

.tn_themeIconsOnIllus .tn_themeIconHighlight {
	top: -8px;
	left: -8px;
	width: 56px;
	height: 56px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
}

/* ========== ARCHITECTURE THEME SELECTOR BUTTONS ========== */

	ul.tn_archThemeButtons {
		display: block;
	}
	
	ul.tn_archThemeButtons li {
		margin: 0 0 4px 0;
	}
	
	ul.tn_archThemeButtons li:last-child {
		margin-bottom: 0;
	}

/* NEW */
	a.tn_ctaButton {
		font-size: 18px;
	}


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

	.tn_useCaseHeader {
		padding-top: 32px;
		text-align: left;
	}

	.tn_useCaseHeader h1 {
		font-size: 34px;
		line-height: 38px;
	}
	
	.tn_useCaseContent h1 {
		font-size: 30px;
		line-height: 34px;
	}

	.tn_useCaseContent h2 {
		font-size: 26px;
		line-height: 30px;
	}

/* ========== OVERVIEW ========== */

/* NEW */
	.tn_useCaseOverviewImage {
		width: 360px;
		height: 180px;
	}

/* NEW */
	.tn_useCaseOverviewCopy {
		margin-left: 400px;
	}

/* ========== BUSINESS DETAILS ========== */

	.tn_useCaseBusinessDetails {
		width: 720px;
	}

	ul.tn_businessTileArray {
		margin: -12px;
	}

	ul.tn_businessTileArray li {
		width: 348px;
		margin: 12px;
	}

/* ========== TECHNICAL DETAILS ========== */

	p.tn_offerSub {
		font-size: 14px;
	}


/* ========== PARTNER SOLUTIONS ========== */

	.tn_useCasePartnerSolutions {
		width: 720px;
	}
	
	.tn_partnerSolutionsTableHeader div,
	.tn_partnerSolutionsTable div {
		font-size: 14px;
	}
	
	span.tn_pstCheck {
		top: 8px;
	}
	
	span.tn_partnerStar {
		top: 10px;
	}
	
	a.tn_infoBug {
		top: 1px;
		width: 22px;
		height: 22px;
		background-size: 22px 22px;
	}

/* ========== VIDEO LIGHTBOX ========== */

	.tn_videoLightbox {
		width: 720px;
		height: 405px;
	}
	
	.tn_videoPlayer {
		width: 720px;
		height: 405px;
	}
	
	.tn_lightboxCloseX {
		top: -52px;
		right: -6px;;
	}

}






