/* DOCS Styles */
html {
	scroll-behavior: auto;
}

a {
	color:#1A5CDE;
	}
	a:hover,
	a:focus {
		color: #1F4389;
	}	

#docsWrapper {max-width: 100%;}
#docsWrapper td {

	padding:7px;
}

p b {
	font-weight: 600;
}

#innerContent {
	width:100%;
	padding:0;
}

#insideNav {
	-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.25);
}

#insideNav #getStartedHome, #insideNav #getStartedHomeInside {
	background:#F7394A;
	color:#FFF !important;
}

#insideNav #mivaLogo {
	background:#FFF;
	color:#F7394A;
}

#insideNav ul {
	width:672px;
}

#leftMenu {
	background:#FFF;
	}
	#leftMenu .icon-close-mobile {
		color:#3A3B3C;
	}
	#leftRespNav {
		border-bottom:solid 1px #E1E5EB;
		}
		#leftRespNav li {
			text-transform:none;
			font-family:canada-type-gibson, sans-serif;
			font-size:22px;
			font-weight:500;
			margin-bottom:20px;
			}
			#leftRespNav li a {
				color:#3A3B3C;
				}
				#leftRespNav li a:hover {
					color:#2F75FC;
				}
	#leftMenu p {
		color:#62666B;
		}
		#leftMenu p span {
			color:#2F75FC;
		}

#docsHeader {
	margin-top:80px;
	background:#3e4247;
	padding:40px 0;
	text-align: center;
	}
	#docsHeader h1 {
		text-indent:0;
		font-size:2.375em;
		font-weight:100;
		margin-bottom:2.5rem;
	}
	#docsSearch {
		display: inline-block;
		}
		#docSearch {
			padding:20px 5px;
			width:700px;
			-webkit-border-top-left-radius:5px;
			-moz-border-top-left-radius:5px;
			-o-border-top-left-radius:5px;
			border-top-left-radius:5px;
			-webkit-border-bottom-left-radius:5px;
			-moz-border-bottom-left-radius:5px;
			-o-border-bottom-left-radius:5px;
			border-bottom-left-radius:5px;
			border:none;
			float:left;
		}
		#docSubmit {
			padding:20px 30px;
			-webkit-border-top-right-radius:5px;
			-moz-border-top-right-radius:5px;
			-o-border-top-right-radius:5px;
			border-top-right-radius:5px;
			-webkit-border-bottom-right-radius:5px;
			-moz-border-bottom-right-radius:5px;
			-o-border-bottom-right-radius:5px;
			border-bottom-right-radius:5px;
			border:none;
			float:left;
			background:#1EABBD;
			color:#FFF;
			text-transform:uppercase;
			letter-spacing:0.1em;
			font-weight:600;
		}

#docsWrapper {
	margin-top:50px;
}

.docsLandSection a {
	color: #4b4b4b;
}



#docsCats {
	float:left;
	width:250px;
	margin-right:15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	overflow-y:auto;
	}
	#docsMain #docsCats {
		display:none;
	}
	#docsCats h2 {
		margin-bottom:20px;
		color:#414141;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		}
		#docsCats h2 i {
			display:none;
			float:right;
			font-size:0.75em;
		}
	#docsCats ul {
		font-size:0.875em;
		color:#414141;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		}
		#docsCats ul li {
			background:none;
			padding-left:0;
			margin-bottom:10px;
			}
			#docsCats ul li a {
				color:#000;
			}
			#docsCats ul li ul {
				margin:10px 0 0 5px;
				}
				#docsCats ul li ul li {
					font-size:1.125em;
					padding-left:15px;
					}
					#docsCats ul li ul li a {
						color:#16c0d5;
					}
			#docsCats .activeCat {
				font-weight:bold;
				background:url(/images/new-images/black-arrow.svg) no-repeat left center;
			}

#docsContent {
	float:left;
	width:905px;
	}

 

#docsContent ol li {
  list-style: decimal;
  background: none;
  list-style-type: decimal; 
}

#docsContent ol ul li {
  list-style: disc;
  background: none;
 
}



#docsContent ol {
  list-style: decimal !important;
}



	#docsMain #docsContent {
		float:right;
	}
	#crumbs {
		
		}
		#crumbs li {
			float:left;
			display:inline-block;
			background: none;
			-webkit-background-size:100% 100%;
			-moz-background-size:100% 100%;
			-o-background-size:100% 100%;
			background-size:100% 100%;
			padding:5px 25px;
			}
			#crumbs li:nth-child(1) {
				background: none;
				-webkit-background-size:100% 100%;
				-moz-background-size:100% 100%;
				-o-background-size:100% 100%;
				background-size:100% 100%;
				padding:5px 25px 5px 15px;
			}
			#crumbs li a {
				color:#16c0d5;
			}

	.docsLandSection {
		float:left;
		width:415px;
		height:140px;
		color:#4b4b4b;
		margin-top:20px;
		}
		.docsLandSection i {
			font-size:4em;
			float:left;
		}
		.docsLandSection h2 {
			width:70%;
			float:left;
			margin:0 0 10px 0 !important;
			font-size:1.6em !important;
			font-weight:300 !important;
		}
		.docsLandSection p {
			width:70%;
			float:left;
			font-size:1.125em;
		}

#docsHome #insideNav ul {
	width:650px;
}

.additional-links{

	clear: both;

}
	.additional-links a{

	color: #1A5CDE;
	line-height: 10px;
	
}

.video_version{

	color: #1A5CDE;

}

#stickyNav ul {
	width: 650px;
	}

#docsHome #docsHeader {
	padding:70px 0;
	background:url(/images/books.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	}
	#docsHome #docsHeader h1 {
		text-align:center;
		font-size:2em;
		}
		#docsHome #docsSearch {
			margin:auto;
			display: inline-block;
			width: auto;
			}
			#docsHome #docSearch {
				width:725px;
			}

#docsHomeContent {
	padding-bottom:30px;
	}
	#docsHome .docsLandSection {
		text-align:center;
		height:auto;
		padding:50px 0;
		border:solid 2px #FFF;
		position:relative;
		}
		#docsHome .docsLandSection a {
			display:block;
			position:absolute;
			width:100%;
			height:100%;
		}
		#docsHome .docsLandSection:hover {
			border:solid 2px #16c0d5;
		}
		#docsHome .docsLandSection i {
			float:none;
			display:block;
			text-align:center;
			margin-bottom:15px;
		}
		#docsHome .docsLandSection h2 {
			width:100%;
			font-weight:100 !important;
			color:#000;
			margin:15px 0 20px 0 !important;
		}
		#docsHome .docsLandSection p {
			width:auto;
			margin:0 70px;
			color:#4d4d4d;
		}

#getStarted {
	background:#494d51;
	padding:115px 0;
	position:relative;
	z-index:99;
	}
	#getStarted h2 {
		font-size:2.125em;
		font-weight:500;
		margin:0 0 20px 0;
	}
	#getStarted h3 {
		font-weight:300;
		font-size:1.125em;
		color:#9ea1a9;
	    float:none;
	    line-height:26px;
	    margin:0 0 40px;
	    text-align:center;
	}
	#getStarted .btnTransparentSquared {
		width:290px;
		font-weight:600;
		border-radius:30px;
	    clear:left;
	    display:block;
	    float:none;
	    font-size:0.875em;
	    letter-spacing:0.06em;
	    margin:0 auto;
	    padding:12px 25px;
	    text-align:center;
	}
	#mivaFooter {
		z-index:99;
	}

#needsExpand {
	display:none;
	opacity:0;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	}
	.descExpand {
		display:block !important;
		opacity:1 !important;
	}



/* ----- API Docs ------------------------------------------------ */
.docs1 .wideContainer {
	width:100%;
}
.docs1 #innerContent {
	padding-bottom:0;
}

#newWrap {
	width:750px;
	padding:0 0 100px 0;
	margin:60px auto  0 auto;
	}
	#newWrap #docCrumbs {
		margin:0;
		}
		#newWrap #docCrumbs li {
			display:inline;
			background:url(https://www.miva.com/images/new-images/grey-arrow.svg) no-repeat left center;
			-webkit-background-size:8px 8px;
			-moz-background-size:8px 8px;
			-o-background-size:8px 8px;
			background-size:8px 8px;
			padding-left:0;
			font-size:13px;
			letter-spacing:0.65px;
			text-transform:uppercase;
			padding-left:20px;
			margin-left:10px;
			font-family:canada-type-gibson, sans-serif;
			}
			#newWrap #docCrumbs li:nth-child(1) {
				background:none;
				padding-left:0;
				margin-left:0;
			}
			#newWrap #docCrumbs li a {
				color:#969DA8;
			}
	#newWrap h1 {
		color:#272F40;
		font-size:2.1875em;
		font-weight:600;
		padding-bottom:10px;
		margin:35px 0 25px 0;
		line-height:50px;
		font-family:canada-type-gibson, sans-serif;
	}
	#newWrap h2 {
		color:#272F40;
		font-size:1.4375em;
		font-weight:600;
		border-bottom:solid 1px rgba(154, 154, 154, .15);
		padding-bottom:15px;
		margin:85px 0 15px 0;
		font-family:canada-type-gibson, sans-serif;
	}
	#newWrap h3 {
		text-transform:uppercase;
		color:#868D98;
		font-size:0.975em;
		letter-spacing:0.06em;
		margin:25px 0 15px 0;
		font-family:canada-type-gibson, sans-serif;
		font-weight:600;
	}
	#newWrap p {
		width:85%;
		color:#565A60;
		font-weight:100;
		margin-bottom:20px;
		font-family:canada-type-gibson, sans-serif;
	}
	#newWrap a {
		font-weight:500;
		color:#16c0d5;
	}
	#newWrap ul {
		margin:0 0 20px 0;
		color:#565A60;
		list-style: none;
		font-family:canada-type-gibson, sans-serif;
		}
		#newWrap ul li {
			background:none;
			padding-left:0;
			color:#3A3B3C;
		}
		#newWrap .bulletList li {
			padding-left: 15px;
			background:url(/images/light-grey-bullet.png) no-repeat left 9px;
			margin-bottom: 7px;
		}
		#newWrap ul ul {
			margin:10px 0 15px 20px;
			}
			#newWrap ul ul li {
				padding-left:25px;
				font-family:canada-type-gibson, sans-serif;
				font-weight:300;
				font-size:16px;
				color:#62666B;
				background:url(/images/light-grey-bullet.png) no-repeat left 9px;
			}
		#newWrap ul .olNumber {
			margin-bottom:10px;
			font-family:canada-type-gibson, sans-serif;
			font-size:18px;
			color:#3A3B3C;
			}
		#newWrap .anchorList {
			color:#16c0d5;
			}
			#newWrap .anchorList a {
				font-weight:300;
			}
	#newWrap .versionOptions {

		}
		#newWrap .versionOptions li,
		.docsMainSxn .versionOptions li {
			display: inline;
			margin-right: 10px;
			background: none;
			padding-left: 0;
			}
			#newWrap .versionOptions li a,
			.docsMainSxn .versionOptions li a {
				padding: 10px 25px;
				border-radius: 30px;
				border: solid 1px #C8CBD1;
				color: #62666B;
				text-decoration: none;
				}
				#newWrap .versionOptions li a:hover,
				#newWrap .versionOptions li.activeVersion a,
				.docsMainSxn .versionOptions li a:hover,
				.docsMainSxn .versionOptions li.activeVersion a {
					border: solid 2px #2F75FF;
					color: #2F75FF;
				}
	#newWrap img {
		max-width:100%;
		margin:25px 0 60px 0;
	}
	#newWrap .cacher-snippet {
		margin-bottom:45px !important;
	}
	#newWrap .cacher-snippet-footer {
		display:none;
	}
	#newWrap blockquote {
		display:block;
		max-width:570px;
		background:#F0F4FA;
		color:#16c0d5;
		font-weight:600;
		padding:15px 30px;
		margin:45px auto;
		font-family:"Courier", serif;
		font-size:0.875em;
		overflow-x:auto;
	}
	#newWrap ol {
		margin:0 0 20px 0;
		color:#565A60;
		list-style: none;
		counter-reset: item;
		}
		#newWrap ol ul {
			margin:10px 0 15px 20px;
			}
			#newWrap ol ul li {
				padding-left:25px;
				font-family:canada-type-gibson, sans-serif;
				font-weight:300;
				font-size:16px;
				color:#62666B;
				background:url(/images/light-grey-bullet.png) no-repeat left 9px;
			}
		#newWrap ol .olNumber {
			margin-bottom:10px;
			font-family:canada-type-gibson, sans-serif;
			font-size:18px;
			color:#3A3B3C;
			counter-increment: item;
			}
			#newWrap ol .olNumber:before {
			   content: counter(item);
			   color:#A2A6AE;
			   margin-right:10px;
			 }
		#newWrap .anchorList {
			color:#16c0d5;
			}
			#newWrap .anchorList a {
				font-weight:300;
			}


