@media (max-width: 768px) {
	.jumbotron h1 {
		margin-top: 18px;
		margin-bottom: 15px;
		font-size: 48px;
		line-height: 0.8em;
		font-weight: 300;
	}
	
	h1 {
		margin-top: 22px;
		color: #214478;
		font-weight: 300;
		font-size: 40px;
		font-family: "Terminal Dosis";
	}

	h2 {
		letter-spacing: -0.5px;
		font-family: "Terminal Dosis";
		color: #282828;
		font-size: 28px;
		margin-top: 18px;
		font-weight: 300;
	}
	
	.header {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 30;
		width: 100%;
		margin: 0;
		margin-top: -6px;
		border-bottom: 4px solid #fff;
		padding-top: 6px;
		padding-bottom: 10px;
		border: none;
	}
	
	div.content {
		margin-top: 80px;
	}

	.header h1 {
		margin: 0;
		padding: 0px 0px 0px 8px;
		height: 70px;
		display: block;
		background: url("../images/logo250-white.png") no-repeat 8px center;
		background-color: #bf0f1e;
		width: auto;
		border-bottom: 3px solid #690810;
	}
	
	.navbar-toggle {
		display: block;
		float: right;
		padding: 10px 9px;
		margin: 23px 15px 10px 10px;
	}
	
	.navbar-toggle:hover {
		border-radius: 4px;
		background-color: #690810;
	}
	
	.icon-bar {
		display: block;
		height: 2px;
		width: 22px;
		background-color: #fff;
	}
	
	.icon-bar + .icon-bar {
		margin-top: 4px;
	}
	
	.navbar {
		display: none;
		background: #bf0f1e;
		height: auto;
		padding: 0;
		margin: 0;
	}
	
	.navbar li, .navbar li:last-child {
		float: none;
		display: block;
		padding: 0;
		margin: 0;
	}
	
	.navbar li a, .navbar li a.active {
		margin: 0;
		padding: 13px 20px;
		background: transparent;
	}
	
	.navbar li a:hover {
		color: #88ffff;
		border: none;
	}
	
	.navbar li a.active {
		background-color: #690810;
		color: #fff;
		border: none;
	}
	
	.sub-navbar {
		display: none;
		height: auto;
		padding: 0;
		margin: 0;
		background: #252525;
	}
	
	.sub-navbar li {
		display: block;
		padding: 0;
		margin: 0;
		color: #fff;
	}
	
	.sub-navbar li a {
		margin: 0;
		display: block;
		padding: 13px 20px 13px 20px;
		background: transparent;
	}
	
	.sub-navbar li a.active {
		background: #202020;
		color: #fff;
	}
	
	.sub-navbar li a:hover {
		color: #fff;
	}
	
	.navbar li a span, .navbar li a.active span {
		padding: 0;
		height: auto;
		background: transparent;
	}
	
	.container {
		background: #fff;
	}
	
	.pull-right {
		float: none;
	}
	
	div.thumbnails {
		padding: 8px;
	}
	
	div.thumbnail {
		margin: 5px;
	}
	
	table.downloads tbody td {
		font-size: 18px;
		padding: 10px;
	}
	
	table.downloads {
		width: auto;
	}
	
	table.table td {
		padding: 4px;
	}
}

@media (max-width: 992px) {
	#toc-fixed {
		position: static;
		margin-left: 0%;
		left: 0%;
	}

	div.toc.affix, div.toc.affix-bottom {
		position: static;
	}

	div.toc {
		width: auto;
	}

	.doc-layout {
		padding-right: 0px;
	}
}


@media (max-width: 1200px) {
	.container {
		padding: 12px 15px 8px 15px;
	}
}


@media (max-width: 992px) {
	.container {
		padding: 8px 10px 8px 10px;
	}
}

@media (max-width: 768px) {
	.container {
		padding: 6px 6px 6px 6px;
	}
}

