/* ╔═════════════════════════════════════════════════════════════════════════╗ */
/* ║                   >> FUCK iPAD MINI !! <<                               ║ */
/* ║                   conflicts with phone parameters                       ║ */
/* ╚═════════════════════════════════════════════════════════════════════════╝ */

/* responsive : iPad mini (6th gen) : landscape */
/* @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) { */
@media only screen and (width: 1024px) and (height: 768px) and (orientation: landscape) {

  /* graphics : hide */
  .desktop-only,              /* hide desktop graphics */
  .diorama-main-forest,       /* hide top 'forest' intro diorama graphics  */
  .tablet-portrait-only,      /* hide specific tablet portrait graphics */
  .tablet-landscape-only,     /* hide specific phone landscape graphics */
  .phone-portrait-only {      /* hide specific phone portrait graphics */
      display: none;
  }

  /* graphics : show */
  .portable-only,             /* show graphics for portable devices */
  .diorama-main-garden,       /* show top 'garden' intro diorama graphics  */
  .tablet-landscape-only {    /* show specific tablet landscape graphics */
      display: block;
  }

  /* create spacing on mobile hardware to display dioramas on top of info-boxes */
  .info-box.style-a { margin-top: 700px;  }
  .info-box.style-b { margin-top: 800px;  }
  .info-box.style-c { margin-top: 1100px; }


  .positioning-box6-diorama-top-8 { --y: -10%; }
}



/* responsive : iPad mini (6th gen) : portrait */
/* @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) { */
/* @media only screen and (max-width: 768px) and (orientation: portrait) { */
/* @media only screen and (width: 768px) and (height: 1024px) and (orientation: portrait) { */
/* @media only screen and (width: 768px) and (orientation: portrait) { */
/* @media only screen and (width: 768px) and (resolution: 163dpi) { */
@media only screen and (width: 768px) and (height: 1024px) and (orientation: portrait) {



  /* graphics : hide */
  .desktop-only,            /* hide desktop graphics */
  .diorama-main-garden,     /* hide top 'garden' intro diorama graphics  */
  .phone-portrait-only,     /* hide specific phone portrait graphics */
  .phone-landscape-only {   /* hide specific phone landscape graphics */
      display: none;
  }

  /* graphics : show */
  .portable-only,           /* show graphics for portable devices */
  .diorama-main-forest,     /* show top 'forest' intro diorama graphics  */
  .tablet-portrait-only {   /* show specific tablet portrait graphics */
      display: block;
  }

  /* diorama : forest at top of page */
  .header-diorama { height: 2000px; }

  /* create spacing on mobile hardware to display dioramas on top of info-boxes */
  .info-box.style-a { margin-top: 700px;  }
  .info-box.style-b { margin-top: 800px;  }
  .info-box.style-c { margin-top: 1100px; }

  .positioning-box6-diorama-top-10 { --y: -52%; }
}