#header {
  background: linear-gradient(to right, #04495E, #011d25);
  position: fixed;
  height: 111px;
  width: 100%;
  z-index: 100;
  top: 0;
  -webkit-box-shadow: 0 0 25px rgb(0 0 0 / 35%);
  box-shadow: 0 0 15px rgb(0 0 0 / 35%);
}#header-topbar {
background: linear-gradient(to right, #04495E, #011d25);
}
#header .dropdown-menu {
background-color: #04495E;
}
.new{
color:white !important;
}

.drop {
  margin-right: 10px;
  margin-top: 10px;
}.newhr {
   line-height: 1.6;
  border-bottom: 1px solid #ececec;
  padding: .25rem 0;
color:white;
font-weight: bold;
font-size:17px;
}}
.header-greetings {
color: Floralwhite;
display: yes;
justify-content: left; 

}
.header-right {

}.header-right a{
color: #fff;
display: inline-block;
font-weight: bold;
margin-left: 8px;
}
.header-right a i{
margin-right: 4px;  
}
.bottom-header{
padding: 10px 0px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
background:linear-gradient(to right, #fff 0%, #fff 63%, #d9d9da 58%, #d9d9da 100%);
}
.bottom-header a{
display: inline-block;
padding: 0px 5px;
font-weight: bold;
}
.bottom-header a i{
margin-right: 4px;  
}
.input-group {
  width: 100% !important;
}

.bottom-left a{
font-weight: 700;
color: #000;
}
.bottom-wrapper ul li{
list-style: none;
padding: 10px 5px;
}
.header-widget h6{
font-weight: lighter;
}
.header-widget a{
display: block;
font-size: 10px;
border-bottom: 1px solid #ececec;
}
.relative{
position: relative;
}
.bottom-left ul li:hover .hover-menu{
display: block;
}
.bottom-left ul li .hover-menu{
display: none;
padding: 10px 0px;
z-index: 999;
position: absolute;
top: 70px;
left: 0;
width: 100%;
background: #fff;
}
.w-70{
width: 70% !important;
}
.w-30{
width: 30% !important;
}

#header-topbar {
background: linear-gradient(to right, #04495E, #011d25);
}
#header .dropdown-menu {
background-color: #04495E;
}
.header-greetings {
color: Floralwhite;
display: yes;
justify-content: left; 

}

.container.d-flex {
justify-content: flex-end;
}
.notify_number {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 50%;
  background: tomato;
  color: white;
  font-size: 10px;
  padding-top: 2px;
  font-weight: bold;
}.neww {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 50%;
  color: white;
  padding: 2px;
  font-size: 10px;
  font-weight: bold;
}.watchlist_notify .neww{
background: Tomato;
}
.cart {
  position: relative;
  left: 8px;
}
.pp{
color:black;}
.header_bucket {
  margin-top: -4px;
  color: black;
}
.header_bucket:hover{
color:#fd7e14;
}
.cart_notify {
  position: absolute;
  top: -10px;
  right: -10px; 
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  min-width: 20px; 
  height: 20px; 
}

.notify_number2 {
  display: inline-block;
  text-align: center;
}
.notify_number2 {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 50%;
  color: white;
  font-size: 10px;
  padding-top: 4px;
  font-weight: bold;
}
.notify_number2 {
  display: inline-block;
  min-width: 20px;
  text-align: center;
}
.cart_notify .notify_number2 {
  background: #04495E;
}

