.cart-two-btn {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #2a3143;
  text-decoration: none !important;
  color: white !important;
  text-align: center;
  padding: 0.35rem 1rem;
}
.logo-wrapper {
  width: inherit;
  position: absolute;
  top: 10%;
  left: 8%;
}
.main-tabs-wrapper {
  position: absolute;
  top: 58.5%;
  left: 34%;
}
.main-tab {
    width: 22.5%;
    height: 2rem;
}
.main-small-tab {
    width: 10%;
    height: 2rem;
}
.main-tab a {
    height: 100%;
    width: 100%;    
}
.main-small-tab a {
    height: 100%;
    width: 100%;   
    text-decoration: none !important; 
}
.desktop-text {
    font-size: 100%;
}
.mobile-text {
    display: none;
}
.secondary-tabs-wrapper {
  display: flex;
  align-items: center;
  justify-content: right;
  width: 91.25%;
  position: absolute;
  top: 19%;
}
.main-header-wrapper {
  height: 5rem !important;
}
.logout-btn {
  background: none;
  border: none !important;
  padding: 0.2rem 0rem;
}
.logo-text {
    font-size: 97%;
}
.mobile-nav-two {
    display: none !important;
}
.logo-img {
    width: 100% !important;
}

/* Small devices (phones, >= 576px) */
@media screen and (max-width: 576px) {
  .mobile-nav-two {
    display: contents !important;
  }
  .main-header-wrapper {
    height: fit-content !important;
    width: 100% !important;
    margin: 0rem 0rem !important;
  }
  .logo-img {
    width: 50% !important;
  }
  .logo-text {
      font-size: 50%;
  }
  .desktop-nav-two {
    display: none !important;
  }
  .logo-content-wrapper {
    display: block !important;
  }
  .logo-wrapper {
    width: auto;
    position: unset;
    top: unset;
    left: unset;
  }
  .main-tabs-wrapper, .secondary-tabs-wrapper {
    position: unset;
    top: unset;
    left: unset;
  }
  .secondary-tabs-wrapper {
    width: 50%;
  }
  .mobile-text {
    font-size: 65% !important;
  }
  .navbar-toggler {
    padding: 0rem !important;
  }
  .main-tab {
    margin-left: 1% !important;
    margin-right: 1% !important;
  }
}

/* Medium devices (tablets, >= 1010px) */
@media screen and (max-width: 1010px) {
  .desktop-text {
      display: none !important;
  }
  .mobile-text {
      display: block !important;
  }
  .logo-text {
    font-size: 75%;
  }
}

/* Large devices (laptops/desktops, >= 1240px) */
@media screen and (max-width: 1240px) and (min-width: 1010px) {
  .logo-text {
    font-size: 80%;
  }
  .desktop-text {
      font-size: 77%;
  }
}

/* Extra large devices (large laptops and desktops, >= 1240px) */
@media screen and (min-width: 1575px) {
  .logo-text {
    font-size: 100%;
  }

  .main-tabs-wrapper {
    position: absolute;
    top: 58.5%;
    left: 34%;
  }
}