﻿@media all and (max-width: 1024px) {

  /* #region MOBILE STICKY LOGO*/
  .mobile-sticky-logo .flyout-cart-wrapper,
  .mobile-sticky-logo .header-selectors-mobile,
  .mobile-sticky-logo .search-wrap .product-search__search {
    top: 100px;
    border-top: 2px solid #004B8B;
  }

  .mobile-sticky-logo .header-links {
    top: 50px;
    border-top: 2px solid #004B8B;
  }

  .mobile-sticky-logo .header .header-logo {
    height: 50px;
  }

    .mobile-sticky-logo .header .header-logo a {
      width: 270px;
      margin: auto;
    }

  .mobile-sticky-logo .header-upper {
    display: block;
  }

  .mobile-sticky-logo .login-register,
  .mobile-sticky-logo .header-lower,
  .mobile-sticky-logo .header-upper-menu-items {
    display: none;
  }

  .mobile-sticky-logo .responsive-nav-wrapper-parent {
    top: 50px;
  }

  .mobile-sticky-logo .master-wrapper-content {
    margin-top: 50px;
  }

  .mobile-sticky-logo .admin-header-links ~ .master-wrapper-content {
    margin-top: 100px;
  }

  .mobile-sticky-logo .admin-header-links ~ .two-columns-area {
    margin-top: 68px;
  }

  .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent {
    top: 90px;
  }

    .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper,
    .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .header-selectors-mobile,
    .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .search-wrap .product-search__search {
      top: 140px;
    }

    .mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .header-links {
      top: 50px;
    }

  .mobile-sticky-logo .admin-header-links ~ .master-wrapper-content {
    margin-top: 100px;
  }

  /* #endregion */
  /*#region RESPONSIVE NAV WRAPPER */
  .responsive-nav-wrapper-parent {
    border-top: 3px solid #004B8B;
  }

  .responsive-nav-wrapper > div,
  .responsive-nav-wrapper > div, .plus-button {
    background-color: #004B8B;
  }

    .responsive-nav-wrapper > div > span,
    .responsive-nav-wrapper > div > a {
      display: block;
      width: 52px;
      height: 50px;
      font-size: 0;
    }

  .responsive-nav-wrapper div.preferences-button {
    background-image: none;
    background-position: 0%;
    background-color: transparent;
  }

    .responsive-nav-wrapper div.preferences-button > span {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9375rem;
      color: #004B8B;
    }

  .admin-header-links ~ .responsive-nav-wrapper-parent .header-links {
    top: 50px;
  }

  .admin-header-links ~ .responsive-nav-wrapper-parent .search-wrap .product-search__search {
    top: 95px;
  }

  /*#endregion*/

  .header-links, .header-selectors-mobile {
    display: none;
    position: fixed;
    top: 53px;
    left: 0;
    z-index: 1070;
    width: 100%;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    background-color: #f9f9f9;
    font-size: 0.8125rem;
  }

    .header-selectors-mobile > div {
      padding: 15px;
    }

  .language-list {
    font-size: 0;
  }

    .language-list li {
      width: auto;
    }

  .header-selectors-mobile .language-list a {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 5px;
  }

  .language-list .language-link {
    font-size: 0.9375rem;
    color: #fff;
    background-color: #031E45;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    line-height: normal;
    padding: 5px 10px;
  }

  .admin-header-links, .store-search-box {
    background-color: #283283;
  }

    .master-wrapper-content,
    .admin-header-links ~ .master-wrapper-content {
      margin-top: 0px;
    }

  .two-columns-area {
    margin: 50px 0 25px;
  }

  .responsive-nav-wrapper {
    font-size: 0;
  }
  .responsive-nav-wrapper > div > span,
  .responsive-nav-wrapper > div > a {
    font-size: 0;
  }
  .header-menu .close-menu span,
  .header-menu .back-button span {
    font-size: 0;
  }
  .header-menu > ul li > a,
  .header-menu > ul li > span {
    font-size: 0.9375rem;
  }
  .header-links,
  .header-selectors {
    font-size: 0.8125rem;
  }
  .category-page-body .page-title h1,
  .manufacturer-page-body .page-title h1,
  .manufacturer-all-page-body .page-title h1,
  .vendor-all-page-body .page-title h1,
  .vendor-page-body .page-title h1,
  .product-tags-all-page-body .page-title h1,
  .products-by-tag-page-body .page-title h1,
  .recently-viewed-products-page-body .page-title h1,
  .recently-added-products-page-body .page-title h1,
  .compare-products-page-body .page-title h1 {
    font-size: 1.125rem;
  }
}