@media only screen and (max-width: 992px) {
  .heading-img {
    margin-top: 28px;
  }

  .heading-btn > .standard-button {
    min-width: 100px;
  }

  .feat-head {
    margin: 0px;
  }

  .primary-nav {
    display: none;
  }

  .col-col {
    width: 16.6667%;
  }
}

@media only screen and (max-width: 768px) {
  .navbar-brand {
    margin-left: -8px;
  }

  .main-navigation {
    right: -28px;
  }

  .heading-img {
    margin-bottom: 20px;
  }

  .heading-btn {
    margin-top: 22px;
  }

  .feat-head h3 {
    margin-top: 20px;
  }

  .subnav {
    display: none;
  }

  .col-col {
    width: 25%;
  }
}

@media only screen and (max-width: 576px) {
  .col-col {
    width: 33.3334%;
  }
}

@media only screen and (max-width: 400px) {
  #nav-menu {
    width: 100%;
  }

  .col-col {
    width: 50%;
  }
}