/* =============================================
   TABLET STYLES (769px - 1024px)
   Gadura - Tablet Responsive Overrides
   ============================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  /* ----- GRID LAYOUTS ----- */
  .three-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .four-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .unlimited-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .plan-metrics-grid {
    grid-template-columns: 1fr;
  }


  /* ----- FEATURES SECTION ----- */
  .features-layout {
    grid-template-columns: 1fr;
  }

  .feature-display {
    order: -1; /* screen first on tablet */
  }


  /* ----- PRICING PAGE ----- */
  .pricing-plans-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .plan-card-featured {
    transform: none;
  }

  /* Comparison Table */
  .comparison-table thead {
    top: 65px;
  }

  .comparison-table thead th {
    padding: 1.8rem 1.5rem;
  }

  .plan-header-btn {
    font-size: 0.82rem;
    padding: 0.6rem 1.4rem;
  }

  /* Replaces Section */
  .replaces-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}