/*
 Table Of Contents
 1.) Media Query for Tablet
 2.) Media Query for mobile
 ===============================================*/
/*
 1.) Media Query for Tablet
 ===============================*/
@media only screen and (min-width: 768px) and (max-width: 1002px) {
	.block-sec, .head-lines, .header-primary-sec, nav, .gallery-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*
 2.) Media Query for mobile
 ===============================*/
@media only screen and (max-width: 767px) {
	#header nav ul {
		display: none;
		position: absolute;
		right: 0;
		top: auto;
		width: 100%;
		padding: 0 11px 10px;
		background: #b5a590;
		
	}
	#header nav ul li:first-child {
		border: none;
	}
	#header nav ul li {
		margin: 0;
		float: none;
		line-height: 55px;
		border-top: 1px solid #ffffff;
	}
	.header-primary-sec h1 {
		font-size: 2.4em;
		line-height: 84px;
	}
	.image-sec, .content-sec, .content-block {
		float: none;
		width: 100%;
	}
	.header-primary-sec {
		padding-top: 0;
	}
	.block-sec, .head-lines, .gallery-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-primary-sec {
		padding: 0 10px;
	}
	.image-sec {
		padding-top: 0;
	}
	.block-sec {
		padding-top: 38px;
	}
	.image-sec {
		margin-bottom: 35px;
	}
	.gallery-wrapper ul, .gallery-wrapper ul li {
		margin-left: 0;
	}
	.image-sec img, .gallery-wrapper ul li {
		width: 100%;
	}
	header {
		margin: 0;
	}
	.header-primary-sec, header {
		position: relative;
	}
	.toggle {
		background: url(../images/toggle.png) left top no-repeat;
		width: 50px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top:-15px;
		cursor: pointer;
	}
	.block-wrapper{
		margin-bottom: 38px;
	}
	
	/* no fixed header for mobile */
	header
	{
		position: absolute;
		top: auto;
		width: 100%;
	}
	div#content
	{
		margin-top: 0;
	}
	
	
}