.cart_notify .notify_number {
  background: #04495E;
}
.newli{
  font-size: 17px;
}
.top-right-nav .nav-link{
padding:5px 14px !important;
}
.watchlist_notify{
  margin-left: 7px;
}
.top-right-nav .nav-link:hover{
background-color: FloralWhite;
}
.top-right-nav .nav-item.show .nav-link{
background-color:FloralWhite;
}
.currency-form{
min-width: 230px;
}
.padding_dropdown{
padding:20px 15px 0px 15px;
}
.form-footer-gray{
margin: 0px -15px;
padding:15px;
background-color: #e6e5e5;
}
.site-link {
  width: 100%;
}#header_middle .container{
height: 65px;
}
#header_middle {
  transition: 0.5s;
  height: 90px;
}@media (max-width: 1000px) {
#header_new .navbar-nav {
  display: flex;
  flex-direction: unset !important;
  /* align-items: center; */
  display: none;
  margin-left: -185px;
}.new{
  margin-bottom: 82px;
  width: 127px;
  margin-left: -10px;
}
.header-right {
    margin-right: 1px !important;
}
.newli {
  margin-right: 58px;
}  }
.main_parts {
  margin-top: 52px !important;
  margin-bottom: -39px !important;
}
.newclass {
  background: linear-gradient(to right, #fff 50%, #d9d9da 50%);
}
.site_logo {
    height: 65px !important;
    transition: 0.5s;
    max-width: 100%;
    /* object-fit: contain; */
    width: auto;
    /* margin-right: 21px; */
    margin-left: -58px;
    margin-top: -15px;
}.site-header{
margin-top: 25px;
}
.site_name{
font-size: 30px;
font-weight: 600;
}
.new-ul{
    margin-top: -10px;
    margin-left: -84px;
}
.header_search {
  width: 43%;
  margin-left: 10px;
}.header_search .dropdown-toggle{
width: 80px;
font-size: 13px;
position: absolute;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-color: #ccc;
border-right: 0;
height: 35px !important;
}
.bottom-header {
  padding: 10px 0px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  background: linear-gradient(to right, #fff 0%, #fff 63%, #d9d9da 58%, #d9d9da 100%);
}
.header_search_input {
    margin-left: -3rem;
    margin-right: -2px;
    height: 35px !important;
}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 80px !important;
}
.header_seach_submit{
position: absolute;
z-index: 100;
height: 35px;
font-size: 20px;
right: 0px;
border: 0px;
background: transparent;
}
.header_search .dropdown-menu{
font-size: 13px;
}
.header_icons{
width:200px;
}
.cart-price-des {
  margin-right: 8px;
  margin-left: 10px;
  display: flex;
}
.cart_price{
margin-top: 9px;
font-size: 15px;
}
.font{
  font-size: 25px;
  margin-top: 7px;
}
.cart_des {
  font-weight: 700;
  font-size: 13px;
  margin-top: 11px;
  margin-right: 4px;
}
**Corrected hover style:**
.cart_des:hover {
color: #fd7e14; /* Orange hover color */
}.rub-menus {
  background-color: white;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}.rub-menus .left {
flex: 80%;
margin-right: 1px;
background-clip: content-box;
text-align: center;
flex-direction: row;
justify-content: center;
box-sizing: border-box;
padding-right: 41%;
}
.rub-menus .right {
flex: 20%;
margin-right: 1px;
background-clip: content-box;
text-align: right;
flex-direction: row;
justify-content: right;
box-sizing: border-box;
}
.user-i{

  margin-top: 3px;
  margin-right: 4px;
}
#header_last a.nav-link {
  color: #04495E;
  margin-left: 9px;
  display: flex;
  padding: 9px 15px;
  font-size: 16px;
  font-weight: 900;
}
.logged_user{
  margin-top: 7px;
}
.nav-link2 {
color: DarkSlateGrey !important;
padding: 10px 15px;
font-size: 16px;
font-weight: 900;

}
.header_bucket2 {
  color: #04495E;
}
.user-mobile{
 margin: -2px 0px 0px 5px;
}
.notify_number2 {
  display: inline-block;
  width: 18px;
  height: 20px;
  padding: 6px;
  text-align: center;
  border-radius: 50%;
  color: white;
  font-size: 9px;
  font-weight: bold;
}

.pp-cart{

  color: black;
  margin-right: -41px;
  margin-left: 16px;
}
.user{
  margin: -4px 0px 0px 5px;
}
#header_last .show a.nav-link{
background-color: Floralwhite;
color: #04495E;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  width: 90% !important ;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item {
   width: 93% !important;

}

.dropdown-menu-right {
  right: 0;
  left: 12px !important;
  width: 350px !important;
}.header_bucket{
  margin-top: -4px;
}
.rub-menus {
  padding: 0px 0px 0px 0px;
  height: 43px;
}
#header_last .dropdown-menu {
  padding: 10px 22px;
  box-shadow: 0 12px 18px rgb(0 0 0 / 35%);
  border-top: none;
  margin-top: 0px;
  border-radius: 7px;
  font-size: 14px;
  line-height: 2;
}
#header_last {
  /* display: flex; */
  justify-content: space-between;
  background-color: white;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: -7px;
}
#header_last .rubriken, #header_last .links {
display: flex;
flex-direction: row; /* Elemente nebeneinander anzeigen */
}

#header_last .rubriken {
justify-content: flex-start; /* Rubriken links ausrichten */
}