#docsFullWrap {
	position:relative;
	}
	#jsonapi #docsFullWrap {
		min-height:2820px;
	}
	#catToggler {
		display:none;
		text-align:center;
		font-size:1.125em;
		}
		#catToggler a {
			color:#5E697E;
		}
		#catToggler i {
			font-size:0.875em;
		}
	#stuckCats {
		position:absolute;
		left:0;
		top:0;
		background:#F5F7FA;
		height:100%;
		z-index:91;
		width:330px;
		padding-right:50px;
		/*overflow-y: scroll;
		overflow-x: hidden;*/
		}
		#stuckCats::-webkit-scrollbar {
		  display: none;
		}
		#stuckCats #docsSearch {
			float:right;
			margin:110px 0 40px 0;
		}
		#stuckCats #docSearch {
			width:145px;
			border:solid 1px #E5E6EA;
			border-right:none;
			background:#FFF;
			border-radius:0;
			text-transform:uppercase;
			color:#ABB0B9;
			padding:15px 5px 15px 25px;
			font-size:0.875em;
			}
			#stuckCats #docSubmit {
				background:#FFF url(https://www.miva.com/images/new-images/Search-mobile.svg) no-repeat center center;
				-webkit-background-size:15px 15px;
				-moz-background-size:15px 15px;
				-o-background-size:15px 15px;
				background-size:15px 15px;
				border:solid 1px #E5E6EA;
				border-left:none;
				text-indent:-9999em;
				border-radius:0;
				padding:14px 30px;
			}
		.algolia-autocomplete {
			float:left;
		}
		#catToggle {
			overflow-y:auto;
			font-family:canada-type-gibson, sans-serif;
		}
		#stuckCats ul {
			margin:0;
			float:right;
			width:235px;
			}
			#stuckCats ul li {
				background:none;
				padding-left:0;
				font-weight:500;
				margin-bottom:10px;
				}
				#stuckCats ul li a {
					color:#62666B;
					}
					#stuckCats ul li a:hover {
						color:#0A62DF;
					}
			#stuckCats ul li.catHeading {
				font-size:16px;
				color:#3A3B3C;
				letter-spacing:0.16px;
				margin-bottom:10px;
				font-family:canada-type-gibson, sans-serif;
				}
				#stuckCats ul li.parentCat a:hover,
				#stuckCats ul li.activeParent a {
					font-weight:500;
					color:#16c0d5;
				}
			#stuckCats ul li.parentCat {
				font-weight:500;
				font-weight:100;
				font-size:1.125em;
				color:#888E9A;
				margin:40px 0 10px 0;
				}
				#stuckCats ul li.parentCat:nth-child(2) {
					margin:15px 0 10px 0;
				}
			#stuckCats ul li.subCat {
				padding-left:20px;
				font-weight:100;
				color:#888E9A;
			}
			#stuckCats ul li.TopsubCat {
				padding-left:20px;
				color:#888E9A;
				font-size:0.975em;
				margin-bottom:5px;
				font-weight:300;
			}
			#stuckCats hr {
				background-color:rgba(94, 105, 126, .2);
				border-color:rgba(94, 105, 126, .2);
				width:270px;
				margin:40px 0;
				float:right;
			}

.scrollingTable {
	overflow-x:auto;
}

/* ----- Table Styles ----- */
#newWrap.tabledContent {
	width:925px;
}

#newWrap.tabledContent h2 {
	border-bottom:none;
	padding:0;
	font-size:24px;
	letter-spacing:0.24px;
	color:#3E4960;
	font-family:canada-type-gibson, sans-serif;
	font-weight:500;
	}
	#newWrap.tabledContent h2 img {
		width:35px;
		margin:-4px 7px 0 0;
	}

.oneColTable {
	border:none;
	width:925px;
	margin:0 auto;
	color:#5E697E;
	}
	.oneColTable tr {
		border:none;
		}
		#docsWrapper .oneColTable tr td {
			vertical-align:top;
			padding:20px 30px;
			font-family:"Courier", serif;
			font-weight:600;
		}

.twoColTable {
	border:none;
	width:925px;
	margin:0 auto;
	color:#5E697E;
	}
	.twoColTable tr {
		border:none;
		}
		#docsWrapper .twoColTable tr td {
			vertical-align:top;
			padding:20px 30px;
			overflow:auto;
		}
		.twoColTable tr td:nth-child(1) {
			width:55%;
			font-family:"Courier", serif;
			font-weight:600;
		}
		.twoColTable tr td:nth-child(2) {
			width:45%;
			font-weight:100;
		}

.threeColTablePad {
	border:none;
	width:925px;
	margin:0 auto;
	color:#5E697E;
	}
	.threeColTablePad tr {
		border:none;
		}
		#docsWrapper .threeColTablePad tr td {
			vertical-align:top;
			padding:20px 30px;
			font-family:"Courier", serif;
			font-weight:600;
			border-right:solid 30px #FFF;
			width:30%;
			overflow:auto;
			}
			#docsWrapper .threeColTablePad tr td:nth-child(3) {
				border-right:none;
			}
			#docsWrapper .threeColTablePad tr td span {
				font-family:"proxima-nova";
				font-weight:100;
				font-size:0.875em;
			}

.threeColTable {
	border:none;
	width:925px;
	margin:0 auto;
	color:#5E697E;
	table-layout:fixed;
	}
	.threeColTable tr {
		border:none;
		}
		#docsWrapper .threeColTable tr td {
			vertical-align:top;
			padding:20px 0 20px 30px;
			position:relative;
			overflow:auto;
			-ms-overflow-style:none;
		}
		#docsWrapper .threeColTable tr td::-webkit-scrollbar { width: 0 !important; }
		#docsWrapper .threeColTable tr td:nth-child(1) {
			font-family:"Courier", serif;
			font-weight:600;
			padding-top:38px;
			width:22%;
			}
			#docsWrapper .threeColTable.fourThree tr td:nth-child(1),
			#docsWrapper .threeColTable.fourThree tr td:nth-child(3) {
				padding-top:20px;
			}
		#docsWrapper .threeColTable tr td:nth-child(2) {
			width:20%;
		}
		#docsWrapper .threeColTable tr td:nth-child(3) {
			width:66%;
		}
		.threeColTable tr td:nth-child(2),
		.threeColTable tr td:nth-child(3) {
			line-height:20px;
		}
		.threeColTable tr td span {
			color:#888E9A;
			font-size:0.875em;
		}

.fourColTable {
	border:none;
	width:925px;
	margin:0 auto;
	color:#5E697E;
	table-layout:fixed;
	}
	.fourColTable tr {
		border:none;
		}
		#docsWrapper .fourColTable tr td {
			vertical-align:top;
			padding:20px 0 20px 30px;
			position:relative;
			overflow:auto;
			-ms-overflow-style:none;
		}
		#docsWrapper .fourColTable tr td::-webkit-scrollbar { width: 0 !important; }
		#docsWrapper .fourColTable tr td:nth-child(1) {
			font-family:"Courier", serif;
			font-weight:600;
			padding-top:38px;
			width:22%;
			}
			#docsWrapper .fourColTable.fourThree tr td:nth-child(1),
			#docsWrapper .fourColTable.fourThree tr td:nth-child(4) {
				padding-top:20px;
			}
		#docsWrapper .fourColTable tr td:nth-child(2) {
			width:10%;
		}
		#docsWrapper .fourColTable tr td:nth-child(3) {
			width:15%;
		}
		#docsWrapper .fourColTable tr td:nth-child(4) {
			width:45%;
			font-weight:100;
			padding:38px 15px 20px 15px;
		}
		.fourColTable tr td:nth-child(2),
		.fourColTable tr td:nth-child(3) {
			line-height:20px;
		}
		.fourColTable tr td span {
			color:#888E9A;
			font-size:0.875em;
		}

