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

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

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

  .logo {
    max-width: 80px;
  }

  .hero__wrapper {
    height: 80vh;
  }

  .hero__slide {
    height: 80vh;
  }

  .hero__content h1 {
    font-size: 36px;
  }

  .bg__title span {
    font-size: 46px;
  }

  .form__container {
    padding: 15px;
  }

  .form__container,
  .pricing__table-container,
  .contact__container,
  .testimonial__slider,
  .footer__wrapper {
    margin-top: 40px;
  }

  .pricing__table .service-cell {
    min-width: 120px;
  }

  .pricing__table th,
  .pricing__table th,
  .pricing__table td {
    font-size: 12px;
    padding: 8px;
  }

  .pricing__table {
    min-width: 400px;
  }

  .owl-carousel .owl-nav {
    top: inherit;
    bottom: -120px;
    justify-content: center;
  }

  .contact__form__container {
    padding: 20px 15px;
  }

  .contact__form__container h4,
  .contact__information h4 {
    font-size: 20px;
  }
}