/* /container/application/httpdocs/assets/css/sub.responsive.css */
/* Responsive CSS */

/* Mobile last; based off Bootstrap break points */
.content {
	width: 100% !important;
}
.widthContentMin {
	min-width: 300px !important;
}

/* lg: large > 1170 */
@media screen and (min-width: 1200px) { }


/* md: 992px < medium < 1200px */
@media screen and (max-width: 1200px) {
	/* Layout */
	ul#menu li {
		margin-left: 0px;
	}
	.hero-bg_shell {
		left: 40%;
		width: 60%;
	}
	.hero-text_float {
		width: 60%;
	}
	.hero-text_padding {
		padding-left: 180px;
	}
	/* Popup */
	.popup {
		width: 86%;
	}
}


/* sm: small < 992px */
@media screen and (max-width: 992px) {
	/* Layout */
	header .container {
		height: 70px;
		overflow: hidden;
	}
	#header_mobile {
		display: block;
	}
	#header_contact {
		bottom: auto;
		top: 23px;
		right: 120px;
	}
	ul#menu {
		float: none;
		clear: both;
		margin: auto;
		padding: 10px 0;
	}
	ul#menu li {
		float: none;
		padding: 0px;
		display: inline-block;
	}
	ul#menu li.menu_item-Contact {
		margin-left: 10px;
	}
	#hero {
		height: 400px;
	}
	.hero-bg_shell {
		left: 30%;
		width: 70%;
	}
	.hero-text_float {
		width: 70%;
	}
	footer .col {
		width: 33%;
	}
	footer .col.col4 {
		display: none;
	}
	/* Popup */
	#appraisal_form .margin-left20 .left.width50p {
		width: 100%;
	}
	#appraisal_form .left.width50p.margin-top6 {
		margin-top: -3px;
	}
	/* Index */
	.divider-right {
		display: none;
	}
	.started_step.started_step-appraisal {
		width: 32%;
	}
	.started_step.started_step-property {
		width: 34%;
	}
	.started_step.started_step-meeting {
		width: 34%;
	}
	/* Services */
	.service-list {
		padding: 0;
	}
	.service h3.book {
		font-size: 1.6em;
	}
	.service h3.book span {
		margin-top: 7px;
	}
	/* Subdivisions */
	#subdivisions-what .col1 {
		width: 100%;
	}
	#subdivisions-what .col1 p.paragraph1 {
		margin-right: 40%;
	}
	#subdivisions-what .col2 {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.subdivision_step-box {
		height: 380px;
	}
	.subdivision_step-box br.none {
		display: block;
	}
	.subdivision_step-img {
		height: 80px;
	}
	/* Portfolio */
	.portfolio_item-info {
		width: 50%;
	}
	.portfolio_item-img {
		width: 25%;
		height: 180px;
		margin-top: 35px;
	}
	.portfolio_item .margin-right {
		margin-right: 20px;
	}
	#map-canvas {
		height: 450px;
	}
}


/* xs: extra small < 768px */
@media screen and (max-width: 768px) {
	/* General */
	h2.book, .h2.book, h2.light, .h2.light {
		font-size: 1.8em;
	}
	h2 .button, h2.button {
		padding: 12px 24px
	}
	/* Layout */
	#header_contact {
		position: relative;
		top: auto;
		right: auto;
	}
	.hero-bg_shell {
		left: 20%;
		width: 80%;
	}
	.hero-text_text {
		margin-top: 18%;
	}
	.hero-text_float {
		width: 80%;
	}
	.hero-text_padding {
		padding-left: 150px;
	}
	footer .col {
		width: 28%;
	}
	footer .col.col1 {
		width: 44%;
	}
	#footer_idesign {
		left: 20px;
		right: auto;
		/*bottom: 5px;*/
	}
	.footer_builders {
		display: none;
	}
	/* Popup */
	.popup {
		width: 92%;
	}
	/* Services */
	.service-list {
		padding-left: 50px;
	}
	.service {
		width: 50%;
		margin-top: 20px;
	}
	/* Subdivisions */
	#subdivisions-what .col1, #subdivisions-what .col2 {
		width: 100%;
	}
	#subdivisions-what .col2 {
		position: relative;
		top: auto;
		right: auto;
	}
	.subdivision_diagram {
		margin-top: -50px;
	}
	#subdivisions-what .col1 p.paragraph1 {
		margin-right: 0;
	}
	/*
	.subdivision_step {
		width: 32%;
	}
	.subdivision_step-box {
		height: 380px;
	}
	.subdivision_step-box br.none {
		display: block;
	}
	.subdivision_step-img {
		height: 70px;
	}
	*/
	#subdivision_steps-title {
		text-align: center;
	}
	#subdivision_steps .subdivision_step {
		position: relative;
		float: none;
		width: 80%;
		margin: 0 auto 20px auto;
	}
	.subdivision_step-box {
		height: auto;
	}
	/* Portfolio */
	#portfolio_items .vertical60.borderTop {
		height: 40px;
	}
	.portfolio_item {
		margin-bottom: 20px;
	}
	.portfolio_item-info {
		width: 100%;
	}
	.portfolio_item-img {
		width: 50%;
		margin-top: 20px;
	}
	.portfolio_item-details {
		position: relative;
		bottom: auto;
		padding-top: 20px;
	}
	#map-canvas {
		height: 400px;
	}
	/* Blog */
	div.article_date {
		float: none;
		clear: both;
		margin-top: 6px;
	}
}


