/* Large desktop */
@media (min-width: 1440px) {

}

/* Large desktop */
@media (min-width: 1200px) and (max-width: 1440px) {
  .banner {
    min-height: 480px;
  }
}

/* Large desktop */
@media (min-width: 980px) and (max-width: 1199px) {
	.banner .banner-content {
		width: 48%;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  	.header .phone-number {
      font-size: 20px;
    }
    .header ul.navigation li {
      margin-left: 15px;
    }
    .header .btn-request {
      margin-left: 20px;
    }
    .banner .banner-content {
  		width: 48%;
  	}
  	.banner .banner-content h1 {
  		font-size: 28px;
  		line-height: 32px;
  	}
  	.banner .banner-content h4 {
  		font-size: 15px;
  		line-height: 19px;
  	}
  	.btn-xlarge {
  		padding: 28px 40px;
  	}
  	.btn-xlarge i {
  		margin-left: 20px !important;
  	}
  	.happiness .span8.offset2 {
  		width: 100%;
  		margin-left: 0px;
  	}
  	.safety h3 {
  		font-size: 25px;
  	}
  	.safety h4 {
  		font-size: 16px;
  	}
  	.footer .footer-nav {
  		width: 100%;
  		text-align: center;
  	}
  	.footer .span4.text-right {
  		width: 100%;
  		margin-left: 0px;
  		text-align: center;
  	}
  	.footer .btn-footer {
  		margin-top: -10px;
  	}

  	.city-landing-page .service-list .span4 {
  		width: 48.6188%;
  	}
  	.header-image {
  		width: 100%;
  		height: 190px;
  	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 480px) {
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	.header {
		text-align: center;
	}
  .header ul.navigation {
    display: none;
  }
  .header .phone-number {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .homepage .banner hr.transparent {
    margin: 10px 0px;
  }
	.logo {
		float: none;
	}
	.header .btn-request {
		float: none;
		margin-left: 0px;
	}
	.header ul.navigation {
		width: 100%;
		text-align: center;
	}
	.header ul.navigation li {
		margin: 0px 7px;
	}
	.banner {
		min-height: 360px;
	}
	.banner .banner-content {
		width: 100%;
		text-align: center;
	}
	.banner .banner-content h1 {
		font-size: 26px;
		line-height: 30px;
	}
	.banner .banner-content h4 {
		font-size: 14px;
		line-height: 16px;
	}
	.btn-xlarge {
		padding: 15px 20px;
	}
	.btn-xlarge i {
		margin-left: 10px !important;
	}
	.banner .features-list {
		text-align: left;
	}

  .homepage-quote {
    font-size: 23px;
    line-height: 26px;
  }

	.steps , .happiness , .safety {
		padding: 40px 0px;
	}

	.safety h3 {
		margin-top: 0px;
		line-height: 35px;
	}
	.safety h4 {
		margin-bottom: 25px;
	}

	.footer {
		text-align: center;
	}
	.footer .btn-footer {
  		margin-top: -10px;
  	}
    .footer a.phone-number {
        float: none;
    }
  	.footer .span4.text-right {
  		text-align: center;
  	}

  	.content {
  		margin-top: -8px;
  	}
  	.footer-ip {
  		margin-top: 0px;
  	}
  	.contact-us iframe {
  		height: 790px !important;
  	}

  	.header-image {
  		width: 100%;
  		height: auto;
      margin-bottom: 10px;
  	}
    .header-image img {
      position: relative;
    }
  	.header-image ul {
  		display: none;
  	}
  	#costdata_chart {
  		display: none;
  	}
  	.or-separator {
  		text-align: center;
  		margin-top: 20px;
  	}
  	.landing-page .span3 .box {
  		text-align: center;
  	}
  	.footer .footer-location {
  		background-repeat: repeat;
  	}

    .new-cost-data p.min-cost {
      left: 0px;
      bottom: 10px;
      font-size: 12px;
      line-height: 15px;
    }
    .new-cost-data p.max-cost {
      right: 0px;
      bottom: 10px;
      font-size: 12px;
      line-height: 15px;
    }
    .new-cost-data p.avg-cost {
      font-size: 12px;
      line-height: 15px;
    }
    .new-cost-data p.range-cost {
      top: 25%;
      font-size: 12px;
      line-height: 15px;
    }
}