@charset "utf-8";

@media only screen and (max-width:984px)
{
	
	.wrapper.header {
		width: 100%;
	}
	
	.wrapper {
		width: 728px;
	}
	
	.wrapper.boxstyle1{
		margin-top: 115px;
		
	}
	
	.page-header h1 {
		float: none;
		margin-right: 0px;
		margin-bottom: 15px;
	}
	
	.feature-image img {
		width: 100%;
		height: auto;
	}
	
	
	
	
	.blog-details {
		width: 433px;
	}
	
	.blog-post img {
		width: 100%;
		height: auto;
	}
	
	
	
	.contact-info {
		display: block;
		width: 100%;
		border-top: #ffffff solid 1px;
		border-left: none;
		padding-top: 35px;
		padding-left: 0px;
		margin-top: 35px;
	}

	
	/* ===== Sidebar ===== */
	.page-sidebar {
		width: 225px;
		padding-left: 25px;
	}
	
	.sidebar-gallery ul {
		margin-left: -4px;
	}
	
	.sidebar-gallery ul li {
		width: 64px;
		margin-top: 4px;
		margin-left: 4px;
	}
	
	.sidebar-gallery ul li img {
		width: 100%;
		height: auto;
	}
	
	
	
}




/* ===== Design for a width of 720px to 767px ===== */
@media only screen and (max-width:767px)
{
	.wrapper {
		width: 680px;
	}
	
	
	.blog-details {
		width: 390px;
	}
	
	
	
	/* ===== Sidebar ===== */
	.page-sidebar {
		width: 220px;
	}
	
	.sidebar-gallery ul {
		margin-left: -3px;
	}
	
	.sidebar-gallery ul li {
		width: 63px;
		margin-top: 3px;
		margin-left: 3px;
	}
	
	
	
}




/* ===== Design for a width of 540px to 719px ===== */
@media only screen and (max-width:719px)
{
	.wrapper {
		width: 520px;
	}

	.page-header p {
		width: 100%;
	}
	
	
	
	
	/* ===== Blog ===== */
	.blog-container {
		display: block;
	}
	
	
	.blog-details {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	
	
	
	
	/* ===== Sidebar ===== */
	.page-sidebar {
		display: block;
		width: 100%;
		padding-left: 0px;
		margin-top: 45px;
	}
	
	.sidebar-gallery ul {
		margin-top: 26px;
		margin-left: -5px;
	}
	
	.sidebar-gallery ul li {
		width: 86px;
		margin-top: 5px;
		margin-left: 5px;
	}
	
	
	
	/* ===== Footer Bottom ===== */
	.footer-bottom {
		height: auto;
		text-align: center;
		padding: 10px 0px;
		overflow: hidden;
	}
	
	.copyright {
		float: none;
	}
	
	.footer-bottom nav {
		float: none;
	}
	
	.footer-bottom ul li {
		float: none;
		margin-left: 0px;
		margin-right: 13px;
	}
}




/* ===== Design for a width of 480px to 539px ===== */
@media only screen and (max-width:539px)
{
	.wrapper {
		width: 460px;
	}
	
	
	
	/* ===== Sidebar ===== */
	.sidebar-gallery ul {
		margin-top: 25px;
		margin-left: -6px;
	}
	
	.sidebar-gallery ul li {
		width: 126px;
		margin-top: 6px;
		margin-left: 6px;
	}
	
	
	/* ===== Footer ===== */	
	.footer-gallery ul li {
		width: 88px;
	}
}




/* ===== Design for a width of 320px to 479px ===== */
@media only screen and (max-width:479px)
{
	.wrapper.header {
		min-width: 320px;
	}
	
	.box-container {
	background-color: rgba(255, 255, 255, 0.85);
	padding: 40px 0px 45px 0px;
	overflow: hidden;
	
	/* div padding fix */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
	
	.wrapper {
		width: 310px;
	}
	
	.wrapper.boxstyle1 {
		margin-top: 100px;
		margin-bottom: 45px;
		padding:0;
	}
		

	.post-title {
		padding-left: 0px;
	}
	
	.post-title ul {
		margin-top: 15px;
	}
	
	.post-title ul li {
		line-height: 18px;
	}
	
	
	
	
	/* ===== Contact Us ===== */
	.map-container {
		height: 240px;
	}
	
	
	
	
	/* ===== Sidebar ===== */
	.sidebar-gallery ul li {
		width: 76px;
	}
	
	

}