@media (max-width: 767px) {
  body {
    background: none !important;
  }
  .site-header {
    margin-bottom: 0 !important;
  }
  .nav-toggle {
    display: none;
  }
  .navbar-brand {
    max-width: 250px;
  }
  .navbar-brand img {
    max-width: 220px;
  }
  #header-expanded {
    height: auto !important;
  }
  .gfilter {
    display: none;
  }
  .social {
    right: auto !important;
    left: 2%;
    top: 26% !important;
  }
  .toggle-menu span {
    display: none;
  }
  .navbar-form {
    border: 0 !important;
    margin: 0;
    box-shadow: 0 0 0 !important;
  }
  .site-post article h2 {
    font-size: 20px;
    font-weight: 700;
  }
  .site-post article .date {
    font-size: 13px;
  }
  .site-post article .excerpt {
    font-size: 15px;
  }
  .site-post article img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  .show-comments {
    margin-top: 15px;
  }
  .form-control[readonly] {
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.home .gfilter,
  body.archive .gfilter,
  body.tag .gfilter,
  body.category .gfilter {
    height: 340px;
  }
  .site-post article h2 {
    font-size: 40px;
    font-weight: 700;
  }
  .nav-collapse li {
    width: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.home .gfilter,
  body.archive .gfilter,
  body.tag .gfilter,
  body.category .gfilter {
    height: 440px;
  }
  .site-post article h2 {
    font-size: 40px;
    font-weight: 700;
  }
  .nav-collapse li {
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  body.home .gfilter,
  body.archive .gfilter,
  body.tag .gfilter,
  body.category .gfilter {
    height: 540px;
  }
  .site-post article h2 {
    font-size: 40px;
    font-weight: 700;
  }
  .nav-collapse li {
    width: auto !important;
  }
}