/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 991px) {
  .menu-bar {
    position: relative;
    left: 0;
    top: 0;
  }
  .px-hstyle2 .news-axis-container.menu-inner {
    position: relative;
    height: auto;
  }
  .mgp-navbar-wrap.mgp-is-responsive.mgp-default-breakpoint {
    top: 0;
  }
  .adminbar .mgp-navbar-wrap.mgp-is-responsive.mgp-default-breakpoint {
    top: 32px;
  }

  h1 {
    font-size: 35px;
  }
  h1.page-title {
    font-size: 20px;
  }

  h2 {
    font-size: 28px;
  }
  nav#site-navigation {
    display: none;
  }
  ul#btop-menu {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
  }
  .shop-toolkit-tophead {
    text-align: center;
  }
  .header-top-search {
    width: 100%;
    margin: 10px 0 2px auto;
  }
  .shop-toolkit-tophead .col-lg-auto {
    margin: 0 0 6px 0;
  }
  .topmenu-serch {
    flex-flow: column wrap;
    align-items: center;
  }
  .topmenu-serch.bsearch-popup {
    flex-flow: row wrap;
  }
  /* Mobile Menu style*/
  .navigation {
    position: relative;
  }
  button#mmenu-btn i {
    font-size: 25px;
    color: var(--black);
  }

  button#mmenu-btn {
    border: none;
    background: transparent;
    padding: 0;
    margin-top: 8px;
  }

  div#wsm-menu {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
  }

  .mobile-menu-bar button {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
  }

  nav#mobile-navigation {
    position: relative;
  }

  .wsm-menu nav div > ul {
    box-shadow: 0px 5px 10px -6px rgb(92 91 92);
    padding: 20px;
    margin-bottom: 10px;
    background: var(---light-body);
    position: absolute;
    left: auto;
    right: 0;
    top: 80px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    text-align: left;
  }

  .wsm-menu nav.menu-active ul {
    top: 47px;
    visibility: visible;
    opacity: 1;
  }

  .wsm-menu div > ul {
    margin: 0;
    padding: 0;
  }

  .wsm-menu ul li a {
    padding: 7px 10px;
    border-bottom: 1px solid var(--white);
    color: var(--black);
    display: block;
  }
  .wsm-menu ul li a:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
  }

  .mobile-navigation ul {
    list-style: none;
  }

  .menu-item-has-children,
  .ht-row {
    display: flex;
    flex-flow: row wrap;
  }

  .menu-item-has-children > a {
    width: auto;
    min-width: auto;
  }

  .menu-item-has-children .sub-menu {
    display: block;
    width: 100%;
  }

  span.mclose {
    display: none;
  }

  .menu-item-has-children > i {
    padding: 10px 15px;
    margin-left: auto;
  }

  #wsm-menu ul ul.sub-menu {
    visibility: hidden;
    max-height: 0;
    height: auto;
    opacity: 0;
    transition: 0.5s;
  }

  #wsm-menu ul .menu-item-has-children.clicked > ul.sub-menu,
  #wsm-menu ul .menu-item-has-children.focus > ul.sub-menu {
    max-height: 1000px;
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-left: 0;
  }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  h1 {
    font-size: 35px;
  }
  h1.page-title {
    font-size: 24px;
  }
  h2 {
    font-size: 30px;
  }
  .px-hstyle2 .ax-social-section {
    display: none;
  }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (max-width: 479px) {
  .header-search-form {
    right: 0;
  }
}