.emptyWhiteCell,
.whiteRow {
	background:#FFF !important;
}
.emptyStripeCell,
.stripeRow {
	background:#F8FBFD !important;
}

.insetTable1 {
	margin-left:30px;
	width:895px;
	background:#F0F4FA;
	}
	.insetTable1 tr {
		border-bottom:solid 2px #BBC0C9;
		}
		.insetTable1 tr:last-child(1) {
			border-bottom:none;
		}

.insetTable2 {
	width:865px;
	margin-left:60px;
}

.insetTable3 {
	width:835px;
	margin-left:90px;
	background:#F0F4FA;
	}
	.insetTable3 tr {
		border-top:solid 2px #BBC0C9;
		}
		.insetTable3 tr:nth-child(1) {
			border-top:none;
		}

.showProp {
	font-weight:600;
	font-size:0.75em;
	font-family:"proxima-nova";
	text-transform:uppercase;
	letter-spacing:0.06em;
	color:#16c0d5;
}

.hideItems {
	font-weight:600;
	font-size:0.75em;
	font-family:"proxima-nova";
	text-transform:uppercase;
	letter-spacing:0.06em;
	color:#BBC0C9;
}

.shortBuffer {
	height:800px;
}

/* MIVA 10 SITE UPDATES */
.updateNav {
	width:100%;
	margin:0 auto;
	background:#FFF;
	font-family:canada-type-gibson, sans-serif;
	position:fixed;
	top:0;
	z-index:101;
	transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	}
	.navShadow {
		box-shadow:0px 12px 20px 0px rgba(31,55,100,0.07);
	}
	.updateNavWrap {
		height:80px;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.updateNav .updateLogo {
		color:#F7394A;
		font-size:30px;
	}
	.updateNav .updateNavItems {
		display:flex;
		justify-content:space-between;
		width:730px;
		}
		.updateNav .updateNavItems li {
			background:none;
			padding-left:0;	
			font-size:16px;
			font-weight:500;
			border-bottom:solid 3px #FFF;
			transition: all 0.1s ease-in-out;
			-webkit-transition: all 0.1s ease-in-out;
			-moz-transition: all 0.1s ease-in-out;
			-o-transition: all 0.1s ease-in-out;
			}
			.updateNav .updateNavItems li a {
				color:#3A3B3C;
			}
			.updateNav .updateNavItems li:hover {
				border-bottom:solid 3px #F7394A;
			}
	.updateNav form {
		display:block;
		position:relative;
		}
		.updateNav input[type=text] {
			font-family:canada-type-gibson, sans-serif;
			border-top:solid 1px #E1E5EB;
			border-right:none;
			border-bottom:solid 1px #E1E5EB;
			border-left:solid 1px #E1E5EB;
			border-top-left-radius:4px;
			border-bottom-left-radius:4px;
			float:left;
			height:45px;
			width:270px;
			padding:0 20px;
		}
		.updateNav input[type=submit] {
			font-family:canada-type-gibson, sans-serif;
			border-top:solid 1px #E1E5EB;
			border-right:solid 1px #E1E5EB;
			border-bottom:solid 1px #E1E5EB;
			border-left:none;
			border-top-right-radius:4px;
			border-bottom-right-radius:4px;
			float:left;
			background:url(/images/grey-mag.png) no-repeat center center;
			background-size:18px 18px;
			height:47px;
			width:45px;
			display:block;
		}
	.updateSearch {
		margin-right:10px;
		font-size:20px;
		color:#383838;
		}
		.updateSearch:hover {
			color:#017DFF;
		}
	.docNavSearchMobile {
		overflow:hidden;
		height:0;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		}
		.docNavSearchMobile form {
			width:315px;
			margin:0 auto;
		}
		.updateNav .docNavSearchMobile input[type=text] {
			width:228px;
		}
		.updatedSearchExpanded {
			box-shadow:0px 12px 20px 0px rgba(31,55,100,0.07);
			height:45px !important;
			padding-bottom:15px;
		}
	.mobileNavToggles {
		display:none;
	}

.updateHero {
	height:240px;
	margin:80px auto 0 auto;
	background:url(/images/update-docs-header.png) no-repeat center center;
	background-size:cover;
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	position:relative;
	}
	.updateHero.withNotice {
		padding-bottom:40px;
	}
	.updateHero h1 {
		font-family:canada-type-gibson, sans-serif;
		font-size:32px;
		line-height: 48px;
		color:#FFF;
		font-weight:200;
	}

	.updateHero h2 {
		font-family:canada-type-gibson, sans-serif;
		font-size:16px;
		line-height: 24px;
		color:#FFF;
		font-weight:200;
		width: 325px;
		margin: 0 auto;
	}
	#docsHome .updateHero #docsSearch {
		position:relative;
		margin-top:30px;
		}
		.updateHero input[type=text] {
			font-family:canada-type-gibson, sans-serif;
			border-top:solid 1px #E1E5EB;
			border-right:none;
			border-bottom:solid 1px #E1E5EB;
			border-left:solid 1px #E1E5EB;
			border-top-left-radius:4px;
			border-bottom-left-radius:4px;
			float:left;
			height:45px;
			width:500px;
			padding:0 20px;
		}
		.updateHero input[type=submit] {
			font-family:canada-type-gibson, sans-serif;
			border-top:solid 1px #E1E5EB;
			border-right:solid 1px #E1E5EB;
			border-bottom:solid 1px #E1E5EB;
			border-left:none;
			border-top-right-radius:4px;
			border-bottom-right-radius:4px;
			float:left;
			background:#FFF url(/images/dark-grey-mag.png) no-repeat center center;
			background-size:18px 18px;
			height:47px;
			width:45px;
			display:block;
		}
	.notice {
		position:absolute;
		width:100%;
		bottom:0;
		height:30px;
		background:#1F4389;
		color:#FFF;
		font-family:canada-type-gibson, sans-serif;
		font-size:16px;
		border-bottom-left-radius:8px;
		border-bottom-right-radius:8px;
		padding:12px 0 10px 0;
		}
		.notice a {
			color:#8ABFF9;
			font-weight:600;
		}

	.outOfDate {
		position: absolute;
		width: 100%;
		bottom: 0;
		padding: 15px 0;
		border-bottom-left-radius:8px;
		border-bottom-right-radius:8px;
		font-family:canada-type-gibson, sans-serif;
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #eaeff7;
		}
		.lgP {
			font-size: 20px;
		}
		.smP {	
			font-size: 14px;
		}

