/* Boxed Layout */
html.boxed {
	body {
		background-color: transparent;
		background-position: 0 0;
		background-repeat: repeat;
	}
	.body {
		background-color: #FFF;
		border-bottom: 5px solid $color-dark;
		border-radius: 5px;
		border-top: 5px solid #CCC;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
		margin: 25px auto;
		max-width: 1200px;
		height: auto;
	}
	#header {
		padding: 8px 0;
		&.fixed {
			#{$left}: auto;
			width: auto;
		}
	}
	body.sticky-menu-active {
		#header {
			width: auto;
			max-width: 1200px;
			margin: 0 auto;
			left: auto;
		}
	}
}

/* Responsive */
@media (max-width: 1200px) {

	html.boxed {
		body.sticky-menu-active {
			#header {
				width: 100%;
			}
		}
	}

}

@media (max-width: 991px) {

	html.boxed {
		.body {
			margin: 0 auto;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}
	}

}

@media (max-width: 767px) {

	/* Boxed */
	html.boxed {
		background: none !important;
	}

}