/* Responsive Mobile styles
/* ========================================== */
@media (min-width: 1200px)and (orientation: landscape) {
    html {
        font-size: 118.75%;
    }
}

@media only screen and (max-width: 980px) {
  #home { height: 48vh;}

  header {height: 30vh;}

}

@media (max-width: 767px) {
  #home {
    height: 56vh;
  }

   .navbar-default .navbar-brand {
    line-height: 15px;
  }

  #counter .counter-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-height: 150px;
  }

  #service .col-md-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  #team .col-md-3,
  #blog .col-md-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  #contact .contact-detail {
    padding-left: 20px;
  }
 


}

@media (max-width: 760px) {
  #home {
    height: 80vh;
  }

  header {height: 60vh;}

  #about ul li {
    width: 50%;
  }

  .filter-wrapper {
    padding: 0px;
  }

  .filter-wrapper li {
    margin: 0px;
  }

}

@media (max-width: 400px) {
  #home {
    height: 100vh;
  }

  h1 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  
}