.updateCategories {
	width:1640px;
	margin:80px auto 125px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}
	.twoMarginLeft {
		margin-left:280px;
	}
	.twoMarginRight {
		margin-right:270px;
	}
	.updateCat {
		width:524px;
		height:200px;
		box-shadow: 0px 2px 10px #1B479F26;
		border-radius:8px;
		margin-bottom:35px;
		font-family:canada-type-gibson, sans-serif;
		display:flex;
		position:relative;
		}
		.catFullLink {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
		.updateCat img {
			height:30px;
			margin:35px 0 0 30px;
		}
		.catText {
			margin:35px 0 0 30px;
			}
			.updateCat h2 {
				font-size:24px;
				line-height:30px;
				letter-spacing:0.24px;
				color:#3A3B3C;
				font-weight:500;
				margin:0 0 15px 0 !important;
			}
			.updateCat p {
				font-weight:300;
				font-size:16px;
				line-height:24px;
				color:#62666B;
				width:390px;
			}

.featuresHero {
	background:url(/images/docs-features-hero.png) no-repeat center center;
	background-size:cover;
	margin-top:80px;
	height:150px;
	display:flex;
	align-items:center;
	}
	.featuresHero div {
		display:flex;
		align-items:center;
		width:920px;
		margin:0 auto;
		}
		.featuresHero img {
			width:200px;
		}
		.featuresHero span {
			background:#63BDFA;
			height:60px;
			width:1px;
			margin:0 30px;
		}
		.featuresHero h1 {
			font-family:canada-type-gibson, sans-serif;
			font-size:32px;
			letter-spacing:0.32px;
			font-weight:500;
		}

/* 2022 Redesign */
body {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.docsNav {
	width: 100%;
	height: 80px;
	border-bottom: solid 1px #E2E5EB;
	font-family:canada-type-gibson, sans-serif !important;
	background: #FFF;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	}
	.docLanding .docsNav {
		border-bottom: none;
	}
	.docsNav .navWrap {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		flex-wrap: wrap;
		}
		.navWrap .icon-miva-logo {
			color: #F7394A;
			font-size: 28px;
			margin-left: 52px;
		}
		.navWrap ul {
			display: flex;
			justify-content: space-between;
			width: 736px;
			transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			}
			.navWrap ul li {
				background: none;
				padding-left: 0;
				}
				.navWrap ul li a {
					font-family:canada-type-gibson, sans-serif !important;
					font-size: 16px;
					font-weight: 500;
					letter-spacing: 0.16px;
					color: #3A3B3C;
					border-bottom: solid 3px #FFF;
					padding: 0 10px 28px 10px;
					transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					}
					.navWrap ul li a:hover {
						color: #E5403B;
						border-bottom: solid 3px #E5403B;
					}
		.search {
			display: flex !important;
			transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			margin-right: 52px;
			}
			.search .searchField {
				border: solid 1px #E1E5EB;
				border-right: none;
				border-bottom-left-radius: 4px;
				border-top-left-radius: 4px;
				font-family:canada-type-gibson, sans-serif !important;
				font-size: 16px;
				color: #5B5C67;
				padding: 15px 5px 15px 20px;
				width: 310px;
				}
				.search .searchField::before {
					color: #5B5C67;
				}		
			.search .searchSubmit {
				border: solid 1px #E1E5EB;
				border-left: none;
				border-bottom-right-radius: 4px;
				border-top-right-radius: 4px;
				background: url(/images/dark-grey-mag.png) no-repeat center center;
				background-size: 14px;
				height: 51px;
				width: 46px;
			}
			.searchBG {
				background: rgba(15, 22, 38, 0.5);
			}

	.mobileNavItems {
		display: none;
		}
		.mobileSearch {
			color: #3A3B3C;
			margin-right: 40px;
		}
		.mobileNavigation {
			color: #3A3B3C;
			font-size: 14px;
		}

.mobileNav {
	position: absolute;
	top: -20px;
	left: 0;
	background: #FFF;
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	}
	.mobileNav ul {
		width: 311px;
		margin: 15px auto 0 auto;
		}
		.mobileNav ul li {
			background: none;
			padding-left: 0;
			width: 100%;
			margin-bottom: 24px;
			}
			.mobileNav ul li a {
				font-family: canada-type-gibson, sans-serif;
				font-size: 20px;
				color: #494A53;
				font-weight: 500;
				width: 100%;
			}
			.mobileNav ul li:nth-child(1) {

				}
				.mobileNav ul li:nth-child(1) a {
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-bottom: solid 1px #E2E5EB;
					padding-bottom: 15px;
				}
				.mobileNav ul li:nth-child(1) .icon-miva-logo {
					font-size: 16px;
					color: #F7394A;
				}
				.mobileNav ul li:nth-child(1) .icon-close-mobile {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 32px;
					height: 32px;
					border: 1px solid #6B6E79;
					border-radius: 18px;
					font-size: 9px;
					color: #6B6E79;
				}
			.mobileNav ul li:nth-child(2) {
				margin-top: 30px;
			}
	.mobileDrop {
		height: 100% !important;
		top: 0px !important;
	}

.lpHeader {
	background: #1A5CDE;
	display: flex;
	justify-content: center;
	padding: 100px 0;
	}
	.lpHeader .lpHeroText {
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		}
		.lpHeroText h1 {
			font-family: canada-type-gibson, sans-serif;
			font-size: 48px;
			font-weight: 400;
			line-height: 52px;
			color: #FFF;
		}
		.lpHeroText p {
			font-family: canada-type-gibson, sans-serif;
			font-size: 18px;
			line-height: 28px;
			color: #FFF;
			margin: 14px 0 40px 0;
		}
		.heroSearch {
			display: flex;
			}
			.heroSearch .heroSearchField {
				background: #FFF;
				border: none;
				border-bottom-left-radius: 4px;
				border-top-left-radius: 4px;
				font-family:canada-type-gibson, sans-serif !important;
				font-size: 16px;
				color: #5B5C67;
				padding: 15px 5px 15px 20px;
				width: 525px;
				}
				.heroSearch .heroSearchField::before {
					color: #5B5C67;
				}		
			.heroSearch .heroSearchSubmit {
				border: none;
				border-bottom-right-radius: 4px;
				border-top-right-radius: 4px;
				background: #FFF url(/images/dark-grey-mag.png) no-repeat center center;
				background-size: 14px;
				height: 51px;
				width: 46px;
			}	

.subNavToggle {
	display: none;
	width: 100%;
	border-bottom: solid 1px #E2E5EB;
	background: #FFF;
	}
	.subNavToggle a {
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-family: canada-type-gibson, sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 0.16px;
		color: #3A3B3C;
		padding: 20px 0;
	}
	.docsSubNav.subNavved {
		opacity: 1 !important;
		position: fixed;
		top: 0;
		left: 0;
		background: #FFF;
		z-index: 100;
		width: 100%;
		height: 100% !important;
		overflow: scroll;
		}
		.docsSubNav.subNavved ul {
			opacity: 1 !important;
			width: 330px;
			}
			.docsSubNav.subNavved ul:nth-child(1) {
				margin-bottom: 75px;
			}
			.docsSubNav.subNavved ul li {
				border-bottom: 1px solid #E2E5EB;
				width: 330px;
				margin: 0 auto;
				padding: 15px 0;
				}
				.docsSubNav.subNavved ul .activeSub ul {
					width: 330px;
				}
				.docsSubNav.subNavved ul li a {
					padding-left: 0;
				}
				.docsSubNav.subNavved ul li ul li {
					border-bottom: none;
					padding: 8px 0 8px 10px;
					}
					.docsSubNav.subNavved ul li ul .activeSub {
						padding: 8px 0 0 0;
						width: 330px;
						margin: 0;
						}
						.docsSubNav.subNavved ul li ul .activeSub a {
							padding-left: 10px;
						}
		.docsSubNav .mobileNavClose {
			display: none;
			border-bottom: solid 1px #E2E5EB;
			width: 330px;
			margin: 0 auto 10px auto;
			padding: 8px 0 13px 0;
			}
			.subNavved .mobileNavClose {
				display: block;
			}
			.docsSubNav .mobileNavClose a {
				display: flex;
				align-items: center;
				justify-content: space-between;
				width: 100%;
				margin: 0 auto;
				padding-left: 0;
				font-family: canada-type-gibson, sans-serif;
				font-size: 16px;
				font-weight: 500;
				letter-spacing: 0.16px;
				color: #3A3B3C;
			}
			.mobileNavClose i {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 32px;
				height: 32px;
				border: 1px solid #6B6E79;
				border-radius: 18px;
				font-size: 9px;
				color: #6B6E79;
			}

.docsWrap {
	width: 1405px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	font-family: canada-type-gibson, sans-serif !important;
	}
	.docsWrapOpacity {
		opacity: 0.5;
	}
	.docsSubNav {
		width: 417px;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		padding-bottom: 45px;
		}
		.docsSubNav ul {
			width: 367px;
			margin: 48px auto 0 auto;
			transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			}
			.docsSubNav ul li {
				background: none;
				padding: 8px 0;
				font-size: 18px;
				letter-spacing: 0.18px;
				}
				.docsSubNav ul .activeSub {
					background: #F0F5FF;
					padding: 8px 0 0 0;
					border-radius: 4px;
					}
					.docsSubNav ul .activeSub a {
						color: #2F75FF;
						font-weight: 500;
					}
					.docsSubNav ul .activeSub ul {
						margin: 7px 0 5px 0;
						background: #FFF;
						padding-top: 5px;
						}
						.docsSubNav ul .activeSub ul li {
							background: #FFF;
							padding: 5px 0 5px 20px;
							}
							.docsSubNav ul .activeSub ul li a {
								color: #494A53;
								font-weight: 300;
								padding-bottom: 0;
								}
								.docsSubNav ul .activeSub ul li a:hover {
									color: #1A5CDE;
								}
							.docsSubNav ul .activeSub ul li.activeChild a {
								cursor: default;
								color: #494A53;
								font-weight: 500;
								}
								.docsSubNav ul .activeSub ul li.activeChild:hover a {
									color: #494A53;
									font-weight: 500;
								}	
				.docsSubNav ul li a {
					color: #494A53;
					transition: all 0.1s ease-in-out;
					-webkit-transition: all 0.1s ease-in-out;
					-moz-transition: all 0.1s ease-in-out;
					-o-transition: all 0.1s ease-in-out;
					padding-left: 20px;
					}
					.docsSubNav .cd-accordion li:nth-child(2) a {
						padding-left: 0;
					}
					.docsSubNav ul li a:hover {
						color: #2F75FF;
						font-weight: 500;
					}
				.docsSubNav ul li ul {
					margin: 0 0 0 0;
					}
					.docsSubNav ul li ul li {
						font-size: 16px;
						letter-spacing: 0.16px;
						padding: 5px 0;
						}
						.docsSubNav ul li ul li a {
							padding-left: 30px;
						}
				.docsSubNav ul li .activeMain {
					cursor: default;
					font-weight: 500;
					color: #363639 !important;
				}
				.cd-accordion__item.cd-accordion__item--has-children.level-1 .topLev a {
					padding-left: 10px;
				}

	.docsMainSxn {
		width: 988px;
		min-height: 820px;
		padding: 0 0 92px 92px;
		border-left: solid 1px #E2E5EB;
		}
		.docLanding .docsMainSxn {
			width: 100%;
			border-left: none;
		}
		.docsMainSxn a {
			color: #1A5CDE;
			text-decoration: underline;
		}
		.breaddyBoys {
			font-weight: 300;
			margin-top: 31.5px;
			}
			.docsMainSxn .breaddyBoys li {
				background: none;
				padding-left: 0;
				display: inline;
				font-size: 16px;
				line-height: 30px;
				color: #6A6E79;
				}
				.docsMainSxn .breaddyBoys li a {
					color: #494A53;
				}
				.breaddyBoys .sep {
					margin: 0 4px;
					color: #969DA8;
					font-size: 14px;
				}
		.docsMainSxn h1 {
			font-size: 48px;
			font-weight: 500;
			line-height: 52px;
			color: #494A53;
			margin: 56px 0 0 0;
		}
		.docsMainSxn h2 {
			font-size: 28px;
			font-weight: 500;
			line-height: 45px;
			color: #494A53;
			margin: 28px 0 0 0;
			}
			.docsMainSxn .imgCaption + h2 {
				margin: 34px 0 0 0;
			}
			.docsMainSxn h2 img {
				max-width: 30px;
				margin: 0 5px 0 0;
			}
		.docsMainSxn h3 {
			font-size: 20px;
			font-weight: 500;
			line-height: 24px;
			color: #222222;
			margin: 28px 0 0 0;
		}
		/*.docsMainSxn h4 {
			font-size: 28px;
			font-weight: 500;
			line-height: 35px;
			color: #494A53;
			margin: 28px 0 0 0;
		}
		.docsMainSxn h5 {
			font-size: 24px;
			font-weight: 500;
			line-height: 29px;
			color: #494A53;
			margin: 28px 0 0 0;
		}
		.docsMainSxn h6 {
			font-size: 20px;
			font-weight: 500;
			line-height: 24px;
			color: #494A53;
			margin: 28px 0 0 0;
		}*/
		.docsMainSxn p {
			font-size: 18px;
			font-weight: 300;
			line-height: 28px;
			color: #5B5C67;
			margin: 22px 0 0 0;
			}
			.docsMainSxn p strong {
				font-weight: 600;
			}
		.docsMainSxn hr {
			background-color: #E2E5EB;
			border: none;
			margin: 48px 0 0 0;
			height: 1px;
		}
		.docsMainSxn ul {
			margin: 22px 0 0 0;
			list-style-position: inside;
			}
			.docsMainSxn table tr td ul {
				margin: 15px 0 30px 0;
			}
			.docsMainSxn table tr td b {
				font-weight: 600;
			}
			.docsMainSxn ul li {
				font-size: 18px;
				font-weight: 300;
				line-height: 28px;
				letter-spacing: 0.18px;
				color: #5B5C67;
				margin-top: 5px;
				background: url(/images/grey-bullet.svg) no-repeat left 10px;
				padding-left: 30px;
				}
				.docsMainSxn ul li:nth-child(1) {
					margin-top: 0;
				}
				.docsMainSxn ul li a {
					color: #1A5CDE;
					text-decoration: underline;
					}
					.docsMainSxn ul li a:hover,
					.docsMainSxn ul li a:focus {
						color: #1F4389;
					}	
			.docsMainSxn .pageSubNav {
				width: 100%;
				border-bottom: solid 1px #E2E5EB;
				padding-bottom: 38px;
			}
			.docsMainSxn .pageSubNav.refsSubNav {
				width: 100%;
				border-bottom: none;
				padding-bottom: 0;
				}
				.docsMainSxn .pageSubNav.refsSubNav li {
					background: url(/images/icons/icon-request-support.png) no-repeat 8px center;
					background-size: 15px;
					padding-left: 40px;
					font-size: 14px;
					font-weight: 300;
					letter-spacing: 0.14px;
				}
		.docsMainSxn ol {
			list-style: none;
  		counter-reset: my-awesome-counter;
  		margin: 22px 0 0 40px;
  		text-indent: -20px; /* key property */
			}
			.docsMainSxn ol .olNumber {
				counter-increment: my-awesome-counter;
				font-size: 18px;
				font-weight: 300;
				line-height: 28px;
				letter-spacing: 0.18px;
				color: #5B5C67;
				margin-top: 5px;
				list-style-position: outside;
				}
				.docsMainSxn ol .olNumber:nth-child(1) {
					margin-top: 0;
				}
				.docsMainSxn ol .olNumber::before {
					content: counter(my-awesome-counter) ". ";
					color: #5B5C67;
					font-weight: 600;
					display: inline-block;
					width: 20px;
				}
				.docsMainSxn ol li strong {
					font-weight: 600;
				}
				.docsMainSxn ol li img {
					margin: 32px 0;
				}
				.docsMainSxn ol li .note {
					margin: 32px 0;
					}
					.docsMainSxn ol li .note div {
						width: 821px;
						text-indent: 0;
					}
				.docsMainSxn ol ul {
					margin: 10px 0 20px 0;
					}
					.docsMainSxn ol ul li {
						padding-left: 40px
					}
		.docsMainSxn img {
			max-width: 100%;
			margin: 32px 0 0 0;
			}
			.rounded {
				border-radius: 8px;
			}
			.bordered {
				border: solid 1px #E2E5EB;
			}
			.docsMainSxn .tinyImage {
				max-width: 25%;
			}
			.docsMainSxn .smallImage {
				max-width: 50%;
			}
			.docsMainSxn .medImage {
				max-width: 75%;
			}
		.imgCaption {
			width: 100%;
			margin: 13px 0 0 0;
			border-radius: 8px;
			background: #F5F7FA;
			padding: 24px 0;
			box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    border-left: solid 8px #E1E5EB;
			}
			.imgCaption p {
				font-size: 16px;
				line-height: 26px;
				letter-spacing: 0.16px;
				color: #494A53;
				width: 90%;
				margin: 0 auto;
			}
		.note {
			width: 100%;
			background: #F5F7FA;
			border-radius: 8px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 30px 0;
			margin: 38px 0 0 0;
			}
			.note div {
				box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    -webkit-box-sizing: border-box;
				border: solid 1px #E9ECF0;
				border-left: solid 8px #E1E5EB;
				border-radius: 8px;
				background: #FFF;
				width: 861px;
				margin: 0 auto;
				}
				.note.blueNote div {
					border-left: solid 8px #539CFF;
				}
				.note.yellowNote div {
					border-left: solid 8px #FFA700;
				}
				.note.redNote div {
					border-left: solid 8px #ED6671;
				}
				.note div h3 {
					width: 90%;
					margin: 32px auto 30px auto;
					font-size: 24px;
					font-weight: 500;
					line-height: 29px;
					color: #494A53;
					text-indent: -5px;
					}
					.note.blueNote div h3 {
						color: #1A5CDE;
					}
					.note.yellowNote div h3 {
						color: #8D4600;
					}
					.note.redNote div h3 {
						color: #C71D2A;
					}
				.note div p {
					color: #5B5C67;
					width: 90%;
					margin: 0 auto 30px auto;
				}

		.useCase {
			width: 100%;
			background: #F2F4F7;
			border-radius: 8px;
			padding: 48px 0;
			}
			.useCase h3 {
				width: 90%;
				font-size: 28px;
				font-weight: 500;
				line-height: 40px;
				color: #494A53;
				margin: 0 auto 32px auto;
			}
			.useCase p {
				width: 90%;
				margin: 32px auto 0 auto;
				font-size: 18px;
				line-height: 28px;
				color: #494A53;
				}
				.useCase p strong {
					font-weight: 600;
				}
				.useCase p:nth-child(2),
				.useCase h4:nth-child(2) {
					margin: 0 auto;
				}
				.useCase > h4 + p {
					margin: 16px auto 0 auto;
				}
			.useCase h4 {
				width: 90%;
				margin: 32px auto 0 auto;
				font-size: 20px;
				line-height: 28px;
				font-weight: 500;
			}
			.useCase ul {
				width: 90%;
				margin: 32px auto;
			}
			.useCase hr {
				width: 90%;
				margin: 48px auto;
				background-color: #E0E1E4;
				border-color: #E0E1E4;
			}

		.tabbedNav {
			height: 74px;
			border-bottom: solid 1px #E2E5EB;
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: canada-type-gibson, sans-serif !important;
			}
			.tabbedNav ul {
				display: flex;
				justify-content: space-between;
				width: 750px;
				}
				.tabbedNav ul li {
					background: none;
					padding-left: 0;
					}
					.tabbedNav ul li a {
						border-bottom: solid 2px #FFF;
						padding-bottom: 26px;
						transition: all 0.1s ease-in-out;
						-webkit-transition: all 0.1s ease-in-out;
						-moz-transition: all 0.1s ease-in-out;
						-o-transition: all 0.1s ease-in-out;
						color: #222222;
						}
						.tabbedNav ul li a:hover {
							border-bottom: solid 2px #2B5CDE;
							color: #1A5CDE;
						}

		.docLanding .docsMainSxn {
			padding: 20px 0 150px 0;
		}		
		.lpSxn {
			display: flex;
			flex-direction: column;
			align-items: center;
			}
			.docsMainSxn .lpSxn h2 {
				margin: 60px 0 40px 0;
			}
			.itemWrap {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				width: 1360px;
				}
				.lpItem {
					width: 663px;
					height: 170px;
					border: 1px solid #E2E5EB;
					border-radius: 8px;
					display: flex;
					align-items: center;
					justify-content: space-around;
					margin-bottom: 32px;
					position: relative;
					transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					}
					.lpItem:hover {
						border: solid 1px #539CFF;
						box-shadow: 0px 2px 10px #1B479F26;
					}
					.lpItem img {
						width: 36px;
						max-height: 30px;
						margin: 5px 0 0 0;
						float: right;
					}
					.lpItem div {
						height: 90px;
						}
						.lpItem div:nth-child(1) {
							width: 56px;
						}
						.lpItem div:nth-child(2) {
							width: 534px;
						}
					.lpItem h3 {
						font-size: 20px;
						font-weight: 500;
						color: #222222;
						margin: 0 0 10px 0;
					}
					.lpItem p {
						font-size: 18px;
						line-height: 28px;
						letter-spacing: 0.18px;
						color: #5B5C67;
						margin: 0;
					}
					.itemLink {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}

.mfp-close {
	background: none !important;
  text-indent: 0;
  border: solid 2px #FFF !important;
  width: 40px !important;
  height: 40px !important;
  top: -50px !important;
  right: 0 !important;
  padding: 0 !important;
  border-radius: 20px;
  font-size: 22px !important;
  font-family: canada-type-gibson, sans-serif !important;
  cursor: pointer !important;
  line-height: 38px !important;
}
img.mfp-img {
	border: 1px solid #E2E5EB;
	border-radius: 8px;
	padding: 0 !important;
}

.videoCard {
	width: 100%;
	display: flex;
	align-items: flex-start;
	padding: 30px 25px;
	border-radius: 8px;
	border: solid 1px #ECEDF2;
	font-family: canada-type-gibson, sans-serif !important;
	position: relative;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	margin-bottom: 20px;
	}
	.videoCard:hover {
		box-shadow: 0px 2px 10px #1B479F26;
	}
	.videoCard img {
		width: 235px;
		margin-right: 25px;
	}
	.videoCard h3 {
		font-size: 20px;
		font-weight: 300;
		line-height: 28px;
		color: #222222;
	}
	.videoCard .vidLength {
		font-size: 12px;
		font-weight: 300;
		line-height: 20px;
		line-height: 0.12px;
		color: #5B5C67;
		margin: 8px 0 20px 0;
		display: block;
		}
		.videoCard .vidLength strong {
			font-weight: 600;
		}
	.videoCard p {
		font-size: 14px;
		font-weight: 600;
		line-height: 22px;
		letter-spacing: 0.14px;
		color: #5B5C67;
	}
	.videoCard ul {
		margin: 10px 0 0 15px;
		}
		.videoCard ul li {
			margin: 0;
			font-size: 14px;
			font-weight: 300;
			line-height: 22px;
			letter-spacing: 0.14px;
			color: #5B5C67;
			background: none;
			padding-left: 0;
			list-style: disc;
		}
	.videoCard a {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.videoSoon {
		position: absolute;
		top: 22px;
		right: 22px;
		display: block;
		padding: 0 12px;
		background: #CDE6F7;
		border-radius: 50px;
		font-size: 10px;
		color: #1F4389;
	}

.videoHeader {
	font-family: canada-type-gibson, sans-serif !important;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.18px;
	color: #363639;
}
.videoDesc {
	font-family: canada-type-gibson, sans-serif !important;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.16px;
	color: #62666B;
	margin: 30px 0 60px 0;
	}	
	.videoDesc strong {
		font-weight: 500;
	}


@media only screen and (min-width: 1800px) {
	.updateNavWrap,
	.updateHero {
		width:1800px;
	}
	#newWrap .versionOptions li,
	.docsMainSxn .versionOptions li {
		margin-bottom: 30px;
		display: inline-block;
	}
}

@media only screen and (min-width: 1720px) and (max-width: 1800px) {
	.updateNavWrap,
	.updateHero {
		width:1720px;
	}
	#newWrap .versionOptions li,
	.docsMainSxn .versionOptions li {
		margin-bottom: 30px;
		display: inline-block;
	}
}

@media only screen and (min-width: 1500px) and (max-width: 1720px) {
	#newWrap.tabledContent {
		width:925px;
		padding:0 0 100px 220px;
	}
	.updateNavWrap,
	.updateHero {
		width:1500px;
	}
	.updateCategories {
		width:1400px;
	}
	.updateCat {
		width:440px;
	}
	.updateCat p {
		width:280px;
	}
	.featuresHero div {
		width:705px;
	}
	.twoMarginLeft {
		margin-left:240px;
	}
	.twoMarginRight {
		margin-right:240px;
	}
	#newWrap .versionOptions li,
	.docsMainSxn .versionOptions li {
		margin-bottom: 30px;
		display: inline-block;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	#newWrap,
	#newWrap.tabledContent {
		width:800px;
		padding:0 0 50px 365px;
	}
	.updateNavWrap,
	.updateHero {
		width:1200px;
	}
	.updateNav .updateNavItems {
		width:560px;
	}
	.updateCategories {
		width:1170px;
	}
	.updateCat {
		width:365px;
	}
	.updateCat p {
		width:230px;
	}
	.updateCat h2 {
		font-size:22px;
	}
	.featuresHero div {
		width:435px;
	}
	.twoMarginLeft {
		margin-left:200px;
	}
	.twoMarginRight {
		margin-right:200px;
	}
	#newWrap .versionOptions li,
	.docsMainSxn .versionOptions li {
		margin-bottom: 30px;
		display: inline-block;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	#docsContent {
		width:800px;
	}
	#docsCats {
		width:200px;
	}
	#docSearch {
		width:580px;
	}
	.docsLandSection {
		width:405px;
		}
	#docsHome #docSearch {
		width:585px;
	}
	#newWrap,
	#newWrap.tabledContent {
		width:630px;
		padding:0 0 100px 270px;
	}
	#stuckCats {
		width:270px;
	}
	#stuckCats hr {
		width:250px;
	}
	#docsHome #stuckCats #docSearch {
		width:145px;
	}
	.updateNavWrap,
	.updateHero {
		width:1024px;
	}
	.updateCategories {
		width:960px;
	}
	.updateNav input[type=text] {
		width:130px;
	}
	.updateNav .updateNavItems {
		width:550px;
	}
	.updateNav .updateLogo {
		font-size:25px;
	}
	.updateCat {
		width:460px;
	}
	.updateCat p {
		width:290px;
	}
	.featuresHero div {
		width:365px;
	}
	.twoMarginLeft {
		margin-left:auto;
	}
	.twoMarginRight {
		margin-right:auto;
	}
	#newWrap .versionOptions li,
	.docsMainSxn .versionOptions li {
		margin-bottom: 30px;
		display: inline-block;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
	#docsContent {
		width:735px;
	}
	#docsCats {
		width:200px;
	}
	#docSearch {
		width:580px;
	}
	.docsLandSection {
		width:365px;
		}
	#docsHome #docSearch {
		width:515px;
	}
	#newWrap,
	#newWrap.tabledContent {
		width:610px;
		padding:0 0 100px 300px;
	}
	#stuckCats {
		width:250px;
	}
	#stuckCats hr {
		width:240px;
	}
	#docsHome #stuckCats #docSearch {
		width:145px;
	}
	.updateNavWrap,
	.updateHero {
		width:960px;
	}
	.updateCategories {
		width:900px;
	}
	.updateNav input[type=text] {
		width:130px;
	}
	.updateNav .updateNavItems {
		width:550px;
	}
	.updateNav .updateLogo {
		font-size:21px;
	}
	.updateCat {
		width:430px;
	}
	.updateCat p {
		width:290px;
	}
	.updateMenu {
		display:none !important;
	}
	.twoMarginLeft {
		margin-left:auto;
	}
	.twoMarginRight {
		margin-right:auto;
	}
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
	#docsContent {
		width:475px;
		}
		#docsContent img {
			max-width:475px;
		}
	#docsMain #docsContent {
		width:100%;
	}
	#docsMain #docSearch {
		width:550px;
	}
	#docsMain #docsSearch {
		margin:0;
	}
	#docsCats {
		width:200px;
	}
	#docSearch {
		width:340px;
	}
	#docsHeader {
		margin-top:60px;
	}
	.docsLandSection {
		width:100%;
		}
	#docsHome #docSearch {
		width:500px;
	}
	#newWrap {
		width:470px;
		padding:0 0 100px 300px;
	}
	#stuckCats {
		width:250px;
		padding-right:20px;
	}
	#stuckCats hr {
		width:240px;
	}
	#docsHome #stuckCats #docSearch {
		width:145px;
	}
	.twoColTable,
	.fourColTable {
		overflow-x:auto;
	}
	#newWrap.tabledContent {
		width:470px;
		padding:0 0 100px 250px;
	}
	.updateNavWrap,
	.updateHero {
		width:769px;
	}
	.updateCategories {
		width:700px;
	}
	.updateNav input[type=text] {
		width:80px;
	}
	.updateNav .updateNavItems {
		width:450px;
	}
	.updateNav .updateLogo {
		font-size:21px;
		width:75px;
	}
	.updateCat {
		width:330px;
	}
	.updateCat p {
		width:210px;
	}
	.updateNav ul li {
		font-size:14px;
	}
	.updateCat h2 {
		font-size:20px;
	}
	.updateCat img,
	.catText {
		margin:25px 0 0 20px;
	}
	.updateMenu {
		display:none !important;
	}
	.featuresHero div {
		width:225px;
	}
	.twoMarginLeft {
		margin-left:auto;
	}
	.twoMarginRight {
		margin-right:auto;
	}
	.versionOptions {
		display: flex;
		flex-wrap: wrap;
	}
	#newWrap .versionOptions li,
	.docsMainSxn .versionOptions li {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 769px) {
	#docsHeader {
		margin-top:60px;
	}
	#docsContent {
		width:100%;
		margin-top:20px;
		}
		#docsContent img {
			max-width:475px;
		}
	#docsCats {
		width:100%;
	}
	#docSearch {
		width:320px;
	}
	#docsWrapper {
		margin-top:20px;
	}
	.docsLandSection {
		width:100%;
		}
	#docsMain #docsCats {
		display:none;
	}
	#docsCats ul {
		height:0;
		overflow:hidden;
	}
	#docsCats h2 {
		cursor:pointer;
	}
	#docsCats h2 i {
		display:block;
	}
	#docsCats {
		cursor:pointer;
	}
	#docsCats:hover ul {
		height:auto;
	}
	#docsHome #docSearch {
		width:295px;
	}
	#newWrap {
		width:470px;
	}
	#stuckCats {
		position:relative;
		width:100%;
		padding-right:0;
	}
	#stuckCats ul {
		float:none;
		margin:0 auto;
		width:390px;
	}
	#stuckCats #docsSearch {
		float:none;
		margin:90px auto 20px auto;
		width:390px;
		display:block;
	}
	#stuckCats hr {
		float:none;
		margin:40px auto;
		width:390px;
	}
	#newWrap.tabledContent {
		width:470px;
		margin:0 auto;
	}
	#stuckCats #docSearch {
		width:295px;
	}
	#innerContent #catToggler {
		display:block;
		margin-bottom:20px;
	}
	#catToggle {
		height:0;
		overflow:hidden;
	}
	.catToggled {
		height:auto !important;
	}
	#newWrap #docCrumbs {
		display:none;
	}
	#newWrap.tabledContent h1 {
		margin:0 0 25px 0;
	}
	.shortBuffer {
		height:0;
	}
	#jsonapi #docsFullWrap {
		height:auto;
		min-height:auto;
	}
	.updateNavWrap,
	.updateHero {
		width:480px;
	}
	.updateCategories {
		width:450px;
	/*		margin:50px auto 95px auto;*/
	margin:80px auto 95px auto;
	}
	.updateHero input[type=text] {
		width:335px;
	}
	.updateCat {
		width:450px;
	}
	.updateCat p {
		width:290px;
	}
	.updateNav .updateNavItems,
	.updateNav .docNavSearchDesktop {
		display:none;
	}
	.updateNav .updateLogo {
		font-size:20px;
	}
	.updateNavWrap {
		height:60px;
	}
	.updateHero {
		margin:60px auto 0 auto;
	}
	#responsiveLeftMenu.updateMenu {
		color:#383838;
		margin:0 10px 0 0;
	}
	#leftMenu.updateLeftMenu {
		top:0;
	}
	.docNavSearchMobile form {
		width:475px;
	}
	.updateNav .docNavSearchMobile input[type=text] {
	    width: 385px;
	}
	.mobileNavToggles {
		display:block;
	}
	.updateSearch {
		font-size:23px;
	}
	.updateMenu.transparent {
		opacity:1 !important;
	}
	.featuresHero div {
		width:465px;
	}
	#stuckCats {
		background:#FFF;
	}
	.twoMarginLeft {
		margin-left:auto;
	}
	.twoMarginRight {
		margin-right:auto;
	}
	.versionOptions {
		display: flex;
		flex-wrap: wrap;
	}
	#newWrap .versionOptions li,
	.docsMainSxn .versionOptions li {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 315px) and (max-width: 480px) {
	#docsHeader {
		margin-top:60px;
	}
	#docsContent {
		width:100%;
		margin-top:20px;
		}
		#docsContent img {
			max-width:300px;
		}
	#docsCats {
		width:100%;
	}
	#docSearch {
		width:190px;
	}
	#docsHeader h1 {
		line-height:36px;
	}
	#docsWrapper {
		margin-top:20px;
	}
	#crumbs {
		display:none;
	}
	.docsLandSection {
		width:100%;
		}
	#docsMain #docsCats {
		display:none;
	}
	#docsCats ul {
		height:0;
		overflow:hidden;
	}
	#docsCats h2 {
		cursor:pointer;
	}
	#docsCats h2 i {
		display:block;
	}
	#docsCats {
		cursor:pointer;
	}
	#docsCats:hover ul {
		height:auto;
	}
	#docsHome #docSearch {
		width:190px;
		padding:20px 10px;
	}
	#docSubmit {
		padding:20px 5px;
	}
	#getStarted .btnTransparentSquared {
		font-size:0.75em;
		width:250px;
	}
	#newWrap {
		width:300px;
	}
	#stuckCats {
		position:relative;
		width:100%;
		padding-right:0;
	}
	.stuckToggled {
		padding-bottom:50px;
	}
	#stuckCats ul {
		float:none;
		margin:0 auto;
		width:290px;
	}
	#stuckCats #docsSearch {
		float:none;
		margin:90px auto 20px auto;
		width:290px;
		display:block;
	}
	#stuckCats hr {
		float:none;
		margin:40px auto;
		width:290px;
	}
	#docsHome #stuckCats #docSearch {
		padding:15px 10px;
	}
	#newWrap.tabledContent {
		width:300px;
	}
	#newWrap h1 {
		overflow-x:auto;
		font-size:1.75em;
	}
	#newWrap.tabledContent h1 {
		margin:0 0 25px 0;
	}
	#newWrap.tabledContent {
		margin:0 auto;
		overflow:scroll;
	}
	#innerContent #catToggler {
		display:block;
		margin-bottom:20px;
	}
	#catToggle {
		height:0;
		overflow:hidden;
	}
	#stuckCats #docSearch {
		width:195px;
	}
	.catToggled {
		height:auto !important;
	}
	.algolia-autocomplete .ds-dropdown-menu {
		min-width:250px !important;
		max-width:300px !important;
	}
	#newWrap #docCrumbs {
		display:none;
	}
	#newWrap p {
		width:100%;
	}
	.shortBuffer {
		height:0;
	}
	#jsonapi #docsFullWrap {
		height:auto;
		min-height:auto;
	}
	.updateNavWrap,
	.updateHero {
		width:315px;
	}
	.updateCategories {
		width:300px;
/*		margin:50px auto 95px auto;*/
margin:160px auto 95px auto;
	}
	.updateHero input[type=text] {
		width:185px;
	}
	.updateCat {
		width:300px;
		height:auto;
		padding-bottom:25px;
	}
	.updateCat p {
		width:200px;
	}
	.updateCat img,
	.catText {
		margin:25px 0 0 20px;
	}
	.updateCat h2 {
		font-size:19px;
	}
	.updateHero form {
		width:271px;
		margin:30px auto 0 auto;
	}
	.updateHero h1 {
		font-size: 35px;
    	line-height: 38px;
	}
	.updateNav .updateNavItems,
	.updateNav .docNavSearchDesktop {
		display:none;
	}
	.updateNav .updateLogo {
		font-size:20px;
	}
	.updateNavWrap {
		height:60px;
	}
	.updateHero {
		margin:60px auto 0 auto;
	}
	#responsiveLeftMenu.updateMenu {
		color:#383838;
		margin:0 10px 0 0;
	}
	#leftMenu.updateLeftMenu {
		top:0;
	}
	.mobileNavToggles {
		display:block;
	}
	.updateMenu.transparent {
		opacity:1 !important;
	}
	.featuresHero div {
		width:295px;
	}
	#stuckCats {
		background:#FFF;
	}
	.featuresHero img {
		width:140px;
	}
	.featuresHero h1 {
		font-size:24px;
	}
	.twoMarginLeft {
		margin-left:auto;
	}
	.twoMarginRight {
		margin-right:auto;
	}
	.versionOptions {
		display: flex;
		flex-wrap: wrap;
	}
	#newWrap .versionOptions li,
	.docsMainSxn .versionOptions li {
		margin-bottom: 30px;
	}
}

