/* Portrait */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  /* Your portrait-specific styles for iPads */
}
/* Landscape */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #header .line2 {
    display: none;
  }
  #wrap-packet #intro-page {
    float: left;
    width: 49%;
    padding: 24px;
  }
  #wrap-packet .wrap-blocks {
    float: right;
    width: 50%;
    padding: 24px 24px 24px 0;
  }
  #wrap-packet .wrap-blocks .block {
    width: 99%;
    padding-bottom: 24px;
  }
  .pane-navigation {
    width: 39%;
    display: inline-block;
    vertical-align: top;
  }
  .pane-content {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    float: right;
  }
}
/* iPad Pro 11-inch (2021) */
/* Portrait */
@media only screen and (device-width: 834px) and (device-height: 1194px) and (orientation: portrait) {
  /* Your portrait-specific styles for iPad Pro 11-inch (2021) */
}
/* Landscape */
@media only screen and (device-width: 834px) and (device-height: 1194px) and (orientation: landscape) {
  #header .line2 {
    display: none;
  }
  #wrap-packet #intro-page {
    float: left;
    width: 49%;
    padding: 24px;
  }
  #wrap-packet .wrap-blocks {
    float: right;
    width: 50%;
    padding: 24px 24px 24px 0;
  }
  #wrap-packet .wrap-blocks .block {
    width: 99%;
    padding-bottom: 24px;
  }
  .pane-navigation {
    width: 39%;
    display: inline-block;
    vertical-align: top;
  }
  .pane-content {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    float: right;
  }
}
/* iPad Pro 12.9-inch (2021) */
/* Portrait */
@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
  /* Your portrait-specific styles for iPad Pro 12.9-inch (2021) */
}
/* Landscape 
@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: landscape) {
  #header .line2 {
    display: none;
  }
  #wrap-packet #intro-page {
    float: left;
    width: 49%;
    padding: 24px;
  }
  #wrap-packet .wrap-blocks {
    float: right;
    width: 50%;
    padding: 24px 24px 24px 0;
  }
  #wrap-packet .wrap-blocks .block {
    width: 99%;
    padding-bottom: 24px;
  }
  .pane-navigation {
    width: 39%;
    display: inline-block;
    vertical-align: top;
  }
  .pane-content {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    float: right;
  }
}
*/
/* iPad Air */
/* Portrait */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  /* Your portrait-specific styles for iPad Air */
}
/* Landscape */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #header .line2 {
    display: none;
  }
  #wrap-packet #intro-page {
    float: left;
    width: 49%;
    padding: 24px;
  }
  #wrap-packet .wrap-blocks {
    float: right;
    width: 50%;
    padding: 24px 24px 24px 0;
  }
  #wrap-packet .wrap-blocks .block {
    width: 99%;
    padding-bottom: 24px;
  }
  .pane-navigation {
    width: 39%;
    display: inline-block;
    vertical-align: top;
  }
  .pane-content {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    float: right;
  }
}
/* iPad Air */
/* Portrait */
@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
  #header .line2 {
        display: none;
    }
    #wrap-packet #intro-page {
        float: left;
        width: 49%;
        padding: 24px;
    }
    #wrap-packet .wrap-blocks {
        float: right;
        width: 50%;
        padding: 24px 24px 24px 0;
    }
    #wrap-packet .wrap-blocks .block {
        width: 99%;
        padding-bottom: 24px;
    }
    .pane-navigation {
        width: 39%;
        display: inline-block;
        vertical-align: top;
    }
    .pane-content {
        width: 60%;
        display: inline-block;
        vertical-align: top;
        float: right;
    }
}
/* Landscape */
@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: landscape) {
  #header .line2 {
    display: none;
  }
  #wrap-packet #intro-page {
    float: left;
    width: 49%;
    padding: 24px;
  }
  #wrap-packet .wrap-blocks {
    float: right;
    width: 50%;
    padding: 24px 24px 24px 0;
  }
  #wrap-packet .wrap-blocks .block {
    width: 99%;
    padding-bottom: 24px;
  }
  .pane-navigation {
    width: 39%;
    display: inline-block;
    vertical-align: top;
  }
  .pane-content {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    float: right;
  }
}