@media only screen and (max-width : 1200px) {
	.typography h1, h1 {font-size: 26px; line-height: 32px;}
	
	/* Header */
	#header {width: auto; padding: 25px 0 0 0;}
	#header nav {position: absolute; left: 430px; top: 60px;  width: auto;}
	#header nav li {padding: 0 10px;}
	#header .tagline {padding: 0 0 0 20px;}
	#header .social {/*position: absolute; right: 155px;*/}
	#header .phone {margin-right: 30px;}

    
	/* Footer */
	#footer .right {float: left; width: auto;}
	#footer .middle {width: auto;}
	#footer .left {width: auto;}
	
	/* Contact Page */
	
	/* Team Page */
	#content .primary {background-position: bottom 0px left 550px;}
	.team #content .primary {background-position: bottom 0px left 600px;}
	
														/* .leadership .left {width: 330px; margin-right: 40px;}
														.leadership .right {width: 540px;}
														.leadership .staff {width: 45%;}
														.leadership .bio {width: auto;}
														
														.staff {width: 20%;}
														.staff img {width: 100%; height: auto;}
														.staff ul li {font-size: 10px;}
														
														.headquarters .staff.first {margin-left: 20px;}
														.headquarters .staff.last {margin-left: 20px;}
														
														.bio {width: auto; padding: 10px 10px 0 10px;} */
	
	.leadership .left {width: auto; float: none; margin: 0;}
	.leadership .right {width: auto; float: none;}
	.leadership .staff.first {margin-left: 130px;}
	.leadership .staff {margin-bottom: 20px;}
	
	/*.section-nav li {line-height: 18px;}
	.section-nav a {font-size: 13px;}
	.section-nav {margin: -300px 0 0 400px;}*/
	
	/* Home Page */
														/* #fixed .slider-size {height: 400px;}
														#fixed p.hero-beauty-text1 {padding: 230px 0 0 50px;} */
	
/*	.hero_container li.hero-beauty {height: 390px; background-size: 100%;}
	.hero_container li.hero-brand {height: 390px; background-size: 100%;}
	.hero_container li.hero-agents {height: 390px; background-size: 100%;}*/
	.cycle-pager {top: 87%}
	
	/*.cycle-slideshow .hero-beauty {top: 220px; left: 40px;}
	.cycle-slideshow .hero-brand {top: 220px; left: 600px;}
	.cycle-slideshow .hero-agents {top: 230px; left: 320px;}*/
	
														/* .cycle-slideshow .beauty-text {bottom: 60px;}
														.cycle-slideshow .brand-text {bottom: 55px; left: 580px;}
														.cycle-slideshow .agents-text {bottom: 50px; left: 270px;} */
	
	.promo {width: 100%; margin: 0 15px;}
	
	/* About Page */
	.about #content .primary {/*background-position: bottom 0px left 480px; */background-size: auto;}
	
	.about .secondary {margin: 0px 0 30px 0px;}
	.about .secondary .left {width: auto; margin: 0;}
														/*.about .secondary .middle {width: auto;margin: 0;}*/
	.about .secondary .right {width: auto; margin: 0;}
	
	/* Approach Page */
	.approach #content .primary {/*background-position: bottom 0px left 450px;*/  background-size: auto;}
	
	.approach .secondary .left {width: auto; margin: 0;}
	.approach .secondary .middle {width: auto; margin: 0;}
	.approach .secondary .right {width: auto; margin: 0;}
	
	/* Insights Page */
														/* .testtt #content .primary {background-position: bottom 0px left 450px;  background-size: auto;} */
	
	.insights .secondary .left {width: auto; margin: 0;}
	.insights .secondary .middle {width: auto; margin: 0; height: auto;}
	.insights .secondary .right {width: auto; margin: 0;}
	
														/* #accordion {height: auto;} */

	/* Contact Page */
	.contact .secondary .left, .contact .secondary .middle, .contact .contact-form {
	    height: 195px;
	}

	.contact .secondary .left, .contact .secondary .middle {
		width: auto;
		margin: 0;
		float: none;
	}

	.contact .contact-form-label {
    	width: 20%;
	}

	.contact .contact-form-input {
	    width: 78%;
	}

	.contact .contact-form-label.comment {
		width: 80%;
		text-align: left;
	}

	.contact .contact-form-input.comment {
		width: 100%;
	}

	#contact-submit, #do-submit {
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	}

	#contact-submit input[type="submit"], #do-submit input[type="submit"] {
		text-align: center;
		float: none;
	}
}

