@media (max-width: 767px) {
  #topbar .contact-info li {display: block;}
  #topbar .contact-info li:first-child {padding-bottom:5px; padding-right: 0; margin-right: 0; border-right: none;}
  #intro {background-position: center center; padding: 120px 0;}
  #intro .intro-content h1 {font-size: 34px;}
  #intro .breadcrumb-item {font-size: 14px;}
  .section-header h2 {font-size: 40px;}
  #service .service-description h3 {font-size: 24px;}
  #services .box {margin-bottom: 20px;}
  #about .areas-list a {width: 100%;}
  #testimonials .testimonial-item {margin: 30px 10px; min-height: 250px;}
}

@media (max-width: 768px) {
  #header {padding: 20px 0; height: 80px;}
  #header #logo img {max-width: 75px; margin-top: -15px;}
  #nav-menu-container {display: none;}
  #mobile-nav-toggle {display: inline-block; margin-top: 25px;}
  #service .col-lg-8 {border-right: none;}
  #about .about-img {height: auto;}
  #about .about-img img {margin-left: 0; padding-bottom: 30px;}
}

@media (min-width: 768px) {
  #call-to-action .cta-btn-container {display: flex; align-items: center; justify-content: flex-end;}
  #contact .contact-address, #contact .contact-area, #contact .contact-phone, #contact .contact-email {padding: 20px 0;}
  #contact .contact-phone {border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
  #contact .contact-area {border-left: 1px solid #ddd;}
}

@media (min-width: 1024px) and (max-width: 1199px) {
  #testimonials .testimonial-item {min-height: 330px;}
}