/* Tablet (Landscape)
================================================== */

	@media (max-width: 1024px) {

		/* Structure
		================================================== */

		.inner {
			padding: 0 40px;
			width: 100%;
		}

		/* Hero Banner
		================================================== */

		.banner ul li .banner-caption {
			left: 40px;
		}

		/* Portfolio
		================================================== */

		.portfolio figure {
			margin: 0;
			width: 25%;
		}

	}

/* Tablet (Portrait)
================================================== */

	@media (max-width: 768px) {

		/* Header
		================================================== */

		#header #call {
			font-size: 20px;
		}

		#header #primary-nav {
			font-size: 13px;
		}

		#header #logo img {
			width: 200px;
		}

		/* Navigation
		================================================== */

		.nav ul li {
			margin-left: 10px;
		}

		/* Hero Banner
		================================================== */

		.banner ul li .banner-caption h2 {
			font-size: 32px;
		}

		/* Hero Blocks
		================================================== */

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

	}

/* iPhone 6 (Landscape)
================================================== */

	@media (max-width: 667px) {

		/* Header
		================================================== */

		#header {
			text-align: center;
		}

			#header #logo, 
			#header #call, 
			#header #primary-nav, .nav ul li {
				float: none;
			}

			#header #logo {
				margin-bottom: 20px;
			}

		/* Navigation
		================================================== */

		.nav ul li {
			margin-left: 0;
		}

		/* Hero Blocks
		================================================== */		

		#hero-blocks-wrapper {
			display: none;
		}

		/* Content
		================================================== */

		#content-aside-wrapper,
		#sidebar-wrapper {
			width: 100%;
		}

		.content-wrapper {
			margin: 40px 0 20px;
		}

		/* Footer
		================================================== */

		#footer-wrapper {
			text-align: center;
		}

		#footer #footer-nav ul li {
			line-height: normal;
			padding-bottom: 10px;
		}

			#footer #footer-nav ul li a {
				border-right: none;
				padding-right: 0;
			}

		#footer #social {
			float: none;
			margin-top: 10px;
		}

	}

/* iPhone 6 Plus (Portrait)
================================================== */

	@media (max-width: 414px) {

		/* Hero Banner
		================================================== */	

		.banner ul li .banner-caption {
			bottom: 80px;
			top: 80px;
		}

			.banner ul li .banner-caption h2 {
				font-size: 22px;
			}

		/* Portfolio
		================================================== */

		.portfolio figure {
			width: 50%;
		}

	}

/* Mobile (Portrait)
================================================== */

	@media (max-width: 320px) {

		/* Header
		================================================== */

		#header #logo img {
			width: 100%;
		}

		/* Hero Banner
		================================================== */

		.banner ul li .banner-caption {
			width: 160px;
		}

			.banner ul li .banner-caption .btn {
				font-size: 12px;
			}

				.banner ul li .banner-caption .btn .caret-right {
					display: none;
				}

	}