@media only screen and (max-width: 992px){
	/* Header */
	.brand {margin: 0; background-size: 80%;}
	#header nav {top: 65px; left: 340px;}
	#header nav li {font-size: 11px; padding: 0 8px;}
	#header .tagline {display: none;}
	#header .phone {/*position: absolute; right: 10px; top: 30px;*/}
	#header .social {/*top: 30px;*/}
	
	/* Contact Page */
	.contact #content .primary {background-size: none; background-position: bottom 0 center; height: 560px;}
	.contact .primary .content {width: auto; max-width: 100%;}
	.contact .primary .content p {margin-left: 0px; max-width: 100%;}
	/*.contact #content .primary.img-contact {background-position: top 10px left 520px; background-size: 50%;}*/
	.contact .secondary .left, .contact .secondary .middle, .contact .contact-form {
	    height: 205px;
	}
	
	.secondary .left {margin: 0;}
	.secondary .middle {margin: 0;}
	
	/* Team Page */
													  /* #content .primary {background-position: bottom 50px left 520px; background-size: 0%;} */
	
													  /* .leadership .staff.first {margin-right: 30px;}
													  .leadership .right {width: 360px;}
													  .leadership .left {width: 300px; margin-right: 30px;}
													  .leadership .staff .details {padding: 10px 0 25px;}
													  
													  .staff {margin: 15px 30px 0 0;}
													  .staff h3.name {letter-spacing: 0;}
													  .staff ul li {font-size: 9px;}
													  
													  .bio {width: auto; padding: 10px 5px 0 5px;}
													  
													  .massachusetts {word-wrap: break-word;} */
	
	.leadership .staff.first {margin-left: 5px;}
	
	/*.section-nav {position: unset; margin: 0; padding-bottom: 30px;}*/
	
	.team #content .primary {background-size: none; background-position: bottom 0 right 10px; height: 600px;}
	.team .primary .content {padding: 0; width: auto; max-width: 100%;}
	.team .primary .content p {margin-left: 0px;}
		
	/* Home Page */
													  /*#fixed .slider-size {height: 400px;}
													  #fixed p.hero-beauty-text1 {padding: 180px 0 0 50px; font-size: 28px;}
													  #fixed p.hero-beauty-text {font-size: 28px;}
													  #fixed p.hero-beauty-text-learnmore {} */
	
/*	.hero_container li.hero-beauty {height: 300px;}
	.hero_container li.hero-brand {height: 300px;}
	.hero_container li.hero-agents {height: 300px;}*/
	.cycle-pager {top: 83%}
	
	p.learn-small {font-size: 12px; line-height: 0px;}
	
	.cycle-slideshow .hero-beauty {/*top: 170px; left: 40px;*/ padding-top: 20px;}
	.cycle-slideshow .hero-beauty p.hero-beauty-text {font-size: 20px; letter-spacing: 1px; line-height: 10px;}
	
	.cycle-slideshow .hero-brand {/*top: 170px; left: 500px;*/ padding-top: 20px;}
	.cycle-slideshow .hero-brand p.hero-brand-text {font-size: 20px; letter-spacing: 1px; line-height: 10px;}
	
	.cycle-slideshow .hero-agents {/*top: 180px; left: 250px;*/ padding-top: 20px;}
	.cycle-slideshow .hero-agents p.hero-agents-text {font-size: 20px; letter-spacing: 1px; line-height: 10px;}
	
													  /* .cycle-slideshow .beauty-text {bottom: 45px;}
													  .cycle-slideshow .beauty-text p.hero-beauty-text1 {font-size: 24px; margin: 8px;}
													  .cycle-slideshow .beauty-text p.hero-beauty-text {font-size: 24px; margin: 8px;}
													  .cycle-slideshow .beauty-text p.hero-beauty-text-learnmore {margin: 8px;}
													  
													  .cycle-slideshow .brand-text {bottom: 40px; left: 400px;}
													  .cycle-slideshow .brand-text p.hero-brand-text1 {font-size: 24px; margin: 8px;}
													  .cycle-slideshow .brand-text p.hero-brand-text {font-size: 24px; margin: 8px;}
													  .cycle-slideshow .brand-text p.hero-brand-text-learnmore {margin: 8px;}
													  
													  .cycle-slideshow .agents-text {bottom: 35px; left: 190px;}
													  .cycle-slideshow .agents-text p.hero-agents-text1 {font-size: 24px; margin: 8px;}
													  .cycle-slideshow .agents-text p.hero-agents-text {font-size: 24px; margin: 8px;}
													  .cycle-slideshow .agents-text p.hero-agents-text-learnmore {margin: 8px;} */
	
	/* About Page */
	.about #content .primary {background-size: unset; background-position: bottom 0 right 110px; height: 570px;}
	.about .primary .content {width: auto; max-width: 100%;}
	.about .primary .content p {margin-left: 0px;}
	
	.about .middle li {margin-left: 10px;}
	.about .banner {padding: 17px 50px 17px 50px;}
	
	/* Approach Page */
	.approach #content .primary {background-size: unset; background-position: bottom 0 right 110px; height: 750px;}
	.approach .primary .content {width: auto; max-width: 100%;}
	.approach .primary .content p {margin-left: 0px;}
	
	/* Insights Page */
	.insights #content .primary {background-size: unset; background-position: bottom 0 right 180px; height: 500px;}
	.insights .primary .content {width: auto; max-width: 100%;}
	.insights .primary .content p {margin-left: 0px;}
	#footer .right,#footer .middle, #footer .left{display:inline-block;margin:0 45px 0px 0;}
}