.docsLandSection [class^="icon-"]:before, .docsLandSection [class*=" icon-"]:before {
	width: auto;
	margin: 0;
}

@media screen and (min-width: 960px) {
	#reference-guide-wrap,
	.cat-reference-guide #docsWrapper > h2 {
		width: 100%;
		max-width: 850px;
		margin: auto;
	}
}

@media screen and (min-width: 767px) {
	.developer #docsHomeContent .docsLandSection:nth-child(2n+1) {
		clear: left;
	}
}



/* And these..are..the..(new)breaks */

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  /* Nav */
	.navWrap .icon-miva-logo {
    font-size: 24px;
    margin-left: 32px;
	}
	.search .searchField {
		width: 130px;
	}
	.navWrap ul {
		width: 526px;
	}

	/* Main section */
	.docsWrap {
  	width: 990px;
  }
  .docsSubNav {
  	width: 367px;
  }
  .docsMainSxn {
  	width: 528px;
  }
  .note div {
		width: 461px;
	}
	.docsMainSxn ol li .note div {
		width: 421px;
	}

	/* LP Styles */
	.itemWrap {
		width: 990px;
	}
	.lpItem {
		width: 483px;
	}
	.lpItem div:nth-child(2) {
		width: 374px;
	}
	.lpItem div {
		height: 110px;
	}
}