@media (max-width: 1200px) {
	.col-lg-5, .col-lg-10, .col-lg-15, .col-lg-20,
	.col-lg-25, .col-lg-30, .col-lg-35, .col-lg-40,
	.col-lg-45, .col-lg-50, .col-lg-55, .col-lg-60,
	.col-lg-65, .col-lg-70, .col-lg-75, .col-lg-80,
	.col-lg-85, .col-lg-90, .col-lg-95 {
		display: block;
		width: auto;
	}

	.offset-lg-5, .offset-lg-7,	.offset-lg-8, .offset-lg-10
	.offset-lg-15, .offset-lg-20, .offset-lg-25, .offset-lg-30
	.offset-lg-35, .offset-lg-40, .offset-lg-45, .offset-lg-50
	.offset-lg-55, .offset-lg-60, .offset-lg-65, .offset-lg-70
	.offset-lg-75, .offset-lg-80, .offset-lg-85, .offset-lg-90
	.offset-lg-95, .offset-lg-3 {
		margin-left: 0;
	}

	.push-right-lg-10 { padding-right: 0%; }	
	.push-right-lg-20 { padding-right: 0%; }
	.push-right-lg-30 { padding-right: 0%; }
	.push-right-lg-40 { padding-right: 0%; }
	.push-right-lg-50 { padding-right: 0%; }
	
	.aside-border-lg {
		padding: 0px;
		border-left: none;
	}

	.aside-border-lg p, p.aside {
		padding-left: 0px;
	}
}


@media (max-width: 990px) {
	.col-md-5, .col-md-10, .col-md-15, .col-md-20,
	.col-md-25, .col-md-30, .col-md-35, .col-md-40,
	.col-md-45, .col-md-50, .col-md-55, .col-md-60,
	.col-md-65, .col-md-70, .col-md-75, .col-md-80,
	.col-md-85, .col-md-90, .col-md-95 {
		display: block;
		width: auto;
	}

	.offset-md-5, .offset-md-7,	.offset-md-8, .offset-md-10
	.offset-md-15, .offset-md-20, .offset-md-25, .offset-md-30
	.offset-md-35, .offset-md-40, .offset-md-45, .offset-md-50
	.offset-md-55, .offset-md-60, .offset-md-65, .offset-md-70
	.offset-md-75, .offset-md-80, .offset-md-85, .offset-md-90
	.offset-md-95, .offset-md-3 {
		margin-left: 0;
	}
	
	.push-right-md-10 { padding-right: 0%; }	
	.push-right-md-20 { padding-right: 0%; }
	.push-right-md-30 { padding-right: 0%; }
	.push-right-md-40 { padding-right: 0%; }
	.push-right-md-50 { padding-right: 0%; }
	
	.aside-border-md {
		padding: 0px;
		border-left: none;
	}

	.aside-border-md p, p.aside {
		padding-left: 0px;
	}
}

@media (max-width: 768px) {
	.col-sm-5, .col-sm-10, .col-sm-15, .col-sm-20,
	.col-sm-25, .col-sm-30, .col-sm-35, .col-sm-40,
	.col-sm-45, .col-sm-50, .col-sm-55, .col-sm-60,
	.col-sm-65, .col-sm-70, .col-sm-75, .col-sm-80,
	.col-sm-85, .col-sm-90, .col-sm-95 {
		display: block;
		width: auto;
	}

	.offset-sm-5, .offset-sm-7,	.offset-sm-8, .offset-sm-10
	.offset-sm-15, .offset-sm-20, .offset-sm-25, .offset-sm-30
	.offset-sm-35, .offset-sm-40, .offset-sm-45, .offset-sm-50
	.offset-sm-55, .offset-sm-60, .offset-sm-65, .offset-sm-70
	.offset-sm-75, .offset-sm-80, .offset-sm-85, .offset-sm-90
	.offset-sm-95, .offset-sm-3 {
		margin-left: 0;
	}
	
	.push-right-sm-10 { padding-right: 0%; }	
	.push-right-sm-20 { padding-right: 0%; }
	.push-right-sm-30 { padding-right: 0%; }
	.push-right-sm-40 { padding-right: 0%; }
	.push-right-sm-50 { padding-right: 0%; }
	
	.aside-border-sm {
		padding: 0px;
		border-left: none;
	}

	.aside-border-sm p, p.aside {
		padding-left: 0px;
	}
}

@media (max-width: 992px) {
	#reviews-container::before, #reviews-container::after { width: 5%; }
}

@media (max-width: 768px) {
	#reviews-container::before, #reviews-container::after { display: none; }
	#reviews-slider { left: 0; }
	#reviews-slider ul { transform: translateX(0px) !important; }
	#reviews-slider ul li { display: none; }
	#reviews-slider ul li.active {
		display: block;
		width: 100%;
		max-width: 600px;
		margin: auto;
		height: auto;
	}
	#reviews-slider ul li .review-card::after { 
		right: 15px; 
		width: 90px; 
		height: 90px; 
	}
	.review-controls { width: 100%;	}
}