/**
 * 768px – iPad (7th, 8th Gen), iPad Mini (5th Gen), Samsung Galaxy Tab A.
 * 834px – iPad Air (4th Gen), iPad Pro 11" (portrait mode).
 * 1024px – iPad Pro 12.9" (portrait mode), Samsung Galaxy Tab S7+ (portrait mode).
 */
@media screen and (min-width: 601px) and (max-width: 1024px) {
  
  /* Styles for both portrait and landscape modes */
  .section-count-down .counter-container .counter-tagline {
      font-size: 1rem;
      padding: 10px 2px !important;
  }

  .section-count-down .counter-container .counter-unit {
      max-width: 60px;
      font-size: 14px;
  }
}

/*****
 * 320px – iPhone SE (1st Gen), older Android devices.
 * 360px – Google Pixel 4a, Samsung Galaxy S9.
 * 375px – iPhone 6, 7, 8, X, 11, 12 Mini.
 * 390px – iPhone 12, 13, 14 Pro, Pro Max (portrait mode).
 * 412px – Google Pixel 5, Samsung Galaxy S20, S21, S22.
 * 430px – iPhone 15 Pro Max, Samsung Galaxy S24 Ultra (portrait mode). 
 *****/

/*****
 * 480px – Foldable phones (unfolded), e.g., Samsung Galaxy Z Fold (portrait).
 * 540px – Some smaller tablets (e.g., older Galaxy Tabs, iPad Mini 1-4).
 * 600px – Larger foldable phones and phablets, e.g., Microsoft Surface Duo.
 * 
 *****/
@media screen and (max-width: 600px) {

  .section-count-down .counter-container .counter-unit {
      max-width: 50px;
      font-size: 10px;
  }

  /* Styles for both portrait and landscape modes */
  .section-count-down .counter-container .counter-tagline {
      font-size: 0.77rem;
      padding: 10px 2px !important;
  }

  .section-count-down .counter-container .count-time {      

      li{

        padding: 2px;

        >div{
          font-size: 16px;
          margin-top: 10px;
        }
      }
  }

  nav.website-header-menu {
    padding-top: 6.8rem !important;
    padding-bottom: 1rem;
  }

  .home_sec1 li {
    width: 100%;
  }

  .footer_left { text-align: center; }
}

/* For devices between 431px and 600px */

/*****
 * 480px – Foldable phones (unfolded), e.g., Samsung Galaxy Z Fold (portrait).
 * 540px – Some smaller tablets (e.g., older Galaxy Tabs, iPad Mini 1-4).
 * 600px – Larger foldable phones and phablets, e.g., Microsoft Surface Duo.
 * 
 *****/
@media screen and (min-width: 431px) and (max-width: 600px) {

  /* Styles for both portrait and landscape modes */
  .section-count-down .counter-container .counter-tagline {
      font-size: 0.77rem;
      padding: 15px 2px !important;
  }
}

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