.newsletter {
  background: url('/storage/banner/footer-image-desktop/footer-image-2.webp') !important;
  background-size: cover !important;
}

.main-menu.main-menu-padding-1>nav>ul>li {
    padding: 0 0px;
}

/*small phone*/
@media only screen and (max-width: 480px) {
  .newsletter{
    width: 140px;
  }
}

.main-categories-wrap>a, .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .main-categories-wrap .categories-dropdown-active-small a, .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a, .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a, .mobile-menu-wrap .main-categories-wrap .categories-dropdown-wrap .menu-expand {
    color: #ffffff !important;
}

.header-top-ptb-1 {
  background-color: white !important;
  margin-bottom: 8px !important;
}


body>header>div.header-middle.header-middle-ptb-1.d-none.d-lg-block>div>div>div.search-style-2>form>button {
  /*SEARCH BUTTON*/
  width:100px;
     transform: translateY(-26.4px);
     background-color: #eee !important;
     color: var(--color-primary) !important;
}


body>header>div.header-middle.header-middle-ptb-1.d-none.d-lg-block>div>div>div.search-style-2>form>button:hover {
    background-color: var(--color-primary) !important;
    color: white !important;
}


.sticky-bar.stick {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  animation: fadeInDown 0.4s ease-in-out;
}


a.view-all {
    border: 1px solid var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    color: white !important;
}


a.view-all:hover {
    border: 1px solid white !important;
    background-color:  #eee !important;
    color: var(--color-primary) !important;
}


.slider-arrow.slider-arrow-2 .slider-btn {
    border: 1px solid var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    color: #fff !important;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.newsletter .form-subcriber button {
        background-color: var(--color-primary) !important;
}

.newsletter .form-subcriber button:hover {
        background-color: #eee !important;
        color:var(--color-primary) !important;
}

.header-action-2 .header-action-icon-2>a span.pro-count.blue {
    color: #ffffff !important;
}

.slider-arrow.slider-arrow-2 .slider-btn:hover {
    border: 1px solid var(--color-primary) !important;
    background-color: white !important;
    color: var(--color-primary) !important;
}

.search-style-2 form input {
  font-size: 15px !important;
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: 0 4px 4px 0;
    color: var(--color-primary) !important;
    font-size: 14px;
    min-height: 52px;
    padding: 3px 62px 3px 20px;
    width: 540px;
}






  .mobile-header-wrapper-style.sidebar-visible {
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}


.main-menu.main-menu-padding-1>nav>ul>li {
    transition-duration: 0.5s !important;
}

.category{
transition-duration: 0.5s !important;}

.main-menu.main-menu-light-white>nav>ul>li>a:hover {
    color: var(--color-primary) !important;
}

.category:hover{background-color: white !important;
  border-radius: 10px;
}

.main-menu.main-menu-light-white>nav>ul>li>a {
    padding-right:17px;
    padding-left:17px;
}

.header-bottom-bg-color {
    margin-bottom: 10px;
}


.main-menu.main-menu-light-white>nav>ul>li>a:hover {
    color: var(--color-primary) !important;
}

footer {
  color: white !important;
    background-image: url(https://weshopj.com/storage/general/banners/weshop-guidelines-29-1jpeg.jpg);
  background-size: cover;
}







/*-----------------------------------------------------------------------------------------*/
/*this is the mobile version*/
@media only screen and (max-width: 600px) {
  .newsletter .form-subcriber input {
width: 400px !important;
}
}







/*-----------------------------------------------------------------------------------------*/
/*this is the tablet version*/
@media (max-width: 991px) {
  .mobile-header-wrapper-style {
    display: block !important;
    transform: translateX(-100%);
    transition: all 0.3s ease-in-out;
  }
}







/*-----------------------------------------------------------------------------------------*/
/*this is the laptop version*/
@media only screen and (max-width: 1220px){
  .logo.logo-width-1 a img {
    width: 100px;
}
}