/* Min Width 1201px and Max Width 1399400*/

@media (min-width: 1201px) and (max-width: 1400px) {
}

/* Min Width 993px and Max Width 1199200*/

@media (min-width: 993px) and (max-width: 1200px) {
}

/* Min Width 769px and Max Width 992px */

@media (min-width: 769px) and (max-width: 992px) {
  .row-5,
  .row-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Min Width 300px and Max Width 768px */

@media (min-width: 300px) and (max-width: 768px) {
  .section__spacing {
    padding: 60px 0;
  }

  .section__title h2 {
    font-size: 30px;
  }

  .section__title p {
    font-size: 18px;
  }

  .fill__btn a,
  .outline__btn a {
    font-size: 16px;
    padding: 14px 18px;
  }

  .common__hero__content h1.hero__title {
    font-size: 36px;
  }

  .hero__wrapper,
  .common__hero__wrapper {
    padding-top: 150px;
  }

  .hero__content h1 {
    font-size: 42px;
    padding: 0;
  }

  .hero__content p,
  .common__hero__content p {
    font-size: 18px;
  }

  .approved__logos {
    gap: 0 !important;
  }

  .tb__container,
  .pricing__table__container,
  .faq__container,
  .services__container {
    margin-top: 50px;
  }

  .tb__card-content h2 {
    font-size: 42px;
  }

  .features__img {
    padding: 50px 0 30px;
  }

  .row-5,
  .row-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .pricing__info {
    margin-top: 15px;
  }

  .pricing__info p {
    font-size: 16px;
    padding: 15px;
  }

  .pricing__price h2 {
    font-size: 40px;
  }

  .footer__social a i {
    font-size: 18px;
  }

  .footer_divider {
    margin: 40px 0 32px;
  }

  /* Pricing Page Responsive CSS */

  .pricing__page__wrapper,
  .faq__page__wrapper {
    padding: 150px 0 60px;
  }

  .question__container {
    padding: 30px 10px 45px;
  }

  .question__content p {
    font-size: 16px;
  }

  /* Knowledge Hub Page Responsive CSS */

  .knowledge-hub__search-input {
    margin: 40px auto 60px;
  }

  .knowledge-hub__container {
    padding: 0 0 40px;
  }

  .pagination__wrapper {
    padding: 20px 0 40px;
  }

  .pagination__prev a,
  .pagination__next a {
    font-size: 12px;
  }

  .pagination__numbers li {
    width: 25px;
    height: 25px;
  }

  .knowledge__details__img {
    padding-top: 40px;
  }

  .knowledge__details__info {
    padding: 60px 0;
  }

  .knowledge__details__info-title h3 {
    font-size: 24px;
  }

  .knowledge__details__info-para {
    padding-top: 20px;
  }

  .knowledge__details__info-para p {
    font-size: 16px;
  }

  /* Contact Page Responsive CSS */

  .contact__info__wrapper {
    padding-bottom: 50px;
  }

  .sign-up__form .contact__form {
    width: initial;
  }

  /* Sign Up Page Responsive CSS */

  .sign-up__left {
    width: 100%;
    padding: 20px;
  }

  .sign-up__content h3 {
    font-size: 30px;
  }
}

@media (min-width: 300px) and (max-width: 414px) {
  .fill__btn a,
  .outline__btn a {
    font-size: 15px;
    padding: 14px 13px;
  }
}