@media only screen and (max-width: 1500px) {
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .bg {
    padding: 50px 0px;
  }
}

/* Tablet Layout: 768px. */
@media only screen and (max-width: 991px) {
  .navbar-collapse {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9;
    background-color: white;
    width: 100%;
  }

  .navbar-collapse .navbar-nav {
    padding: 20px;
    padding-top: 0px;
    align-items: flex-start;
  }

  .navbar-collapse > div {
    padding: 20px;
    padding-top: 0px;
  }

  .nav-item {
    width: 100%;
  }

  .navbar .navbar-nav .nav-item .nav-link {
    text-align: left;
  }

  .navbar .navbar-nav .nav-item .nav-link:before {
    opacity: 0;
  }

  .navbar-light .navbar-toggler {
    border: 2px solid #000;
    color: #000;
    opacity: 1;
    border-radius: 0px;
    min-height: 50px;
  }
  .single-micro {
    margin: 20px 0px;
  }

  .hero {
    padding: 450px 0px 40px;
  }

  .hero:before {
    background: linear-gradient(
      180deg,
      rgba(78, 50, 141, 0) 0%,
      rgba(78, 50, 141, 0) 20%,
      rgba(78, 50, 141, 1) 50%,
      rgba(78, 50, 141, 1) 100%
    );
  }

  .half-half .image {
    position: relative;
    width: 100%;
  }

  .half-half {
    padding: 0px;
  }

  .half-half .content {
    padding: 100px 0px;
  }

  .try-section {
    text-align: center;
  }

  .single-icon {
    justify-content: center;
    margin-top: 30px;
  }

  .bordered-text {
    margin-top: 30px;
  }

  .footer-btns {
    margin-top: 20px;
  }

  .footer-btns .white-btn {
    margin-right: 15px;
  }

  .digestive-section h2 {
    margin-top: 40px;
    margin-bottom: 10px !important;
  }

  .single-digestive-icon {
    min-height: auto;
    margin-top: 40px;
  }

  .digestive-content {
    padding-right: 0px;
  }
  .half-half.start-image .content {
    padding-left: 0px;
  }
  .imag {
    text-align: center;
  }
  .middle-text {
    padding-right: 0px;
  }
  .bg {
    padding: 30px 0px;
  }

  .works-section .inner img {
    max-width: 30%;
  }

  .works-section .inner {
    position: relative;
    text-align: center;
  }
  .logo-wrap {
    text-align: center;
  }

  .logo-wrap .primary-btn {
    margin-top: 30px;
  }
  .contents-section .image {
    margin-bottom: 40px;
  }
  .single-info img {
    margin-bottom: 20px;
  }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
  .hero-content h1 {
    font-size: 40px;
  }

  .hero-content {
    font-size: 18px;
  }

  .hero {
    padding: 500px 0px 40px;
  }

  .digestive-support .content h2 {
    font-size: 26px;
  }

  .primary-btn,
  .white-btn {
    font-size: 16px;
  }

  .top-content h2 {
    font-size: 36px;
  }

  .single-micro h3 {
    font-size: 24px;
  }

  .single-micro {
    min-height: 400px;
    padding: 31px;
    padding-right: 130px;
  }

  .micro-section .col-lg-6:last-of-type .single-micro h3 {
    font-size: 24px;
  }

  body {
    font-size: 16px;
    padding-top: 0px;
  }

  .half-half .content h2 {
    font-size: 36px;
  }

  .half-half .content {
    padding: 50px 0;
  }

  .try-section .text {
    font-size: 28px;
    text-align: center;
  }

  .single-icon .icon {
    width: 50px;
  }

  .single-icon .icon img {
    min-width: 50px;
    max-height: 50px;
  }

  .single-icon h4 {
    text-align: left;
  }

  .try-section {
    padding: 50px 20px;
  }

  .power-section .text h2 {
    font-size: 36px;
  }

  .single-text {
    margin-top: 30px;
  }

  .single-text h4 {
    font-size: 26px;
  }

  .difference-section h2 {
    font-size: 28px;
  }

  .difference-section {
    text-align: center;
  }

  .faq-section .title {
    font-size: 28px;
  }

  .accordion .accordion-item .accordion-header button {
    font-size: 18px;
    padding: 15px 30px;
  }

  .accordion-body {
    padding: 15px 30px;
  }

  .footer {
    padding: 50px 0px;
  }

  .digestive-section h1 {
    font-size: 40px;
  }
  .digestive-section {
    padding: 50px 0px;
  }
  .title {
    font-size: 36px;
  }
  .macro-section .texts h2 {
    font-size: 36px;
  }

  .single-macro img {
    max-width: 90px;
  }

  .single-macro h4 {
    font-size: 16px;
  }
  .macro-section {
    padding: 50px 0px;
  }

  .gut-brain-section {
    padding: 50px 0px;
  }
  .sub-title {
    font-size: 24px;
  }
  .single-list.lg .icon img {
    min-width: 70px;
  }

  .single-list.lg .icon {
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
  .contents-section {
    padding-top: 50px;
  }

  .bottom-logos {
    padding-bottom: 50px;
    padding-top: 30px;
  }
}