@media only screen and (max-width: 969px)  {

	.content-block {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}

	#primary-content {
		width: 70%;
	}

	#secondary-content {
		width: 24%;
		padding-left: 2%;
		padding-right: 2%;
	}

	.section-essentials .breadcrumb,
	.section-electronic .breadcrumb,
	.section-statutory .breadcrumb,
	.section-writing-analysis .breadcrumb {
		width: 100%;
	}

	#secondary-content .select-contain {
		width: auto;
	}

	#primary-nav ul li .dropdown {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	#primary-nav .dropdown ul {
		margin-top: -1px;
	}

	#primary-nav .dropdown ul,
	#primary-nav .dropdown ul.column01,
	#primary-nanv .dropdown ul.column02 {
		width: 90%;
		margin: -1px 5% 0;
		float: none;
	}

	#primary-nav li:hover .dropdown,
	#primary-nav li.sfhover .dropdown {
		left: 0;
	}


	.paginate-mobile {
		display: block;
		text-transform: uppercase;
		font-size: 12px;
		padding: 10px 0 0;
	}

		.paginate-mobile span {
			display: block;
		}

		.paginate-mobile a {
			display: block;
			padding: 3px 8px;
			border: 1px solid #ccc;
			margin: 0 4px 0 0;
			text-decoration: none;
		}

		.paginate-mobile-previous {
			float: left;
		}

		.paginate-mobile-next {
			float: right;
		}

}



@media only screen and (max-width: 680px)  {

	body {
		background: #fff;
	}


	h1 {
		font-size: 30px;
		line-height: 1.3em;
	}

	h2 {
		font-size: 24px;
		line-height: 1.3em
	}

	h3 {
		font-size: 20px;
		line-height: 1.3em;
	}

	h4 {
		font-size: 16px;
		line-height: 1.3em;
	}

	table {
		max-width: 100%;
	}

	#website-header {
		display: none;
	}

	#mobile-header {
		display: block;
		background: #103754;
	}

		#mobile-header .logo {
			position: static;
			top: auto;
			left: auto;
			float: left;
			width: 250px;
			height: 100px;
			margin-left: 3%;
			background-position: 0 center;
			background: url('http://legalresearch.org/wp-content/uploads/2016/07/canadian-legal-research-responsive-logo.png') 0 0 no-repeat;
		}

		#mobile-header #toggle-menu {
			display: block;
			background: #cee5f0;
			color: #103754;
			margin:35px 3% 0 0;
			float: right;
			padding: 5px 15px;
			text-decoration: none;
			text-transform: uppercase
		}

		#mobile-primary-nav .menu-contain {
			padding: 0 2%;
		}

		#mobile-primary-nav ul li a {
			display: block;
			color: #103754;
			text-align: center;
			border-bottom: 1px solid #2e6996;
			padding: 7px 0;
		}

			#mobile-primary-nav ul li a:hover {
				background-color: #cee5f0;
			}

		#mobile-primary-nav {
			clear: both;
			background: #cee5f0;
		}

		#mobile-primary-nav .google-search {
			width: auto;
		}

		#mobile-primary-nav .google-search table,
		#mobile-primary-nav .google-search tr,
		#mobile-primary-nav .google-search td {
			background: transparent;
		}

		.menu-contain {
			display: none;
		}


	#primary-content {
		width: 100%;
	}

	#secondary-content {
		display: none;
	}

	ul#research-process-nav ul {
		float: none;
		width: auto;
		margin-left: 30px !important;
	}

	.home-feature,
	.home-steps,
	.home-news {
		float: none;
		width: auto;
	}

	.home-steps .img {
		float: left;
	}

	.home-steps p {
		clear: both;
	}

	.home-steps .more,
	.home-news .more {
		text-align: left;
	}

	.home-steps {
		border-bottom: 1px solid #eee;
		padding: 10px 0 20px;
		margin: 0 0 30px;
	}

	.post-meta .post-time,
	.post-meta .post-commentlink {
		float: none;
	}

	footer {
		background: #103754;
	}

	footer .copyright,
	footer nav {
		float: none;
		width: auto;
		line-height: 1.4em;
	}
}