@media (max-width: 991px) {
  a.bluebtn {
    width: 230px;
    font-size: 1.3em;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #3c5477;
    background-color: #ebecec;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #3c5477;
    background-color: #ebecec;
  }
  .dropdown-menu {display: none !important;} /* turns off hover dropdown */
  .open .dropdown-menu { display: block !important; } /* keeps click-to-open dropdown */
  
  .banner .fade {
    padding: 80px;
  }
  footer .social {
    margin: 20px 0 0;
    float: left;
  }
  footer ul.sm-tab {
    margin: 20px 0 0 20px;
  }
}
/* --- 767px - sm tablet/mobile --- */
@media (max-width: 767px) {
  .maininfo {
    min-height: 0;
  }
  a.learn {
    position: relative !important;
    width: 100% !important;
    margin-bottom: 20px;
  }
  a.bluebtn {
    width: 290px;
    font-size: 1.5em;
  }
  .mainMatch.innerborder {
    margin-bottom: 20px;
  }
  header img.acro-logo {
    margin: 20px auto 10px;
  }
  header h3 { 
    float: none;
    margin-top: 0;
    font-size: 1.35em;
  }
  header p.engineer {
    margin: 0;
  }
  div.heading, div.heading-off{
    background: #3c5477;
  }
  .banner .fade {
    padding: 40px;
  }
  main.content .maininfo {
    display: block;
    max-width: 350px;
    margin: 0 auto;
  }
  main.overview img {
    margin: 0 auto;
    display: block;
  }
  .vcenter {
    display: block;
  }
  main.innerpage img.innerimg {
    margin: 0 auto;
    display: block;
    padding-bottom: 10px;
  }
  section.testimonials {
    background: none;
  }
  section.testimonials .test-left {
    border-right: 0;
    border-bottom: 2px solid #fff;
  }
  section.testimonials .test-right {
    border-left: 0;
    border-top: 2px solid #fff;
  }
  .overlap{
    margin-left:4%;
  }
  footer img.acro-logo {
    display: block;
    margin: 0 auto;
  }
  footer ul {
    margin-top: 20px;
    text-align: center;
  }
  footer ul.sm-tab {
    margin: 20px 0 0 0;
  }
  footer .social {
    width: 115px;
    padding-left: 14px;
    float: none;
    display: block;
    text-align: center; 
    margin: 20px auto 0;
  }
  footer .sitemap {
    text-align: center;
  }
}