@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .x-logo {
      max-width: 450px;
      margin: 0 auto;
    }
    #join {
      width: 95%;
    }
    #howtogofrom h1 {
      font-size: 28px;
      line-height: 1.15;
    }
    #howtogofrom h2 {
      font-size: 16px;
      line-height: 1.35;
    }
    #howtogofrom .px-6 {
      padding-inline: 7px;
    }
    #vidpromo {
      width: 100%;
    }
    #hereswhathappens {
      padding-inline: 7px;
    }
    #hereswhathappens h3 { 
      font-size: 33px;
      line-height: 36.3px;
    }
    #hereswhathappens ul {
      padding-inline: 7px;
    }
    #hereswhathappens ul li {
      font-size: 16px;
      line-height: 22.4px;
    }
    #hereswhathappens .rich {
      margin: 0 auto;
    }
    #tenreasons h3 {
      font-size: 60px;
    }
    #tenreasons .days-box {
      padding-bottom: 30px;
    }
    #tenreasons .days-box > div {
      padding-top: 20px;
    }
    #tenreasons .days-box > div .pb-8 {
      padding-bottom: 0;
    }
    .ten-reasons-top-box {
      margin: 0 auto;
      width: 95%;
    }
    #tenreasons .card {
      padding: 12px;
    }
    #tenreasons .card > div:first-child {
      margin-top: 0;
    }
    .ten-reasons-top-box {
      padding-inline: 14px;
    }
    .ten-reasons-top-box h2 {
      font-size: 28px;
      line-height: 1;
    }
    #tenreasons p {
      font-size: 16px;
      line-height: 24px !important;
    }
    #tenreasons .avatar {
      margin: 0 auto;
    }
    #tenreasons h5 {
      font-size: 32px;
    }
    #tenreasons p.text-lg {
      font-size: 16px;
      line-height: 1.5;
    }
    .ten-reasons-top-box img {
      margin: 0 auto 14px;
      max-width: 100%;
    }
    .ten-reasons-top-box .pt-16 {
      padding-top: 2.5rem;
    }
    .ten-reasons-top-box .what-you-get-box h2 {
      font-size: 44px;
      line-height: 1;
      width: 100%;
    }
    .ten-reasons-top-box .what-you-get-box h3 {
      font-size: 18px !important;
      line-height: 1.4 !important;
    }
    #meetyourmentor {
      padding-inline: 7px;
    }
    #meetyourmentor .flex {
      display: block;
    }
    #meetyourmentor h2 {
      font-size: 44px;
      line-height: 1.15;
    }
    #meetyourmentor h3 {
      font-size: 22px;
      text-align: center;
    }
    #meetyourmentor p {
      font-size: 16px;
      line-height: 24px;
    }
    #meetyourmentor img {
      max-width: 100% !important;
      margin: inherit auto;
    }
    #meetyourmentor ul {
      padding-top: 24px;
      padding-inline: 14px;
      margin-bottom: 24px;
    }
    #meetyourmentor ul li {
      display: block;
      font-size: 16px;
      line-height: 22.4px;
    }
    #meetyourmentor ul li > div {
      display: block;
      margin-bottom: 20px;
    }
    #meetyourmentor ul li > div:last-child {
      padding-left: 0;
      margin-bottom: 0;
    }
    #breakdown .card h4 {
      font-size: 20px;
      line-height: 22px;
    }
    #breakdown .card p {
      font-size: 16px;
      line-height: 22px;
    }
    #whenyouorder .steps-box {
      padding-inline: 0 !important;
    }
    #whenyouorder {
      padding-inline: 14px;
    }
    #whenyouorder .px-6 {
      padding-inline: 0;
    }
    #whenyouorder h2 {
      font-size: 36px;
      line-height: 1;
    }
    #whenyouorder h3 {
      font-size: 32px;
      line-height: 1.2;
    }
    #whenyouorder h5 {
      font-size: 24px;
    }
    #whenyouorder .steps-header h2 {
      font-size: 24px;
      line-height: 1.2;
      margin-top: 7px;
    }
    #whenyouorder .steps-header p {
      font-size: 19px !important;
      line-height: 24px !important;
    }
    #whenyouorder .steps-header + div {
      margin: 0 auto 1rem;
    }
    #whenyouorder p,
    #whenyouorder .steps-box p {
      font-size: 16px;
      line-height: 22.4px;
    }
    #whenyouorder .steps-header {
      padding-left: 15px !important;
      padding-top: 10px !important;
      padding-bottom: 32px !important;
      border-left: 10px;
    }
    #whenyouorder .steps-header img {
      width: 36px;
    }
    #whenyouorder div.md\:hidden {
      margin: 0 auto 1rem;
    }
    #whenyouorder .steps-img {
      max-width: 275px !important;
    }
    #whenyouorder .bonus-imgs {
      margin-top: -45px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 15px !important;
      max-width: 100%;
      text-align: center;
      position: relative;
      right: 0;
    }
    #whenyouorder p {
      font-size: 16px;
      line-height: 22.4px;
    }
    #whenyouorder ul li {
      font-size: 16px;
      line-height: 22.4px;
    }
    #whenyouorder ul li img.mr-6 {
      margin-right: 25px;
      top: 0
    }
    #whenyouorder ul.pb-8 li:last-child img.mr-6 {
      margin-right: 6px;
    }
    #students h3 {
      font-size: 32px;
      line-height: 1.2;
    }
    #students h5 {
      font-size: 18px;
      line-height: 23.4px;
    }
    .max-w-640 {
      max-width: 100%;
    }
    #students-cards {
      display: block;
    }
    #screenshot-cards .screenshot img {
      max-width: 100%;
    }
    #students .card { 
      padding: 10px 7px;
    }
    #screenshot-cards > div {
      flex: 45%;
      max-width: 50%;
      flex-direction: column;
    }
    #screenshot-cards > div:nth-child(3) {
      max-width: 100%;
    }
    #master {
      padding-inline: 14px;
    }
    #master h2 {
      font-size: 36px;
      line-height: 1.2;
    }
    #master .steps-header h2 {
      font-size: 20px;
      line-height: 1.4;
      padding-inline: 12px;
    }
    #master .steps-header h2 > img {
      top: 4px !important;
    }
    #master h3 {
      font-size: 28px;
      line-height: 1.2; 
    }
    #master h4,
    #master h5 {
      font-size: 24px;
      line-height: 25.2px; 
    }
    #master h6 {
      font-size: 18px !important;
      line-height: 22px !important;
      text-align: center;
    }
    #master .testimonial {
      padding-inline: 14px;
    }
    #master .kai {
      margin: 0 auto;
    }
    #master .px-6 {
      padding-inline: 0;
    }
    #master .master-cta {
      padding-inline: 24px;
    }
    #master .steps-box > div > div:nth-child(2) {
      padding-inline: 12px;
    }
    #master .steps-box > div > div:nth-child(2) p {
      font-size: 18px;
      line-height: 25.2px;
    }
    #master .bluefirebox .p-8 {
      padding-inline: 10px;
    }
    #master .bluefirebox p {
      font-size: 16px;
      line-height: 1.5;
    }
    #master .bluefirebox .svg-inline--fa {
      height: 28px;
    }
    #master p {
      font-size: 18px;
      line-height: 25.2px;
    }
    #satisfaction {
      padding-inline: 14px;
    }
    #satisfaction h2 {
      font-size: 36px;
      line-height: 1.2;
    }
    #satisfaction p {
      font-size: 16px;
      line-height: 22.4px;
      padding-bottom: 16px !important;
    }
    #satisfaction .satisfaction-box {
      padding-block: 3rem !important;
    }
    #satisfaction .satisfaction-cta {
      width: 100%;
    }
    #satisfaction .satisfaction-cta p {
      font-size: 16px !important;
      line-height: 22px !important;
    }
    #satisfaction .pb-16 {
      padding-bottom: 0;
    }
    #satisfaction .px-6 {
      padding-inline: 0;
    }
    #doing {
      padding-inline: 42px;
    }
    #doing h2 {
      font-size: 36px;
      line-height: 1.2; 
    }
    #doing h3 {
      font-size: 24px;
      line-height: 1; 
    }
    #doing h5 {
      font-size: 18px;
      line-height: 23.4px; 
    }
    #doing h6 {
      font-size: 18px !important;
      line-height: 22px !important;
      text-align: center;
    }
    #doing p {
      font-size: 18px;
      line-height: 25.2px;
    }
    #doing .bonusbox p {
      font-size: 16px;
      line-height: 22.4px;
      padding-bottom: 16px !important;
    }
    #doing .testimonial {
      padding-inline: 14px;
    }
    #doing .px-6 {
      padding-inline: 0;
    }
    #doing .master-cta {
      padding-inline: 24px;
    }
    #doing .kai {
      margin: 0 auto;
    }
    #guarantee {
      padding-top: 1rem;
    }
    #guarantee .steps-box {
      padding-inline: 0 !important;
    }
    #guarantee .steps-header {
      padding-left: 15px !important;
      padding-top: 30px !important;
      padding-bottom: 32px !important;
      border-left: 10px;
    }
    #guarantee .steps-header h2 {
      font-size: 40px;
      line-height: 1.2;
    }
    #guarantee .steps-box h4 {
      font-size: 24px;
      line-height: 25.2px;
    }
    #guarantee .bonus-imgs {
      margin-top: -45px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 15px !important;
      max-width: 100%;
      text-align: center;
      position: relative;
      right: 0;
    }
    #guarantee .steps-img.guarantee1 {
      max-width: 307px;
    }
    #guarantee p, #guarantee .steps-box p {
      font-size: 16px;
      line-height: 22.4px;
    }
    #guarantee .steps-box .px-8 {
      padding-inline: 10px;
    }
    #faq {
      padding-inline: 7px;
    }
    #faq .px-6 {
      padding-inline: 0;
    }
    #faq h2 {
      font-size: 36px;
      line-height: 1;
    }
    #faq .accordion {
      padding-top: 1rem;
    }
    .sticky-cta-mobile h6 {
      font-size: 26px;
    }
    .sticky-cta {
      font-size: 24px;
    }
    .img\:hidden {
      display: block !important;
    }
    .img\:block {
      display: none !important;
    }
    .btn-content {
      padding-inline: 20px;
    }
    .px-90 {
      padding-inline: 30px;
    }
    .max-w-1000 {
      max-width: 90%;
    }
    .max-w-636 {
      margin: 0 auto;
    }
    .green-envy-btn {
      padding: 12px !important;
    }
    .green-envy-btn .text,
    .green-envy-btn-lg .text { 
      font-size: 32px !important;
      display: block;
      line-height: 1.2 !important;
      margin-bottom: 7px;
    }
    .green-envy-btn .subtext,
    .green-envy-btn-lg .subtext {
      font-size: 22px !important;
      display: block;
      line-height: 1.2 !important;
    }
}