@media only screen and (max-width: 767px) {
	#header {margin-top: 30px;}
	#header nav {display:none;}
	#header .social {/*top: 110px; right: 180px;*/}
	#header .phone {/*top: 110px; right: 30px;*/}
	
	.brand {background-size: 60%; float: left; margin-top: 10px; height:50px;}
    .phone{float:left !important;}
	
	#xs-logo {display: none;}
        .mobile-only{display:block;}
	
	#footer nav li {display: none;}
	
	/* Home Page */
	.primary .content {width: auto;}

	.promo.first {margin: 0 15px;}
	
	.promo {margin: 30px 0 0 15px;}
	
/*	.hero_container li.hero-beauty {display:block; width:100%; height:400px; background:url(/themes/colemanharrison/images/Hero1-mobile.jpg) no-repeat; background-size: cover; background-position: center;}
	.hero_container li.hero-brand {display:block; width:100%; height:400px; background:url(/themes/colemanharrison/images/Hero2-mobile.jpg) no-repeat; background-size: cover; background-position: center;}
	.hero_container li.hero-agents {display:block; width:100%; height:400px; background:url(/themes/colemanharrison/images/Hero3-mobile.jpg) no-repeat; background-size: cover; background-position: center;}
	*/
	.cycle-pager {top: 86%}
	
													/*.cycle-slideshow .hero-beauty {top: 45px; left: 50px;}*/
	/*.cycle-slideshow .hero-beauty, .cycle-slideshow .hero-brand, .cycle-slideshow .hero-agents {
		top: 0px; left: 0px; width: 170px; margin: 0 auto; position: unset; padding: 20px 50px 0px 0px;
	}*/
	.cycle-slideshow .hero-beauty p.hero-beauty-text1 {font-size: 20px; letter-spacing: 1px; line-height: 4px;}
	.cycle-slideshow .hero-beauty p.hero-beauty-text {font-size: 20px; letter-spacing: 1px;}
	
	/*.cycle-slideshow .hero-brand {top: 45px; left: 50px;}*/
	.cycle-slideshow .hero-brand p.hero-brand-text1 {font-size: 20px; letter-spacing: 1px; line-height: 4px;}
	.cycle-slideshow .hero-brand p.hero-brand-text {font-size: 20px; letter-spacing: 1px;}
	
	.cycle-slideshow .hero-agents {/*top: 45px; left: 50px;*/ padding-right: 60px;}
	.cycle-slideshow .hero-agents p.hero-agents-text1 {font-size: 20px; letter-spacing: 1px; line-height: 4px;}
	.cycle-slideshow .hero-agents p.hero-agents-text {font-size: 20px; letter-spacing: 1px;}

													/* .cycle-slideshow .beauty-text {bottom: 45px;}
													.cycle-slideshow .beauty-text p.hero-beauty-text1 {font-size: 12px; margin: 8px;}
													.cycle-slideshow .beauty-text p.hero-beauty-text {font-size: 12px; margin: 8px;}
													.cycle-slideshow .beauty-text p.hero-beauty-text-learnmore {margin: 8px;}
													
													.cycle-slideshow .brand-text {bottom: 40px; left: 400px;}
													.cycle-slideshow .brand-text p.hero-brand-text1 {font-size: 12px; margin: 8px;}
													.cycle-slideshow .brand-text p.hero-brand-text {font-size: 12px; margin: 8px;}
													.cycle-slideshow .brand-text p.hero-brand-text-learnmore {margin: 8px;}
													
													.cycle-slideshow .agents-text {bottom: 35px; left: 190px;}
													.cycle-slideshow .agents-text p.hero-agents-text1 {font-size: 12px; margin: 8px;}
													.cycle-slideshow .agents-text p.hero-agents-text {font-size: 12px; margin: 8px;}
													.cycle-slideshow .agents-text p.hero-agents-text-learnmore {margin: 8px;}
												
													.cycle-slideshow img.beauty-large {display: none;}
													.cycle-slideshow img.beauty-mobile {} */
	
	/* Contact Page */
	.contact #content .primary {background-size: unset; background-position: center bottom; height: 580px;}
	.contact .typography h1, h1 {margin: 0;}
	.contact .secondary .left {width: 100%; margin-bottom: 30px;}
	.contact .secondary .middle {width: 100%;}
	.contact .contact-form {margin-bottom: 30px;}

	/* About Page */
	.about #content .primary {background-size: unset; background-position: bottom;}
	.about .typography h1, h1 {margin: 0;}
	.primary .content p {margin-left: 0;}
	.about .banner {padding: 17px 25px 17px 25px;}
	.about .banner h4 {background: url(/themes/colemanharrison/images/icn_coleman-harrison.png) no-repeat center bottom; width: 140px; margin: 0 auto; text-align: unset; display: block; float: unset;}
	.about .banner p {margin-top: 15px;}	

	/* Approach Page */
	.approach #content .primary {background-size: unset; background-position: center bottom; height: 800px;}
	.approach .typography h1, h1 {margin: 0;}
	.approach .secondary .middle {height: auto;}
	.approach .primary .content ul {margin-left: 2.5em;}

	/* Insights Page */
	.insights #content .primary {background-size: unset; background-position: center bottom;}
	.insights .secondary .right {margin-top: 30px;}
	.insights .typography h2, h2 {font-size: 14px;}
	.insights .typography h1, h1 {margin: 0;}
	
	/* Team Page */
	.staff {padding-bottom: 25px; width: unset;}
	.team #content .primary {background-size: unset;}
	.team .typography h1, h1 {margin: 0;}
	.leadership .staff {width: unset;}
	.leadership .staff img {display: block; margin: 0 auto;}
	.staff.northeast-map {margin-top: -4px;}
	.leadership .staff.first {margin-right: 0;}
	.northeast-map img {display: block;}
	.midwest-map img {display: block;}
	
	.layout-row {display: block;}
		#footer .right,#footer .middle, #footer .left{display:inline-block;margin:0 0 25px 0;}
    .privacy-policy .content{width:100%;}
    .announcements {height:unset; padding:15px 15px}
}

