.brand-imag-bg img{
   width:27px;
   height:27px;
}

.search-cross-symbol{
   top:10px;
   right:10px;
}

.side-inside-menu-three li{
    display:none !important;
}

.navbar-one {
  background-color: var(--theme-color5);
}
.icon-bg {
  background-color: #2b2a29;
  border-radius: 50%;
  padding: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-bar {
  box-shadow: 0px 2px 10px 0px #0000001a;
  background-color: #fff;
  border-radius: 25px;
  border: 1px solid #cfd8dd;
  width: 375px;
  height: 48px;
}
.search-select {
  background-color: transparent;
  border: none;
}
.search-input-box {
  border: none;
  padding: 5px;
  width:500px;
}
.search-button {
  border: none;
  background-color: transparent;
}
.search-select:focus {
  border: none !important;
  box-shadow: none !important;
}
.search-input-box:focus-visible {
  outline: none !important;
  border: none !important;
}
.main-nav-bg {
  background-color: var(--theme-color8);
}
.main-nav-dropdown {
  background-color: none;
  border: none;
}
#main-nav-drop::after {
  display: none;
}
.side-nav-dropdown {
  background-color: var(--theme-color5);
  border-radius: 0px;
  border: none;
  transform: translate(-50px, 60px) !important;
}
.dropdown-divider {
  border: 1px solid #ffffff !important;
}
.nav-lis:hover {
  background-color: transparent;
}

.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}

.dropend .dropdown-toggle::after {
  display: none;
}
.side-inside-menu::before {
  content: "";
  top: 6px;
  left: -18px;
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
  background-color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
}
.side-inside-menu {
  border-radius: 0px;
  top:0;
  left:100%
}

.side-inside-menu-two {
  border-radius: 0px;
  inset:unset !important;
  transform:unset !important;
  
  
}

.sign-drop-menu{
   right:0 !important;
}

.sign-drop-menu::before {
  content: "";
  top: -18px;
  right: 15px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  left:unset !important;
}


.side-inside-menu-two::before {
  content: "";
  top: -18px;
  left: 15px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
}

.divider-two {
  border: 1px solid #b7b7b740 !important;
}

.nav-svg {
  background-color: #fff;
  border-radius: 2px;
  width: 18px;
  height: 18px;
}

/*.dropend-two:hover > .dropdown-menu {*/
/*  display: block;*/
/*  margin-top: -2px;*/
/*  width: 250px;*/
/*}*/

.dropend-two .dropdown-toggle::after {
  display: none;
}
.search-input-box-two {
  border: none;
  padding: 5px;
  background-color: transparent;
}
.search-input-box-two:focus-visible {
  outline: none !important;
  border: none !important;
}

.dropdown-search {
  box-shadow: 0px 2px 10px 0px #0000001a;
  border: 0.4px solid #cfd8dd;
  border-radius: 25px;
  height: 33px;
  width: 210px;
  margin: auto;
}

.w-40 {
  width: 40px;
  margin-bottom:5px;
}

.brand-nav-bg {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  padding: 5px;
  height: 76px;
  margin-bottom: 9px;
}

.side-inside-menu-three {
  border-radius: 0px;
  width:500px;
  inset:unset;
  transform:unset;
}

.side-inside-menu-three::before {
  content: "";
  top: -18px;
  left: 15px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
}

/*.dropend-three:hover > .dropdown-menu {*/
/*  display: block;*/
/*  margin-top: -2px;*/
/*  width: 500px;*/
/*}*/

.dropend-three .dropdown-toggle::after {
  display: none;
}

/*.dropend-four:hover > .dropdown-menu {*/
/*  display: block;*/
/*  margin-top: -2px;*/
/*  width: 320px;*/
/*}*/

.dropend-four .dropdown-toggle::after {
  display: none;
}

.brand-imag-bg {
  box-shadow: 0px 4px 10px -4px #00000040;
  background-color: var(--theme-color3);
  border-radius: 14px 5px 14px 5px;
  width: 42px;
  height: 42px;
}

/*.cart-dropdown:hover > .dropdown-menu {*/
/*  display: block;*/
/*  margin-top: -2px;*/
  /* width: 450px; */
/*}*/

.cart-dropdown .dropdown-toggle::after {
  display: none;
}

/*.account-dropdown:hover > .dropdown-menu {*/
/*  display: block;*/
/*  margin-top: -2px;*/
/*  width: 150px;*/
/*}*/

.account-dropdown .dropdown-toggle::after {
  display: none;
}

.cart-inside-menu::before {
  content: "";
  top: -18px;
  left: 15px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
}

.cart-inside-menu {
  right: -105px;
}

.mobile-nav {
  position: fixed;
  right: 0;
  top: 0;
  width: 0;
  /* padding: 10px; */
}

.mob-search-icon {
  position: relative;
  z-index: 2;
}

.mobile-nav input {
  width: 100%;
  padding: 12px 10px;
  border: none;
}
.mobile-nav-section{
  width: 100% !important;
  z-index: 9;
}


.m-b-15{
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    width: fit-content;
    margin: auto;
}

.m-b-15 p{
   margin-bottom:0px !important;

}

@media screen and (max-width: 1080px) {

.nav-bar-main-menus{
   gap:0.8rem !important;
}
}

@media screen and (max-width: 500px) {

.side-inside-menu-two-next {
  overflow:auto;
  height:500px;
  
  }
.side-inside-menu-two {
    width:300px !important;
    height:300px;
    overflow-y:auto;
  }

 .search-button{
   position:absolute;
   right: 6px;
   top: 1px;
  }
.dropdown-search{
   position:relative;
  }
}

@media screen and (max-width: 991px) {
    .main-nav-bg {
    position: fixed;
    left: -180%;
    top: 0;
    height: 100vh;
    z-index: 15;
  }
  .left-zero {
    left: 0 !important;
    width: 100%;
  }
  .nav-close-icon {
    position: absolute;
    top: 10px;
    right: 15px;
  }
}


@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
}

@media screen and (max-width: 769px) {
  .dropend-three:hover > .dropdown-menu {
    width: 320px !important;
  }
 */ .dropend-four:hover > .dropdown-menu {
    width: 100% !important;
  } */
  .side-inside-menu-three,
  .side-inside-menu-three {
    position: relative !important;
    transform: none !important;
  } 

  .side-inside-menu-three.active{
    position: absolute !important;
    transform: translate3d(-51px, 71px, 0px) !important;
  }

  
  .dropdown-menu{
    display:none !important;
  }

 .dropdown-menu.show{
    display:block !important;
  }
 .side-inside-menu-three{
    width:320px !important;
    height: 400px;
    overflow-y: auto;
}
}