@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	/* Nav */
	.navWrap .icon-miva-logo {
    font-size: 24px;
    margin-left: 32px;
	}
	.search .searchField {
		width: 130px;
	}
	.navWrap ul {
		width: 526px;
	}

	/* Main section */
	.docsWrap {
  	width: 990px;
  }
  .docsSubNav {
  	width: 367px;
  }
  .docsMainSxn {
  	width: 528px;
  }
  .note div {
		width: 461px;
	}
	.docsMainSxn ol li .note div {
		width: 421px;
	}

	/* LP Styles */
	.itemWrap {
		width: 990px;
	}
	.lpItem {
		width: 483px;
	}
	.lpItem div:nth-child(2) {
		width: 374px;
	}
	.lpItem div {
		height: 110px;
	}
}




@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* Nav */
	.docsNav {
  	height: 60px;
	  }
		.docsNav .navWrap {
	  	width: 650px;
		  }
		  .docsNav .navWrap ul {
		  	display: none;
		  }
	  .search {
	  	position: absolute;
	    width: 650px;
	    top: 70px;
	    background: #FFF;
	    /*flex-direction: row-reverse;*/
	    opacity: 0;
	    height: 0;
	    overflow: hidden;
	    transition: all 0.3s ease-in-out;
	    justify-content: center;
	  	}
	  	.searchDrop {
	  		top: 70px;
    		opacity: 1;
    		height: auto;
    		overflow: visible;
	  	}
	  	.search .searchField {
	  		border: none;
	  		width: 280px;
	  		padding: 15px 5px 15px 0px;
	  	}
	  	.search .searchSubmit {
	  		border: none;
	  		background: url(/images/dark-grey-mag.png) no-repeat center left;
	  		background-size: 16px;
	  		width: 26px;
	  	}
	.navWrap .icon-miva-logo {
		font-size: 16px;
		margin-left: 0;
	}
	.mobileNavItems {
		display: block;
	}


  /* Global/high level */
	.docsWrap {
		width: 650px;
		flex-direction: column;
	}


	/* Subnav Toggle */
	.subNavToggle {
		display: block;
		}
		.subNavToggle a {
			width: 650px;
		}


	/* Left Subnav */
  .docsSubNav {
  	opacity: 0;
  	height: 0px;
  	width: 100%;
  	overflow: hidden;
  	top: -50px;
  	}
  	.docsSubNav ul {
  		opacity: 0;
  		width: 330px;
  		margin: 0 auto;
  		}
  		.docsSubNav ul li {
  			font-size: 16px;
  			letter-spacing: 0.16px;
  			}
  			.docsSubNav ul .activeSub ul li {
  				font-size: 14px;
  				letter-spacing: 0.14px;
  			}
  			.docsSubNav ul li .activeMain {
  				display: block;
  				margin-bottom: 8px;
  			}
				.docsSubNav ul li a {
					padding-left: 0;
				}
				.docsSubNav ul li ul li {
					padding: 8px 0 8px 20px;
					width: 330px;
					margin: 0 auto;
					}
						.docsSubNav ul li ul .activeSub a {
							padding-left: 20px;
						}
				.docsSubNav ul .activeSub ul li .activeChild {
					font-weight: 600;
					}
					.docsSubNav ul .activeSub ul li .activeChild:hover {
						font-weight: 600;
					}	


  /* Main section */
  .docsMainSxn {
  	width: 650px;
  	margin: 0 auto;
  	padding: 0 0 92px 0;
  	border-left: none;
  	}
  	.docsMainSxn h1 {
  		font-size: 36px;
  		line-height: 45px;
  		margin: 32px 0 0 0;
  	}
  	.docsMainSxn h2 {
  		font-size: 24px;
  		line-height: 29px;
  	}
  	.docsMainSxn p {
  		font-size: 16px;
  		line-height: 24px;
  		letter-spacing: 0.16px;
  	}
  	.docsMainSxn ul li {
  		font-size: 16px;
  		line-height: 28px;
  		letter-spacing: 0.16px;
  	}
  	.docsMainSxn img {
  		margin: 16px 0 0 0;
  	}
  .note {
  	padding: 12px 0;
  	}
  	.note div {
  		width: 626px;
  		}
  		.note div h3 {
  			font-size: 20px;
  			line-height: 29px;
  			margin: 20px auto 14px auto;
  			width: 90%;
  		}	
  		.note div p {
  			font-size: 14px;
  			line-height: 20px;
  			letter-spacing: 0.14px;
  			width: 90%;
  			text-indent: 0;
  		}
  	li .note div {
  		width: 586px !important;
  	}
  .imgCaption p {
  	font-size: 14px;
  	line-height: 20px;
  	letter-spacing: 0.14px;

  }
  .breaddyBoys {
  	display: none;
  }


  /* LP Styles */
  .lpHeader .lpHeroText {
  	width: 450px;
	  }
	  .lpHeroText h1 {
	  	font-size: 36px;
	  	line-height: 45px;
	  }
	  .lpHeroText p {
	  	font-size: 16px;
	  	line-height: 26px;
	  }
  .heroSearch .heroSearchField {
 		width: 355px; 	
  }
  .tabbedNav {
  	display: none;
  }
  .itemWrap {
  	flex-direction: column;
  	width: 100%;
  }
  .lpItem {
  	width: 100%;
  	height: 160px;
  	}
  	.lpItem div {
  		height: 80px;
  	}
  	.lpItem div:nth-child(2) {
  		width: 520px;
  	}
  	.lpItem img {
  		margin: 5px 0 0 0;
  	}
  	.lpItem:nth-child(2) {
		  margin-top: 32px;
		} 


	/* Main.css overrides */
	.wideContainer {
		width: 650px;
	}
	#footerLinksWrap.docsLinksWrap {
		width: 650px;
	}
}




