@media only screen and (min-width: 992px) and (max-width: 1200px) {
  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 20px;
  }

  p {
    font-size: 14px;
  }

  .navbar-brand .header-logo {
    width: 280px;
  }

  .site-navbar-wrap .header-number a {
    font-size: 12px;
  }

  .site-navbar .site-navigation .site-menu .has-children>a,
  .site-navbar .site-navigation .site-menu>li>a {
    font-size: 13px;
    padding-right: 12px;
  }

  .footer-row-1 {
    padding: 40px 0 0 0;
  }

  .footer-row-1 .footer-inner .row .col-md-6 {
    max-width: 50%;
    padding: 5px;
  }

  .footer-last-link li {
    margin-left: 10px !important;
  }

  .page-btn {
    font-size: 14px;
    height: 45px;
    line-height: 35px;
    padding: 5px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  p {
    font-size: 13px;
  }

  .navbar {
    align-items: center;
  }

  .page-btn {
    font-size: 13px;
    height: 40px;
    line-height: 35px;
    padding: 0px 20px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  h1 {
    font-size: 26px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 16px;
  }

  p {
    font-size: 12px;
  }

  /* header */

  .site-navbar-wrap .site-navbar {
    padding: 10px 0;
  }

  .navbar {
    align-items: center;
  }

  .site-mobile-menu .site-mobile-menu-body {
    padding: 0 20px 0 0px;
  }

  .site-navbar .site-navigation .navbar-brand .header-logo {
    width: 400px;
  }

  .site-navbar .site-navigation .header-number,
  .site-navbar .site-navigation .header-social-media-icons {
    display: none;
  }

  /* Footer */

  .footer-row-1 {
    padding: 30px 0 0 0;
  }

  .footer-row-1 .footer-inner .row .col-md-6 {
    max-width: 50%;
    padding: 5px;
  }

  .footer-last-link li {
    margin-left: 10px !important;
  }

  .page-btn {
    font-size: 14px;
    height: 45px;
    line-height: 35px;
    padding: 5px 20px;
  }
}

@media only screen and (max-width: 479px) {
  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 22px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  p {
    font-size: 11px;
  }

  /* header */

  .site-navbar-wrap .site-navbar {
    padding: 10px 0;
  }

  .navbar {
    align-items: center;
  }

  .site-mobile-menu .site-mobile-menu-body {
    padding: 0 20px 0 0px;
  }

  .site-navbar .site-navigation .navbar-brand .header-logo {
    width: 300px;
  }

  .site-navbar .site-navigation .header-number,
  .site-navbar .site-navigation .header-social-media-icons {
    display: none;
  }

  /* Footer */

  .footer-row-1 {
    padding: 30px 0 0 0;
  }

  .footer-last-link li {
    margin-left: 10px !important;
  }

  .page-btn {
    font-size: 13px;
    height: 40px;
    line-height: 35px;
    padding: 0px 20px;
  }
}

@media only screen and (max-width: 320px) {

  .site-navbar .site-navigation .navbar-brand .header-logo {
    width: 240px;
  }

  .site-navbar .site-navigation .header-number,
  .site-navbar .site-navigation .header-social-media-icons {
    display: none;
  }
}

@media only screen and (max-width: 280px) {
  h1 {
    font-size: 22px !important;
  }

  h2 {
    font-size: 20px !important;
  }

  h3 {
    font-size: 18px !important;
  }

  h4 {
    font-size: 16px !important;
  }

  h5 {
    font-size: 14px !important;
  }

  h6 {
    font-size: 12px !important;
  }

  p {
    font-size: 10px !important;
  }


}

@media only screen and (max-width: 991px) {}

@media only screen and (min-width: 992px) {}