@media (max-width: 479px) {
	/* Header */
	header#header {
		height: 186px;
	}
	
	/* Body */
	.fullbody {
		margin-top: 236px;
	}
	
	/* Gallery */
	.gallery .gallery-item {
		width: 100% !important;
	}
	.gallery .gallery-item .gallery-icon a img {
		width: 100%;
	}
}

@media (min-width: 480px) {
	.gallery .gallery-item .gallery-icon a img {
		width: 90%;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	/* Header */
	header#header {
		height: 156px;
	}
	
	/* Body */
	.fullbody {
		margin-top: 206px;
	}
	
	/* Portfolio Mosaic */
	.portfolio-mosaic {
		width: 49%;
	}
}

@media (max-width: 639px) {
	/* Table */
	.su-table {
		overflow-x: auto;
	}
}

@media (max-width: 767px) {
	/* Header */
	header#header .contact-information {
		text-align: center;
	}
	
	header#header .logo {
		margin: 20px auto 10px auto;
		height: 40px;
		width: 228px;
	}
	
	/* Navigation */
	div#nav-wrapper .navbar-nav > .dropdown  > .dropdown-menu {
		background-color: #e7e7e7;
		width: 100%;
	}
	div#nav-wrapper .navbar-nav > .dropdown  > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
		padding-left: 20px;
	}
	
	/* Banner */
	.banner .container .banner-image img {
		width: 100%;
	}
	.banner .container .banner-title {
		text-align: center;
	}
	.banner .container .banner-title em {
		margin-left: 0;
	}
	.banner .container .banner-subtitle {
		padding-bottom: 15px;
		text-align: center;
	}
}

@media (min-width: 768px) {
	/* Header */
	header#header {
		height: 92px;
	}
	header#header .logo-container {
		float: left;
		height: 100%;
		width: 39%;
	}
	header#header .contact-information {
		float: right;
		height: 100%;
		width: 61%;
	}
	
	/* Navigation */
	div#nav-wrapper .navbar-header {
		width: 100%;
	}

	div#nav-wrapper .navigation {
		padding-left: 0;
		padding-right: 0;
	}

	div#nav-wrapper .navbar-nav {
		border-left: 1px solid #ffffff;
		width: 100%;
	}

	div#nav-wrapper .navbar-nav > li {
		border-right: 1px solid #ffffff;
	}

	div#nav-wrapper .navbar-nav > li > a {
		color: #282315;
		font-weight: bold;
		padding-bottom: 8px;
		padding-top: 10px;
		text-align: center;
	}

	div#nav-wrapper .navbar-nav > li > a:hover {
		background-color: #2c171f;
		color: #ffcd05;
	}

	div#nav-wrapper .navbar-nav > .navbar-nav-home {
		width: 12%;
	}

	div#nav-wrapper .navbar-nav > .navbar-nav-about {
		width: 11%;
	}

	div#nav-wrapper .navbar-nav > .navbar-nav-services {
		width: 13%;
	}

	div#nav-wrapper .navbar-nav > .navbar-nav-portfolio {
		width: 15%;
	}

	div#nav-wrapper .navbar-nav > .navbar-nav-quote {
		font-size: 123%;
		width: 23%;
	}

	div#nav-wrapper .navbar-nav > .navbar-nav-blog {
		width: 10%;
	}

	div#nav-wrapper .navbar-nav > .navbar-nav-contact {
		width: 16%;
	}
	
	div#nav-wrapper .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu {
		position: relative;
	}
	
	div#nav-wrapper .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
		border-radius: 0;
		left: 100%;
		top: -30%;
	}
	
	/* Banner */
	.banner {
		margin-bottom: 50px;
	}
	.banner .container {
		position: relative;
	}
	.banner .container .banner-image {
		text-align: right;
	}
	.banner .container .banner-image img {
		width: 63%;
	}
	.banner .container .banner-title {
		position: absolute;
		left: 5%;
		height: 72%;
		width: 49%;
	}
	.banner .container .banner-subtitle {
		margin-left: -20px;
		position: absolute;
		left: 5%;
	}
	.banner .container .banner-subtitle ul li:nth-of-type(7):after {
		content: "\A";
		white-space: pre;
	}
	
	/* Home Slider */
	.home-slider {
		margin-bottom: 50px;
	}
	
	/* Home Panel */
	.home-panel {
		margin-bottom: 70px;
	}
	
	/* Latest Projects */
	.latest-projects {
		margin: 0 70px 35px 70px;
	}
	.latest-projects h4 {
		margin-bottom: 30px;
	}
	.latest-projects .latest-projects-portfolio {
		margin-top: 35px;
	}
	
	/* Portfolio Mosaic */
	.portfolio-mosaic {
		width: 24%;
	}
}

@media (min-width: 768px) and (max-width: 877px) {
	/* Header */
	header#header .logo {
		height: 55%;
		margin-top: 26px;
	}
	
	/* Navigation */
	div#nav-wrapper .navbar-nav > li {
		height: 58px;
	}
	
	/* Body */
	.fullbody {
		margin-top: 150px;
	}
}

@media (min-width: 878px) {
	/* Header */
	header#header .logo {
		height: 62%;
	}
	
	/* Body */
	.fullbody {
		margin-top: 130px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* Banner */
	.banner .container .banner-title {
		top: 24%;
	}
	.banner .container .banner-subtitle {
		top: 78%;
	}
	
	/* Home Panel */
	.home-panel {
		height: 280px;
		margin-bottom: 30px;
	}
	.home-panel i {
		font-size: 60px;
	}
}

@media (min-width: 1024px) {
	/* Banner */
	.banner .container .banner-title {
		top: 28%;
	}
	.banner .container .banner-subtitle {
		top: 83%;
	}
	
	/* Home Panel */
	.home-panel {
		padding: 20px 30px 15px;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	/* Banner */
	.banner .container .banner-title em {
		font-size: 96px;
	}
	
	/* Home Panel */
	.home-panel {
		height: 240px;
	}
}

@media (min-width: 1280px) {
	/* Banner */
	.banner .container .banner-title {
		font-size: 22px;
	}
	.banner .container .banner-title em {
		font-size: 116px;
	}
	.banner .container .banner-subtitle {
		font-size: 16px;
	}
	
	/* Home Panel */
	.home-panel {
		height: 290px;
	}
}

@media (max-width: 1366px) {
	/* General */
	.container {
		margin: 0;
		width: 100%;
	}
}