@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* Nav */
	.docsNav {
  	height: 60px;
	  }
		.docsNav .navWrap {
	  	width: 450px;
		  }
		  .docsNav .navWrap ul {
		  	display: none;
		  }
	  .search {
	  	position: absolute;
	    width: 450px;
	    top: 70px;
	    background: #FFF;
	    /*flex-direction: row-reverse;*/
	    opacity: 0;
	    height: 0;
	    overflow: hidden;
	    transition: all 0.3s ease-in-out;
	    justify-content: center;
	  	}
	  	.searchDrop {
	  		top: 70px;
		    opacity: 1;
		    height: auto;
		    overflow: visible;
	  	}
	  	.search .searchField {
	  		border: none;
	  		width: 280px;
	  		padding: 15px 5px 15px 0px;
	  	}
	  	.search .searchSubmit {
	  		border: none;
	  		background: url(/images/dark-grey-mag.png) no-repeat center left;
	  		background-size: 16px;
	  		width: 26px;
	  	}
	.navWrap .icon-miva-logo {
		font-size: 16px;
		margin-left: 0;
	}
	.mobileNavItems {
		display: block;
	}


  /* Global/high level */
	.docsWrap {
		width: 450px;
		flex-direction: column;
	}


	/* Subnav Toggle */
	.subNavToggle {
		display: block;
		}
		.subNavToggle a {
			width: 450px;
		}


	/* Left Subnav */
  .docsSubNav {
  	opacity: 0;
  	height: 0px;
  	width: 100%;
  	overflow: hidden;
  	top: -50px;
  	}
  	.docsSubNav ul {
  		opacity: 0;
  		width: 330px;
  		margin: 0 auto;
  		}
  		.docsSubNav ul li {
  			font-size: 16px;
  			letter-spacing: 0.16px;
  			}
  			.docsSubNav ul .activeSub ul li {
  				font-size: 14px;
  				letter-spacing: 0.14px;
  			}
  			.docsSubNav ul li .activeMain {
  				display: block;
  				margin-bottom: 8px;
  			}
				.docsSubNav ul li a {
					padding-left: 0;
				}
				.docsSubNav ul li ul li {
					padding: 8px 0 8px 20px;
					width: 330px;
					margin: 0 auto;
					}
						.docsSubNav ul li ul .activeSub a {
							padding-left: 20px;
						}
				.docsSubNav ul .activeSub ul li .activeChild {
					font-weight: 600;
					}
					.docsSubNav ul .activeSub ul li .activeChild:hover {
						font-weight: 600;
					}	


  /* Main section */
  .docsMainSxn {
  	width: 450px;
  	margin: 0 auto;
  	padding: 0 0 92px 0;
  	border-left: none;
  	}
  	.docsMainSxn h1 {
  		font-size: 36px;
  		line-height: 45px;
  		margin: 32px 0 0 0;
  	}
  	.docsMainSxn h2 {
  		font-size: 24px;
  		line-height: 29px;
  	}
  	.docsMainSxn p {
  		font-size: 16px;
  		line-height: 24px;
  		letter-spacing: 0.16px;
  	}
  	.docsMainSxn ul li {
  		font-size: 16px;
  		line-height: 28px;
  		letter-spacing: 0.16px;
  	}
  	.docsMainSxn img {
  		margin: 16px 0 0 0;
  	}
  .note {
  	padding: 12px 0;
  	}
  	.note div {
  		width: 426px;
  		}
  		.note div h3 {
  			font-size: 20px;
  			line-height: 29px;
  			margin: 20px auto 14px auto;
  			width: 90%;
  		}	
  		.note div p {
  			font-size: 14px;
  			line-height: 20px;
  			letter-spacing: 0.14px;
  			width: 90%;
  			text-indent: 0;
  		}
  	li .note div {
  		width: 386px !important;
  	}
  .imgCaption p {
  	font-size: 14px;
  	line-height: 20px;
  	letter-spacing: 0.14px;
  }
  .breaddyBoys {
  	display: none;
  }
  .useCase {
  	padding: 24px 0;
  }
  .useCase h3,
  .useCase h4,
  .useCase p,
  .useCase ul,
  .useCase hr {
  	width: 85%;
  }
  .useCase p {
  	font-size: 16px;
  	line-height: 26px;
  }
  .useCase h3 {
  	font-size: 24px;
  	line-height: 32px;
  }


  /* LP Styles */
  .lpHeader .lpHeroText {
  	width: 450px;
	  }
	  .lpHeroText h1 {
	  	font-size: 36px;
	  	line-height: 45px;
	  }
	  .lpHeroText p {
	  	font-size: 16px;
	  	line-height: 26px;
	  }
  .heroSearch .heroSearchField {
 		width: 355px; 	
  }
  .tabbedNav {
  	display: none;
  }
  .itemWrap {
  	flex-direction: column;
  	width: 100%;
  }
  .lpItem {
  	width: 100%;
  	height: 160px;
  	}
  	.lpItem div {
  		height: 100px;
  	}
  	.lpItem div:nth-child(2) {
  		width: 340px;
  	}
  	.lpItem img {
  		margin: 5px 0 0 0;
  	}
  	.lpItem:nth-child(2) {
		  margin-top: 32px;
		} 


	/* Main.css overrides */
	.wideContainer {
		width: 450px;
	}
	#footerLinksWrap.docsLinksWrap {
		width: 450px;
	}
}




