@media screen and (max-width: 39.9375em) {

  .text-center-for-small { text-align: center; }
  .spaced-for-small { margin-top: 1rem; }

  .top-menu { padding-bottom: 1rem; }
  .top-menu .social-items {
    margin-bottom: 0.5rem;
    text-align: center;
  }
  .login-wrapper, .logged-wrapper {
    display: block;
    margin-bottom: 0.5rem;
    padding: 0;
    text-align: center;
  }
  .top-menu input {
    font-size: 1rem;
    height: 2.3rem;
    margin: 0.2rem 0rem 0.2rem 0rem;
    width: 100%;
  }
  .top-menu form { position: relative; }
  .top-menu form .search-btn {
    color: #333;
    font-size: 1.2rem;
    position: absolute;
    top: -0.1rem;
    right: 0.5rem;
  }
  .login-wrapper .login-box { width: 100%; }
  .main-menu img { 
    margin-bottom: 1rem;
    max-width: 10rem;
  }
  .menu-wrapper {
    display: inline-block;
    width: 50%;
  }
  .menu.float-right { float: none!important; }
  .menu > li { display: block; }
  .menu a {
    border-bottom: none;
    font-size: 0.8rem;
  }
  .sub.menu {
    float: right!important;
    text-align: right;
    width: 50%;
  }
  .sub.menu a {
    font-size: 0.8rem;
  }
  .bag-button { margin-bottom: 1rem; }
  .bag-wrapper { float: right; }
  .orbit-next, .orbit-previous { display: none; }
  .orbit-bullets { position: initial; }
  .orbit-bullets:hover { background-color: transparent; }
  .orbit-bullets button { background-color: #e4e4e4; }
  .featured-category {
    height: 200px;
    margin: 0.7rem 0;
  }
  .featured-category .header {
    font-size: 1rem;
    text-align: center;
  }
  .featured-category .icon { display: none; }
  .small-5.product { width: 50%; }
  .product img {
    height: 12.3rem;
  }
  .featured-category .header { font-size: 0.9rem; }
  .featured-category .icon {
    font-size: 1.4rem;
    margin-top: -0.95rem;
  }
  .footer .columns { margin-bottom: 2rem; }
  .footer .columns:last-of-type { margin-bottom: 1rem; }
  .footer, .footer .menu > li > a, .footer .text-right { text-align: center; }
  .developedby { margin-top: 1.5rem; }
  .actions { margin-bottom: 0.5rem; }
  .shopping-bag p { margin: 0; }
  .shopping-bag input {
    font-size: 1.2rem;
    height: 3rem;
    text-align: center;
    width: 3rem;
  }
  .steps-for-mobile {
    color: #777;
    text-align: center;
    text-transform: uppercase;
  }
  .steps-for-mobile li {
    font-size: 0.8rem;
    list-style: none;
  }
  .steps-for-mobile li.active { color: #00c493; }
  .checkout-forms .form { padding: 1rem; }
  .my-account-column {
    margin-top: 3rem;
    width: 100%;
  }
  .my-account-column:first-of-type { margin-top: 1rem; }
}

/*
-----------------------
DISPLAY LOCK
-----------------------
*/
.orientation-lock { display: none; }

@media screen and (min-aspect-ratio: 13/9) and (max-width: 645px)  {
  main, .footer { display: none; }
  .orientation-lock {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
  }
  .orientation-lock img {
    margin-bottom: 2rem;
    max-width: 10rem;
  }
}