#header_last .links {
justify-content: flex-end; /* Links rechts ausrichten */
}
.product-person{
  margin-top: 11px;
}
/* Stellen Sie sicher, dass die Elemente innerhalb von .rubriken und .links nebeneinander angezeigt werden */
#header_last .rubriken > *, #header_last .links > * {
display: inline-block;
}
.mobile_search_button{
margin-right: 10px;
font-size: 25px;
}
.mobile_menu_button {
  margin-left: -45px;
  font-size: 25px;
  margin-top: 6px;
}
#header_mobile_seach{
display: none;  
padding:10px 20px;  
border-top: 1px solid #e5e5e5;
}
#header_mobile_seach .form-control{
font-size: 13px;
}

.desctop-div {
  margin-right: -74px;
}
	#header_mobile_seach .dropdown-toggle{
font-size: 13px;
color: #555;
height: 36px;
border-color: #ccc;
background-color: #f3f3f3;  
}
@media (max-width: 1000px){
#header-topbar {
  display: none;
}
.newclass{
background: white;
}
.site-header {
  margin-top: -6px;
}
.font{
    margin-top: 2px;

}
.mobile_menu_button {
  
  margin-top: 4px;
}
#header {
  background: linear-gradient(to right, #04495E, #011d25);
  position: fixed;
  height: 74px;
  width: 100%;
  z-index: 100;
  top: 0;
  -webkit-box-shadow: 0 0 25px rgb(0 0 0 / 35%);
  box-shadow: 0 0 15px rgb(0 0 0 / 35%);
}
#header_last {
  /* display: flex; */
  justify-content: space-between;
  background-color: white;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: -11px;
}
.desctop{
  display: none;
}
.newhr {
  line-height: 0.6;
  border-bottom: 1px solid black;
  padding: 0.25rem 0;
  color: black;
  font-weight: bold;
  font-size: 17px;
}
.new-video {
  width: 100%;
  margin-top: 4px;
  text-align: center;
  max-width: 100%;
}
.cart-price-des, .header_search{
  display: none;
}

#header_middle .container {
  height: 50px !important;
}
.site_logo{
  height: 30px !important;
}
#header_last {
  display: none;

}
#header_mobile_seach {
  display: none;
  padding: 10px 20px;
  background: #04495E;
  border-top: 1px solid #e5e5e5;
}
.rub-menus {
    background-color: white;
    border-top: 1px solid #e5e5e5;
    height: fit-content;
    margin-left: 9rem;
}
#header_last a.nav-link {
  color: black;
  font-weight: bold;
  width: 22rem;
  border-bottom: 1px solid #e5e5e5;
}  #header_last .dropdown-menu{
  position: relative !important;
  transform:none !important;
  box-shadow: none !important;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 30px;
}
.header_bucket {
  margin-top: -4px;
  color: #04495E;
}
#header .dropdown-menu {
  background-color: white;
}
.user-icon{
  margin-top: 3px;
  margin-right: 3px;

}
.new-form {
  width: 24rem;
  /* left: -140px; */
  margin-left: -110px;
  padding: 32px;
}
.user-login {
  margin-right: -3px;
  margin-left: 7px;
}
.site_logo {
    height: 40px !important;
    transition: 0.5s;
    max-width: 90% !important;
  
    width: auto;
    margin-right: 49px;
    margin-left: 11px;
        margin-top: 3px;

}.site-link {
  width: 131rem;
}
.user-p{
  border-bottom: 2px solid;
  text-align: center;
}
.font2{
    margin-left: -13px;
    margin-right: -16px;
}
.user2 {
  font-size: 25px !important;
  margin-left: -6px;
  margin-right: -16px;
}
.header_search_input {
display: none;
}
.display {
display: none;
}
}

..watchlist_notify .notify_number{
  background: Tomato !important;
}
.newheader2{
    margin-right: -6rem;
}
.header-right {
  margin-right: -67px;
}
.desktopli{
  display: flex;
}
@media (min-width: 760px){
.pp-cart{
display: none;
}
.user2{
  display:none;
  }

}
@media (max-width: 768px){
.header_icons{
  display: none !important;
}
.drop {
    margin-right: 10px;
    margin-top: -15px;
}.new-ul {
    margin-top: -10px !important;
    margin-left: -158px !important;
}

.desktop{
display:none;}

.desktopli{
display:none !important;}
.newclass{
background: white;}

#header_last .nav-item.show .nav-link{
  background-color: #337ab7 !important;
  color: white;
}
.bottom-right{
display:none;
}
}