@media only screen and (min-width: 200px) and (max-width: 479px) {
	/* Nav */
	.docsNav {
  	height: 60px;
	  }
		.docsNav .navWrap {
	  	width: 311px;
		  }
		  .docsNav .navWrap ul {
		  	display: none;
		  }
	  .search {
	  	position: absolute;
	    width: 311px;
	    top: 70px;
	    background: #FFF;
	    /*flex-direction: row-reverse;*/
	    opacity: 0;
	    height: 0;
	    overflow: hidden;
	    transition: all 0.3s ease-in-out;
	    justify-content: center;
	  	}
	  	.searchDrop {
	  		top: 70px;
	  		opacity: 1;
	  		height: auto;
	  		overflow: visible;
	  	}
	  	.search .searchField {
	  		border: none;
	  		width: 280px;
	  		padding: 15px 5px 15px 0px;
	  	}
	  	.search .searchSubmit {
	  		border: none;
	  		background: url(/images/dark-grey-mag.png) no-repeat center left;
	  		background-size: 16px;
	  		width: 26px;
	  	}
	.navWrap .icon-miva-logo {
		font-size: 16px;
		margin-left: 0;
	}
	.mobileNavItems {
		display: block;
	}


  /* Global/high level */
	.docsWrap {
		width: 311px;
		flex-direction: column;
	}


	/* Subnav Toggle */
	.subNavToggle {
		display: block;
		}
		.subNavToggle a {
			width: 311px;
		}


	/* Left Subnav */
  .docsSubNav {
  	opacity: 0;
  	height: 0px;
  	width: 100%;
  	overflow: hidden;
  	top: -50px;
  	}
  	.docsSubNav ul {
  		opacity: 0;
  		width: 330px;
  		margin: 0 auto;
  		}
  		.docsSubNav ul li {
  			font-size: 16px;
  			letter-spacing: 0.16px;
  			}
  			.docsSubNav ul .activeSub ul li {
  				font-size: 14px;
  				letter-spacing: 0.14px;
  			}
  			.docsSubNav ul li .activeMain {
  				display: block;
  				margin-bottom: 8px;
  			}
				.docsSubNav ul li a {
					padding-left: 0;
				}
				.docsSubNav ul li ul li {
					padding: 8px 0 8px 20px;
					width: 330px;
					margin: 0 auto;
					}
						.docsSubNav ul li ul .activeSub a {
							padding-left: 20px;
						}
				.docsSubNav ul .activeSub ul li .activeChild {
					font-weight: 600;
					}
					.docsSubNav ul .activeSub ul li .activeChild:hover {
						font-weight: 600;
					}	


  /* Main section */
  .docsMainSxn {
  	width: 311px;
  	margin: 0 auto;
  	padding: 0 0 92px 0;
  	border-left: none;
  	}
  	.docsMainSxn h1 {
  		font-size: 36px;
  		line-height: 45px;
  		margin: 32px 0 0 0;
  	}
  	.docsMainSxn h2 {
  		font-size: 24px;
  		line-height: 29px;
  	}
  	.docsMainSxn p {
  		font-size: 16px;
  		line-height: 24px;
  		letter-spacing: 0.16px;
  	}
  	.docsMainSxn ul li {
  		font-size: 16px;
  		line-height: 28px;
  		letter-spacing: 0.16px;
  	}
  	.docsMainSxn img {
  		margin: 16px 0 0 0;
  	}
  .note {
  	padding: 12px 0;
  	}
  	.note div {
  		width: 286px;
  		}
  		.note div h3 {
  			font-size: 20px;
  			line-height: 29px;
  			margin: 20px auto 14px auto;
  			width: 90%;
  		}	
  		.note div p {
  			font-size: 14px;
  			line-height: 20px;
  			letter-spacing: 0.14px;
  			width: 90%;
  			text-indent: 0;
  		}
  	li .note div {
  		width: 246px !important;
  	}
  .imgCaption p {
  	font-size: 14px;
  	line-height: 20px;
  	letter-spacing: 0.14px;
  }
  .breaddyBoys {
  	display: none;
  }
  .useCase {
  	padding: 24px 0;
  }
  .useCase h3,
  .useCase h4,
  .useCase p,
  .useCase ul,
  .useCase hr {
  	width: 85%;
  }
  .useCase p {
  	font-size: 16px;
  	line-height: 26px;
  }
  .useCase h3 {
  	font-size: 24px;
  	line-height: 32px;
  }


  /* LP Styles */
  .lpHeader .lpHeroText {
  	width: 311px;
	  }
	  .lpHeroText h1 {
	  	font-size: 36px;
	  	line-height: 45px;
	  }
	  .lpHeroText p {
	  	font-size: 16px;
	  	line-height: 26px;
	  }
  .heroSearch .heroSearchField {
 		width: 215px; 	
  }
  .tabbedNav {
  	display: none;
  }
  .itemWrap {
  	flex-direction: column;
  	width: 100%;
  }
  .lpItem {
  	width: 100%;
  	height: 200px;
  	}
  	.lpItem div {
  		height: 130px;
  	}
  	.lpItem div:nth-child(2) {
  		width: 210px;
  	}
  	.lpItem img {
  		margin: 5px 0 0 0;
  	}
  	.lpItem:nth-child(2) {
		  margin-top: 32px;
		} 
}