/* phone portrait < 620 */
@media screen and (max-width: 620px) {
	/* Layout */
	ul#menu {
		font-size: 1.1em;
	}
	ul#menu li {
		display: block;
		margin-bottom: 10px;
	}
	ul#menu li.menu_item-Contact {
		margin-left: 0px;
		margin-top: 20px;
	}
	#hero {
		height: 350px;
	}
	.hero-bg_shell {
		left: 10%;
		width: 90%;
	}
	.hero-text_text {
		margin-top: 10%;
	}
	.hero-text_float {
		width: 90%;
	}
	footer {
		height: 160px;
	}
	footer .col {
		width: 40%;
		margin-top: 20px;
	}
	footer .col.col1 {
		width: 60%;
	}
	footer .col.col3 {
		position: absolute;
		bottom: 5px;
		right: 0px;
	}
	#footer_idesign {
		bottom: 6px;
	}
	/* Popup / Contact */
	#appraisal_form .left.width50p,
	#contact_form .left.width50p {
		width: 100%;
	}
	#appraisal_form .left.width50p .margin-left20,
	#appraisal_form .left.width50p .margin-right20,
	#contact_form .left.width50p .margin-left20,
	#contact_form .left.width50p .margin-right20 {
		margin-left: 0px;
		margin-right: 0px;
	}
	/* Index */
	#started_steps .started_step {
		float: none;
		width: 80%;
		margin: 0 auto 20px auto;
	}
	.appraisal_form-button {
		width: 100%;
	}
	.appraisal_form-button .width60p.center {
		width: 92%;
	}
	/* Services */
	.service {
		float: none;
		width: 270px !important;
		margin: 0 auto 40px auto;
	}
	.service-list2 .service {
		margin-bottom: 12px;
	}
	/* Subdivisions */
	#subdivision_steps .subdivision_step {
		position: relative;
		float: none;
		width: 80%;
		/*height: 280px;*/
		margin: 0 auto 20px auto;
	}
	.subdivision_step-box {
		height: auto;
	}
	/* Portfolio */
	#map-canvas {
		height: 350px;
	}
	/* Portfolio List */
	#portfolio_list span.width200 {
		width: 100%;
	}
}

/* Adaptive */
@media screen and (max-width: 560px) {
	#header_spacer {
		height: 16px;
	}
	header .container {
		height: 66px;
	}
	#header_logo img.logo {
		width: 304px;
		height: 52px;
		margin: 6px 0;
	}
	.portfolio_item-details div.left, .portfolio_item-details div.right {
		float: none;
	}
}
@media screen and (max-width: 480px) {
	#header_mobile span {
		display: none;
	}
	#header_mobile {
		padding-right: 0;
	}
	.hero-text_text {
		margin-top: 0;
	}
	#image_collection-portfolio .col {
		width: 50%;
	}
	#image_collection-portfolio .col3, #image_collection-portfolio .col4 {
		display: none;
	}
	.appraisal_form-button .width60p.center {
		width: 100%;
	}
	.appraisal_form-button .width60p.center .margin-right12 {
		margin-right: 8px;
	}
}
@media screen and (max-width: 420px) {
	#header_spacer {
		height: 10px;
	}
	header .container {
		height: 60px;
	}
	#header_logo img.logo {
		width: 228px;
		height: 39px;
		margin: 13px 0;
	}
	.hero-bg_shell {
		left: 0;
		width: 100%;
	}
	.hero-text_float {
		width: 100%;
	}
	.hero-text_padding {
		padding-left: 130px;
	}
	.hero-text_text .vertical50 {
		height: 30px;
	}
	.hero-text_text .vertical100 {
		height: 50px;
	}
}
@media screen and (max-width: 380px) {
	/*
	#header_logo {
		margin-top: 3%;
	}*/
	h2.book, .h2.book, h2.light, .h2.light {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 340px) {
	/*
	#header_logo {
		margin-top: 5%;
	}*/
}


/* small height < 500px */
@media screen and (max-height: 500px) and (min-width: 768px) {

}