@media only screen and (max-width: 1023px) and (max-height: 667px) {
    .LockContainer {
        padding-top: 50px;
    }

    .LockContainer-heading {
        margin-bottom: 117px;
    }

    .LockContainer-text {
        max-width: 335px;
    }
}

/* https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/* ----------- iPad 1, 2, Mini and Air ----------- */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .LockContainer-text {
        display: none;
    }

    .LockContainer-text.tablet {
        display: block;
    }

    .LockContainer-anim {
        display: none;
    }

    .LockContainer-anim.tablet {
        display: block;
    }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .LockContainer-text {
        display: none;
    }

    .LockContainer-text.tablet {
        display: block;
    }

    .LockContainer-anim {
        display: none;
    }

    .LockContainer-anim.tablet {
        display: block;
    }
}

/* ----------- iPad Pro 10.5" ----------- */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .LockContainer-text {
        display: none;
    }

    .LockContainer-text.tablet {
        display: block;
    }

    .LockContainer-anim {
        display: none;
    }

    .LockContainer-anim.tablet {
        display: block;
    }
}

/* ----------- iPad Pro 12.9" ----------- */
/* @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .LockContainer-text {
        display: none;
    }

    .LockContainer-text.tablet {
        display: block;
    }
} */

/* ----------- Galaxy Tab 2 ----------- */
/* @media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
    .LockContainer-text {
        display: none;
    }

    .LockContainer-text.tablet {
        display: block;
    }
} */

/* ----------- Galaxy Tab S ----------- */
/* @media 
  (max-device-width: 800px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) { 
    .LockContainer-text {
        display: none;
    }

    .LockContainer-text.tablet {
        display: block;
    }
} */