/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1020px) {
	html, .body-bg, .container {
		width: auto;
		min-width: 300px;
		max-width: 1000px;
	}
	header nav {
		position: relative;
		top: 0;
		left: 0;
		margin-right: 60px;
		float: right;
	}
	header .h-col-left {
		float: left;
		padding-left: 45px;
		padding-right: 45px;
	}
	header .logo {
		position: static;
		position: static;
		margin-left: -47px;
		display: block;
		margin-top: -39px;
	}
	header .logo img {
		max-width: 100%;
	}
	header .phone {
		margin-left: 15px;
		position: relative;
		left: 0;
		top: 0;
		margin-top: 45px;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	header .phone a {
		white-space: nowrap;
	}
	header .indent {
		max-width: 525px;
		padding-left: 60px;
		padding-right: 60px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.table-responsive:before {
		content: '';
		display: table;
		clear: both;
	}
	#content .indent {
		padding-right: 0;
	}
	.phone span:first-child {
		display: block;
		margin-top: 30px;
	}

	h2:before {
		content: '';
		display: table;
		clear: both;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 880px) {
	#page1 .r-col {
		margin-top: 0;
	}
	header .indent {
		float: left;
	}
	header .h-col-left {
		float: none;
		text-align: center;
	}
	header .logo {
		margin-left: 0;
	}
	header .logo img {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	header nav {
		float: none;
		margin: 0 auto;
	}
	header .indent {
		padding-top: 0;
		max-width: 100%;
	}
	header .phone {
		margin-left: 0;
		margin-top: 15px;
	}

	.r-col {
		float: none;
		width: 100%;
	}
	#content .indent {
		float: none;
		width: 100%;
	}
	.box .inner1 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.container .inside:before {
		content: '';
		display: table;
		clear: both;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 640px) {
	header .indent {
		padding-left: 15px;
		padding-right: 15px;
	}
	header .h-col-left {
		padding-left: 15px;
		padding-right: 15px;
	}
	#content .inside {
		padding-left: 15px;
		padding-right: 15px;
	}
	header .phone {
		margin-top: 0;
		margin-right: 0;
	}
	h2 {
		font-size: 26px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 540px) {
	.img-box img.img-resp-1 {
		display: block;
		float: none;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 15px;
	}
	h2 {
		text-align: center;
	}
}
@media only screen and (max-width : 370px) {
	.img-box img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
		max-width: 100%;
	}
	.img-box h5 {
		text-align: center;
	}
}
@media only screen and (max-width : 350px) {
	.box .left-top-corner, .box .left-bot-corner {
		padding-left: 100px;
	}
	.box .right-top-corner, .box .right-bot-corner {
		padding-right: 100px;
	}
	.quote, .quote-author {
		width: auto;
		max-width: 300px;
	}
	.box .clip-left {
		left: -80px;
	}
	.box .clip-right {
		right: -80px;
	}
}