@media (max-width: 991px) {
  .features-page img {
    display: flex;
    margin: 0 auto;
    margin-top: 50px;
  }
  .features-page-content figcaption {
    text-align: center;
  }
  .features-page p strong {
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .right-button-div {
    display: flex;
    justify-content: center;
  }

  /**** home page ****/
  .rethinking-privacy-sec-3 .tooltip-inner {
    max-width: 140px;
  }
  .footer-inner {
    max-width: 90%;
  }
  .footer-menu li {
    padding: 5px 15px 5px 10px;
  }
  .footer-menu li:after {
    font-size: 16px;
    top: 7px;
  }
  .footer-menu li a {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  p {
    font-size: 13px;
  }
  /* .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #000; } */
  .navbar-default .navbar-toggle {
    margin-top: 15px;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: var(--white);
  }
  .navbar-brand {
    padding-left: 15px;
  }
  .navbar-collapse {
    background: var(--grey-dark);
  }
  .navbar-default .navbar-nav > li:after {
    content: "";
  }

  /**** home page ****/
  #instant-captcha,
  #instant-loading {
    flex-direction: column;
  }
  .rethinking-privacy-sec-3 .tooltip-inner {
    max-width: 120px;
  }
  .footer-inner {
    width: 100%;
  }
  .footer-menu {
    display: inline-block;
  }
  .footer-text {
    margin-top: 20px;
  }

  /* =======features page======== */
  .features-page h1 {
    font-size: 25px;
    text-align: center;
  }
  .features-page small {
    text-align: center;
  }
  .features-page p {
    text-align: center;
  }
  .features-page h6 {
    text-align: center;
  }
  .features-page img {
    display: flex;
    margin: 0 auto;
    margin-top: 50px;
  }
  .features-page-content figcaption {
    text-align: center;
  }

  /* =======features page Over======== */
}

@media (max-width: 575px) {
  .rethinking-privacy-sec-3 .tooltip-inner {
    max-width: 70px;
    height: 50px;
  }
}

/* Home Header background */
@media (max-width: 1150px) {
  #header-main {
      height: 830px;
  }
}
@media (max-width: 881px) and (min-width: 768px) {
  #header-main {
      height: 830px;
  }
}
@media (max-width: 767px) {
  #header-main {
      height: 700px;
  }
  #header-main #header-bg-left,
  #header-main #header-bg-right {
      background: var(--orange-main);
  }
}
@media (max-width: 575px) {
  #header-main {
      height: 850px;
  }
}
/* END Home Header background */