.noscroll .navbar-brand {
     z-index: 5
 }

 .noscroll .navbar-brand img {
     height: 3.125rem;
     transition: all 0.4s ease-in-out;
 }

 .noscroll .navbar-toggler {
     background-color: var(--bs-secondary);
     transition: all 0.4s ease-in-out;
     z-index: 5
 }

 .navbar-expand-lg .navbar-nav .nav-link,
 .navbar-nav .dropdown .dropdown-menu {
     font-family: var(--bs-font-sans-serif);
     margin: 0
 }

 .top-header {
     width: 100%;
     position: fixed;
     z-index: 200;
     padding: 0.625rem;
     transition: all 0.4s ease-in-out;
     background-color: #fff;
 }

 .navbar-brand {
     padding: 0
 }

 .navbar-brand img {
     width: auto;
     height: 3.875rem;
     transition: all 0.4s ease-in-out;
 }

 .navbar-expand-lg {
     padding: 0;
 }

 .navbar-expand-lg .navbar-nav .nav-link {
     color: var(--bs-secondary);
     font-size: 1rem;
     padding: 0.625rem 0;
     letter-spacing: normal;
 }

 .navbar-expand-lg .navbar-nav .nav-link:hover {
     color: var(--bs-primary);
 }

 .navbar-expand-lg .navbar-nav .nav-item {
     margin: 0 1.25rem;
 }

 .navbar-expand-lg .navbar-nav {
     margin-left: auto;
 }

 .navbar-nav .dropdown .dropdown-menu {
     border-radius: var(--border-radius);
     padding-top: 0;
     padding-bottom: 0;
 }

 .navbar-nav .dropdown .dropdown-menu .dropdown-item {
     font-size: 1rem;
     margin: 0;
     letter-spacing: normal;
     color: #000;
     transition: all .3s ease;
     width: 100%;
     padding: 0.75rem 1.25rem;
     border-bottom: solid 0.0625rem rgb(222 222 222);
     background-color: #fff;
     position: relative;
 }

 .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
     background-color: #f3f3f3;
 }

 .navbar-nav .dropdown .dropdown-menu .dropdown-item::before {
     content: "";
     position: absolute;
     display: block;
     height: 0.125rem;
     width: 100%;
     left: 0;
     bottom: 0;
     z-index: 1;
     background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgba(var(--bs-primary-rgb)) 50%);
     background-size: 211% 100%;
     background-position: right top;
     transition: all .3s ease;
 }

 .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover::before {
     background-position: left top;
     transition: all .3s ease;
 }

 .navbar-expand-lg .navbar-nav .nav-link i {
     font-size: 1.25rem;
 }

 .navbar-expand-lg .navbar-nav .nav-link .badge {
     position: absolute;
     right: 0.75rem;
     top: 0.3125rem;
     font-size: 0.5rem;
     border-radius: 0.313rem;
     background-color: var(--bs-primary);
     color: #000;
     font-family: var(--bs-body-font-family);
     line-height: 1;
     padding: 0.25em 0.4em 0.15em 0.4em;
 }

 .dropdown-toggle:after {
     transition: all .23s ease;
 }

 .dropdown-toggle:hover:after {
     transform: rotate(180deg);
     transition: all .5s ease;
 }

 .dropdown-menu-end {
     right: 0;
 }

 .s-down .top-header {
     margin-top: -6.875rem;
 }

 .s-up .top-header {
     margin-top: 0;
     height: 3.4375rem;
     padding: 0.3125rem 0;
 }

 .s-up .navbar-brand img {
     width: auto;
     height: 2.5rem;
     transition: all 0.4s ease-in-out;
 }

 .s-up .menu-btn {
     top: 0.4375rem;
 }

 .s-up .top-header .navbar-expand-lg .navbar-nav {
     margin-top: -0.125rem;
 }

 .s-up .top-header .navbar-expand-lg .navbar-nav .nav-link {
     font-size: 1rem;
 }

 .s-up .top-header .navbar-expand-lg .navbar-nav .nav-link i {
     font-size: 1.125rem;
 }

 .discount-lab {
     background-color: var(--bs-primary);
     color: #000;
     line-height: 1;
     font-size: 0.8125rem;
     padding: 0.125rem 0.3125rem 0.1875rem 0.3125rem;
     display: inline-block;
     letter-spacing: 0.063rem;
     width: auto;
     text-align: center;
     z-index: 5;
     margin-bottom: 0rem;
     border-radius: var(--border-radius);
     font-family: var(--bs-body-font-family);
 }

 @media all and (min-width: 62rem) {
     .navbar .nav-item .dropdown-menu {
         display: none;
     }

     .navbar .nav-item:hover .dropdown-menu {
         display: block;
     }

     .navbar .nav-item .dropdown-menu {
         margin-top: 0;
         -webkit-animation: dropdown-show .2s;
         animation: dropdown-show .2s;
     }
 }

 @media (max-width:90rem) {
     .navbar-expand-lg .navbar-nav .nav-link {
         font-size: 14px;
     }
     .navbar-expand-lg .navbar-nav .nav-item {
        margin: 0 5px;
    }

     .navbar-nav .dropdown .dropdown-menu .dropdown-item {
         font-size: 0.875rem;
         padding: 0.75rem 0.9375rem;
     }

     .navbar-brand img {
         height: 3rem;
     }

     .s-up .top-header .navbar-expand-lg .navbar-nav .nav-link {
         font-size: 0.875rem;
     }

     .navbar-expand-lg .navbar-nav .nav-item {
         margin: 0 0.9375rem;
     }

     .navbar-expand-lg .navbar-nav .nav-link i {
         font-size: 1.125rem;
     }
 }

 @media (max-width:64rem) {
     .navbar-expand-lg .navbar-nav .nav-item {
         margin: 0 0.625rem;
     }

     .navbar-brand img {
         height: 2.5rem;
     }
 }

 @media (max-width:50rem) {
     .noscroll {
         overflow: hidden
     }

     .navbar-toggler {
         background-color: var(--bs-primary);
         border-radius: 0.5rem;
         padding: 0;
         transition: all 0.4s ease-in-out;
         margin-right: 0.9375rem;
         box-shadow: none !important
     }

     .navbar-brand img {
         height: 2.8125rem;
     }

     .navbar-nav .dropdown:hover>.dropdown-menu {
         animation: none;
     }

     .navbar-brand {
         margin-left: 0.9375rem
     }

     .navbar-collapse {
         background-color: rgba(0, 0, 0, 0.85);
         backdrop-filter: blur(0.25rem);
         overflow-y: scroll;
         height: 100vh;
         width: 100%;
         position: fixed;
         transition: all 0.4s ease-out, background 1s ease-out;
         top: 0;
         left: 0;
         z-index: 2;
         margin: 0
     }

     .navbar-expand-lg .navbar-nav {
         height: 100vh;
         padding: 5.625rem 0 0 0rem;
     }

     .navbar-expand-lg .navbar-nav .nav-link {
         padding: 0.625rem 1.875rem;
         font-size: 1.375rem
     }

     .navbar-expand-lg .navbar-nav .nav-link:hover {
         color: var(--bs-white);
     }

     .navbar-expand-lg .navbar-nav .nav-item {
         margin: 0;
         opacity: 0;
         transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
         transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
         transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     }

     .navbar-collapse.show .navbar-nav .nav-item {
         opacity: 1;
         border-bottom: solid 0.0625rem rgba(194, 194, 194, 0.2);
     }

     .navbar-collapse .navbar-nav .nav-item:nth-child(1) {
         transition-delay: 0.05s;
     }

     .navbar-collapse .navbar-nav .nav-item:nth-child(2) {
         transition-delay: 0.1s;
     }

     .navbar-collapse .navbar-nav .nav-item:nth-child(3) {
         transition-delay: 0.15s;
     }

     .navbar-collapse .navbar-nav .nav-item:nth-child(4) {
         transition-delay: 0.2s;
     }

     .navbar-collapse .navbar-nav .nav-item:nth-child(5) {
         transition-delay: 0.25s;
     }

     .navbar-collapse .navbar-nav .nav-item:nth-child(6) {
         transition-delay: 0.3s;
     }

     .navbar-collapse .navbar-nav .nav-item:nth-child(7) {
         transition-delay: 0.35s;
     }

     .icon-container {
         position: relative;
         display: inline-block;
         z-index: 2;
         float: right;
         height: 2.0625rem;
         width: 2.3125rem;
         cursor: pointer;
         -webkit-tap-highlight-color: transparent;
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     }

     .icon-container #menuicon {
         width: 1.25rem;
         height: 0.625rem;
         position: relative;
         display: block;
         margin: -0.25rem auto 0;
         top: 50%;
     }

     #menuicon .bar {
         width: 100%;
         height: 0.0625rem;
         display: block;
         position: relative;
         background: #fff;
         transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     }

     #menuicon .bar.bar1 {
         -webkit-transform: translateY(0rem) rotate(0deg);
         transform: translateY(0rem) rotate(0deg);
     }

     #menuicon .bar.bar2 {
         -webkit-transform: translateY(0.375rem) rotate(0deg);
         transform: translateY(0.375rem) rotate(0deg);
     }

     .noscroll .icon-container {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
     }

     .noscroll .icon-container #menuicon .bar {
         transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
         transition-delay: 0.1s;
     }

     .noscroll .icon-container #menuicon .bar.bar1 {
         -webkit-transform: translateY(0.25rem) rotate(45deg);
         transform: translateY(0.25rem) rotate(45deg);
     }

     .noscroll .icon-container #menuicon .bar.bar2 {
         -webkit-transform: translateY(0.1875rem) rotate(-45deg);
         transform: translateY(0.1875rem) rotate(-45deg);
     }

     .mob-top {
         display: none
     }

     .noscroll .mob-top {
         backdrop-filter: blur(0.25rem);
         background-color: rgba(var(--bs-primary-rgb), 0.7);
         position: fixed;
         top: 0;
         width: 100%;
         height: 3.875rem;
         display: block;
         filter: blur(1.25rem)
     }

     .top-header {
         padding: 0.5rem 0
     }

     .navbar-expand-lg .container-fluid {
         padding: 0
     }

     #navbarNavDropdown .dropdown-menu {
         display: block !important;
     }

     #navbarNavDropdown .dropdown-menu {
         background-color: transparent !important;
         padding: 0;
     }

     #navbarNavDropdown .dropdown-menu .dropdown-item {
         background-color: transparent;
         color: #fff;
         border: none;
     }

     #navbarNavDropdown .dropdown-toggle::after {
         display: none;
     }

     #navbarNavDropdown .nav-item {
         border: none;
     }

     #navbarNavDropdown .dropdown .dropdown-menu .dropdown-item::before {
         display: none;
     }

     #navbarNavDropdown .navbar-nav .nav-link {
         color: #fff; letter-spacing: 1px;
     }

     #navbarNavDropdown .dropdown .dropdown-menu .dropdown-item {
         font-size: 1.125rem;
         padding: 0.375rem 1.5625rem;
     }

     .s-up #navbarNavDropdown .dropdown .dropdown-menu .dropdown-item {
         font-size: 1.125rem;
         padding: 0.25rem 1.5625rem;
     }

     .s-up #navbarNavDropdown .navbar-nav .nav-link {
         font-size: 1.375rem;
     }

     .noscroll .navbar-brand img {
         height: 2.5rem;
     }
 }

 @media (max-width:47.9375rem) {
     .navbar-toggler {
         margin-right: 0;
     }

     .navbar-brand {
         margin-left: 0;
     }

     .navbar-nav .dropdown .dropdown-menu .dropdown-item {
         font-size: 1.125rem
     }

     .dropdown-menu[data-bs-popper] {
         padding-top: 0rem;
         padding-bottom: 0.625rem;
         backdrop-filter: blur(0rem);
     }

     .navbar-brand img {
         height: 2.8125rem;
     }

     .s-up .navbar-brand img {
         height: 2.25rem;
     }

     .s-up .top-header {
         height: 3rem;
     }

     .noscroll .navbar-brand img {
         height: 2.8125rem;
     }

     @media (max-width:25.875rem) {
         .navbar-nav .dropdown .dropdown-menu .dropdown-item {
             font-size: 1rem;
         }

         .navbar-brand img {
             height: 2.5rem;
         }

         .noscroll .navbar-brand img {
             height: 2.5rem;
         }
     }

     @media (max-width:20rem) {
         .navbar-brand img {
             height: 2.1875rem;
         }
     }

     @keyframes dropdown-show {
         from {
             transform: scale(.8);
             opacity: 0;
         }

         to {
             transform: scale(1);
             opacity: 1;
         }
     }