@media (max-width: 768px) {
      .xl\:w-\[1280px\] {
          width: 100% !important;
      }

      .xl\:w-\[1280px\].pt-\[76px\] {
          flex-direction: column !important;
      }

      .xl\:w-\[1280px\].pt-\[76px\]>div:first-child {
          width: 100% !important;
          padding: 30px 16px !important;
      }

      .xl\:w-\[1280px\].pt-\[76px\] h1 {
          font-size: 28px !important;
          line-height: 36px !important;
      }

      .xl\:w-\[1280px\].pt-\[76px\] h2 {
          font-size: 16px !important;
          line-height: 24px !important;
      }

      .xl\:w-\[1280px\].pt-\[76px\]>div:last-child {
          width: 100% !important;
      }

      .xl\:w-\[1280px\].pt-\[76px\]>div:last-child img {
          width: 100% !important;
          height: auto !important;
      }

      .max-w-\[1280px\] ul {
          flex-direction: column !important;
      }

      .max-w-\[1280px\] ul li {
          width: 100% !important;
          border-left: none !important;
          border-right: none !important;
          border-bottom: 1px solid #e5e7eb !important;
      }

      .hour-pricing-list {
          flex-direction: column !important;
      }

      .hour-pricing-list>li {
          width: 100% !important;
          flex: none !important;
          border-left: none !important;
          border-bottom: 1px solid #DFE6F3;
      }

      .hour-pricing-list>li:last-child {
          border-bottom: none;
      }

      h2.font-bold.text-\[40px\],
      h2.text-\[40px\] {
          font-size: 24px !important;
          line-height: 32px !important;
      }

      .xl\:w-\[1280px\].mx-auto.mb-\[120px\] {
          flex-direction: column !important;
          padding: 0 16px !important;
      }

      .xl\:w-\[1280px\].mx-auto.mb-\[120px\]>div:first-child {
          max-width: 100% !important;
      }

      .xl\:w-\[1280px\].mx-auto.mb-\[120px\]>div:first-child>div:last-child {
          flex-direction: column !important;
          gap: 20px !important;
      }

      .xl\:w-\[1280px\].mx-auto.mb-\[120px\]>div:first-child>div:last-child>div {
          max-width: 100% !important;
      }

      .xl\:w-\[1280px\].mx-auto.mb-\[120px\]>div:last-child {
          margin-left: 0 !important;
      }

      .xl\:w-\[1280px\].mx-auto.mb-\[120px\]>div:last-child img {
          width: 100% !important;
          height: auto !important;
      }

      .xl\:w-\[1280px\].mx-auto.mb-\[80px\] {
          flex-direction: column-reverse !important;
          padding: 0 16px !important;
      }

      .xl\:w-\[1280px\].mx-auto.mb-\[80px\]>div:first-child {
          max-width: 100% !important;
          margin-left: 0 !important;
      }

      .xl\:w-\[1280px\].mx-auto.mb-\[80px\]>div:last-child img {
          width: 100% !important;
          height: auto !important;
      }

      .ml-\[54px\].order-1 {
          margin-left: 0 !important;
          margin-top: 20px !important;
      }

      .xl\:w-\[1280px\].mx-auto.flex.flex-wrap.items-center.justify-center.gap-\[16px\] {
          padding: 0 16px !important;
      }

      .xl\:w-\[1280px\].mx-auto.flex.flex-wrap.items-center.justify-center.gap-\[16px\]>li {
          width: 100% !important;
      }

      .xl\:w-\[1280px\].mx-auto ul.flex-wrap {
          flex-direction: column !important;
          align-items: center !important;
      }

      .xl\:w-\[1280px\].mx-auto ul.flex-wrap>li {
          width: 100% !important;
          height: auto !important;
      }

      .flex.flex-wrap.items-center.lg\:gap-4 {
          flex-direction: column !important;
          align-items: center !important;
      }

      .flex.flex-wrap.items-center.lg\:gap-4>li {
          width: 100% !important;
      }

      #questions-answers .flex-wrap.justify-start.items-center>li>div {
          flex-direction: column !important;
      }

      #questions-answers .flex-wrap.justify-start.items-center>li h3 {
          width: 100% !important;
          margin-bottom: 10px !important;
      }

      footer .flex-wrap {
          flex-direction: column !important;
          align-items: center !important;
          text-align: center !important;
      }

      footer .flex-wrap>* {
          width: 100% !important;
          flex: none !important;
      }

      footer .flex-wrap img {
          margin: 0 auto !important;
      }

      footer .border-t-\[1px\] {
          flex-direction: column !important;
          text-align: center !important;
          padding: 16px !important;
      }

      footer .border-t-\[1px\] p {
          white-space: normal !important;
          font-size: 11px !important;
          flex-wrap: wrap !important;
          justify-content: center !important;
          gap: 4px !important;
      }

      .friend-link-wrap {
          width: 100% !important;
          justify-content: center !important;
          margin-top: 8px !important;
      }

      .friend-link-wrap .ml-\[30px\] {
          margin-left: 12px !important;
      }
  }