/* my css */
.swiper-swlide{}
.category {
margin-left: 6rem;
height: 26rem;
}
.product-link {
color: black;
position: relative;
/* display: block; */
/* padding: 10px; */
}
.dis{
  display:flex;
}
.product-main-img {
width: auto;
height: 115px;
max-width: 100% !important;
object-fit: contain;
}
.header_search {
display: flex;
align-items: center;
position: relative;
}

.header_search_input {
width: 25rem !important;
font-size: 20px;
}
.searchi {
z-index: 1;
/* position: fixed; */
top: -1px;
left: 0;
/* width: 40px; */
height: 15px;
background-color: #ccc0;
border: none;
outline: none;
cursor: pointer;
font-size: 21px;
display: flex;
/* justify-content: center; */
z-index: 99999999;
/* z-index: 1000; */
}
button:focus {
outline: none !important;
outline: none !important;
}
.header_search_input2 {
display: none;
position: fixed;
top: 38px;
padding: 24px;
left: 0;
width: 100%;
max-height: 100%;
/* overflow-y: auto; */
box-sizing: border-box;
/* padding: 67px; */
background: white;
z-index: 1000;
text-align: left;
transition: top 3s ease;
}



.search-content {
display: flex;
align-items: center;
height: 0%;
}
.search-logo {
  height: 194px;
  width: 14rem;
  max-width: 100%;
}
.recent-searches {
margin-top: 115px;
/* overflow: auto; */
max-height: calc(100vh - 115px); /* Set maximum height to 100% of viewport height minus margin-top */
margin-right: 68rem; /* Adjust margin-right as needed */
}

.nwli {
  margin-top: -22px;
}
.header_search_input2 {
flex: 1; /* Allows the input field to grow and take up available space */
margin-right: 10px; /* Adjust spacing as needed */
}

.searchi {
/* background-color: #fff; */
border: none;
cursor: pointer;
}

.dfd-fullscreen .dfd-initial-content, .dfd-fullscreen .dfd-fallback-content, .dfd-fullscreen .dfd-content {

}
.dfd-fullscreen .dfd-initial-content {

}
.recent-searches ul {
list-style-type: none;
padding: 10px;
}
.dfd-fullscreen .dfd-layer {
position: relative;
display: grid;
grid-template-rows: min-content min-content 1fr min-content min-content;
grid-template-columns: 1fr;
grid-template-areas: "dfd-header" "dfd-before-content" "dfd-content" "dfd-after-content" "dfd-footer";
grid-gap: var(--dfd-fullscreen-gap-y) var(--dfd-fullscreen-gap-x);
gap: var(--dfd-fullscreen-gap-y) var(--dfd-fullscreen-gap-x);
width: 100%;
padding: 0;
margin: 0;
background-color: var(--df-neutral-background, hsl(204, 2%, 100%));
transition: max-height var(--df-layer-animation-duration) cubic-bezier(0.25, 0.46, 0.45, 0.94),padding var(--df-layer-animation-duration) cubic-bezier(0.25, 0.46, 0.45, 0.94);
max-height: 0;
overflow: hidden;
}

/* .recent-searches li {
padding: 10px;
} */
#messageDiv {
    text-align: center;
    position: relative;
    margin-left: -116rem;
    font-size: x-large;
    color: red;
    top: 5rem;
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-clip: padding-box;
border: none !important;
border-bottom: 1px solid #04495E !important;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.header_search_input2 input {
  flex: 1;
  padding: 4px;
  border: none;
  height: auto;
  outline: none;
  font-size: auto;
  background: rgba(240, 248, 255, 0);
  border-bottom: 2px solid #04495E;
  transition: border-bottom 0.3s;
  box-sizing: border-box;
  width: 100%;
  margin-top: 6px;
  margin-left: 12px;
  max-width: none;

}

.hide {
display: none !important;
}

.header_search_submit, .header_search_close {
cursor: pointer;
background: none;
border: none;
font-size: 18px;
margin-left: 11rem;
transition: top 2s ease; /* Transition for smooth movement */
margin-top: -31px;
}

.header_search_close {
display: none;
position: static;
/* top: 0; */
/* right: 51px; */
font-size: 36px;
z-index: 1001;
margin-left: 2px;
margin-top: 2px;
}
.header_search.show .header_search_input2 {
/* display: block; */
}

.header_search.show .header_search_close {
display: block;
}

.header_search.show .header_search_submit {
display: none;
}
.header_search_input2.show, .header_search_submit.show {
top: 0; /* Show when 'show' class is added */
display: block; /* Show when 'show' class is added */
}
.dfd-layer {
width: 150%;
}
.desktop{

    display: flex;
}
.product2{
height: 347px;
}