@media only screen and (max-width: 600px) {
	/* Team Page */
	.team #content .primary {height: 650px; background-position: right 15px bottom 0;}
}

@media only screen and (max-width: 550px) {
	/* Insights Page */
	.insights #content .primary {height: 550px;}
	
	/* Contact Page */
	.contact #content .primary {height: 610px;}
	
	/* About Page */
	.about #content .primary {height: 660px;}
	
	/* Approach Page */
	.approach #content .primary {height: 850px;}

}

@media only screen and (max-width: 514px) {
	/* Team Page */
	.team #content .primary {height: 850px; background-position: center bottom;}
}

@media only screen and (max-width: 380px) {
	/* Team Page */
	.img-center {width: 75%; height: 75%;}
	.leadership .staff img {width: 100%;}
	.staff h5.location {display: block;}
	.staff h5.linkedin-icon {float: left;}
	.staff h5.tom {padding-left: 0; background-position: 97px;}
	
	.leadership .staff .details {padding: 10px 0 35px;}
	.leadership .staff {width: auto;}
	.leadership .staff.first {margin-right: 0;}
	
	/* Insights Page */
	.insights #content .primary {height: 630px;}
	
	/* About Page */
	.about #content .primary {height: 710px;}
	
	/* Approach Page */
	.approach #content .primary {height: 920px;}
	
	/* Contact Page */
	.contact #content .primary {height: 720px;}
}