@media only screen and (min-width: 768px) {
  .right-hand {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .main-menu {
    width: 100%;
    clear: both;
    display: block;
  }

  .account-menu {
    margin-left: auto;
    padding-right: 10px;
    display: flex;
    justify-content: flex-end;
  }

  .account-menu a {
    font-size: 100%;
    font-weight: normal;
  }

  .logo-item {
    text-align: center;
  }
}

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1140px) {
  .main-menu .menu-item a {
    font-size: 22px;
  }
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
  header.with-background .top-nav,
  header .top-nav {
    flex-direction: column;
  }

  header.with-background .top-nav .logo,
  header .top-nav .logo {
    margin: auto;
  }

  header.with-background .top-nav ul,
  header .top-nav ul {
    margin: 20px auto 0;
  }

  header.with-background .top-nav-left,
  header .top-nav-left {
    flex-direction: column;
  }

  header.with-background .hero,
  header .hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  header.with-background .hero .hero-image,
  header .hero .hero-image {
    padding-left: 0;
    margin-top: 40px;
  }

  .category-section .category .category-icon {
    padding: 10px;
    font-size: 22px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }

  .featured-section {
    padding: 50px 0;
  }

  .featured-section .products {
    grid-template-columns: 1fr;
  }

  .products-header {
    flex-direction: column;
    margin-bottom: 48px;
  }

  .blog-section .blog-posts {
    grid-template-columns: 1fr;
    text-align: center;
    grid-template-areas: "blog3" "blog2" "blog1";
  }

  .blog-section .blog-posts .blog-post {
    margin-top: 30px;
  }

  .footer-content {
    flex-direction: column;
  }

  .footer-content .made-with {
    margin: auto;
  }

  .footer-content ul {
    margin: 20px auto;
    width: 60%;
  }

  .breadcrumbs {
    text-align: center;
  }

  .breadcrumbs .breadcrumbs-container {
    flex-direction: column;
  }

  .search-form {
    margin: 14px auto;
    width: 80%;
  }

  .products-section {
    grid-template-columns: 1fr;
  }

  .products-section .sidebar {
    text-align: center;
  }

  .products-section .products {
    grid-template-columns: 1fr;
  }

  .product-section {
    grid-template-columns: 1fr;
  }

  .might-like-section .might-like-grid {
    grid-template-columns: 1fr;
  }

  .cart-section {
    grid-template-columns: 1fr;
  }

  .cart-section .cart-buttons {
    flex-direction: column;
    text-align: center;
  }

  .cart-section .cart-table-row .cart-table-row-left {
    width: 30%;
  }

  .cart-section .cart-table-row .cart-table-row-right {
    width: 55%;
  }

  .cart-section .cart-table-row img {
    display: none;
  }

  .cart-section .have-code-container {
    width: 100%;
  }

  .cart-section .cart-totals {
    flex-direction: column;
  }

  .cart-section .cart-totals .cart-totals-left {
    width: 100%;
    margin-bottom: 20px;
  }

  .cart-section .cart-totals .cart-totals-right {
    width: 100%;
  }

  .checkout-section {
    grid-template-columns: 1fr;
  }

  .checkout-section .checkout-table-container {
    margin-left: 10px;
  }

  .search-results-container-algolia {
    grid-template-columns: 1fr;
  }

  .ais-refinement-list--count {
    margin-left: auto;
    margin-right: 10px;
  }

  .auth-pages {
    margin: 50px auto;
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }

  .auth-pages .auth-right {
    border-left: none;
    padding-left: 20px;
  }

  .my-profile input {
    width: 100%;
  }

  .my-orders .order-header-items {
    display: block;
  }

  .my-orders .order-header-items > div {
    margin-bottom: 14px;
  }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
  h1,
  h2 {
    letter-spacing: 0.1em;
    word-wrap: break-word;
  }

  h1.stylish-heading {
    letter-spacing: 0.2em;
  }

  .navbar-toggler {
    width: 100%;
    text-align: center;
    margin: 10px auto;
    text-transform: uppercase;
    letter-spacing: 0.35em;
  }

  .main-menu a {
    font-size: 22px;
  }

  .main-menu .menu-item {
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
  }

  .main-menu .menu-item:first-child {
    border-top: 1px solid #ddd;
  }

  .main-menu .logo-item {
    display: none;
    text-align: center;
  }

  .main-menu .account-menu li.nav-link {
    font-size: 18px;
    margin-left: 0;
    width: 100%;
    text-align: center;
  }

  .main-menu .account-menu li.nav-link a {
    font-weight: normal;
    color: #333;
  }

  body {
    font-size: 100%;
  }

  .footer-content .first {
    text-align: center;
  }

  .footer-content .first table {
    text-align: left;
    margin: 0 auto 30px;
  }

  .category-section .category .category-icon {
    padding: 10px;
    font-size: 26px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
  }

  .stylish-heading {
    text-align: center;
  }
}

/* Extra Small Devices, Phones */