.empty_button { display:block; }
.empty_button_none { display:none; }
    
    .checkout_button { display:block; }
    .checkout_button_none { display:none; }
    
    
    
    #banner-slider { width:100%;height:616px; }
    
    header.header-nav.menu_style_home_one.menu_home5_style {
    background-color: #041041;
    color:#fff;
}

#cart-count { color:#fff !important; }

#cart-count { color:#fff !important; }


.sub-menu li a { color:#000 !important; }

.visible_list ul  { background:#041041 !important; }
.visible_list ul li { background:#041041 !important; }

header.header-nav.menu_style_home_one.home4_style .ace-responsive-menu li a, header.header-nav.menu_style_home_one.menu_home5_style .ace-responsive-menu li a {
    color: #ffffff !important;
    
}

header.header-nav.menu_style_home_one.home4_style .ace-responsive-menu li a, header.header-nav.menu_style_home_one.menu_home5_style .ace-responsive-menu li a :hover{
    color: #ff4e02 !important;
    
}


@media screen and (max-width:500px)
   {
       
   #banner-slider {width:100%; height:250px; } 
  
   }




input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  margin: 0.5rem;
  position: relative;
}

.number-input button:after {
  display: inline-block;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f077";
  transform: translate(-50%, -50%) rotate(180deg);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.number-input input[type="number"] {
  font-family: sans-serif;
  max-width: 3rem;
  padding: 0.3rem;
  border: solid #ddd;
  border-width: 0 2px;
  font-size: 1rem;
  height: 2rem;
  font-weight: bold;
  text-align: center;
}


.otpnum {
    --w: 1ch;
    --g: .15em;
    --b: 3px;
    --n: 6;
    --c: #888;
    font-size: 45px;
    line-height: 0.5;
    letter-spacing: var(--w);
    font-family: monospace;
    width: calc(var(--n)*(1ch + var(--w)));
    padding-left: calc((var(--w) - var(--g)) / 2);
    clip-path: inset(0 calc(var(--w) / 2) 0 0);
    background: repeating-linear-gradient(90deg, var(--c) 0 var(--b), #0000 0 calc(1ch + var(--w) - var(--g) - var(--b)), var(--c) 0 calc(1ch + var(--w) - var(--g)), #0000 0 2ch), conic-gradient(at calc(100% - var(--g) - 1px) var(--b), #0000 75%, var(--c) 0) 0 0 / calc(1ch + var(--w)) calc(100% - var(--b));
    border: none;
    outline: 0;
    box-sizing: content-box;
}

.mpinnum {
    --w: 1ch;
    --g: .15em;
    --b: 3px;
    --n: 4;
    --c: #888;
    font-size: 45px;
    line-height: 0.5;
    letter-spacing: var(--w);
    font-family: monospace;
    width: calc(var(--n)*(1ch + var(--w)));
    padding-left: calc((var(--w) - var(--g)) / 2);
    clip-path: inset(0 calc(var(--w) / 2) 0 0);
    background: repeating-linear-gradient(90deg, var(--c) 0 var(--b), #0000 0 calc(1ch + var(--w) - var(--g) - var(--b)), var(--c) 0 calc(1ch + var(--w) - var(--g)), #0000 0 2ch), conic-gradient(at calc(100% - var(--g) - 1px) var(--b), #0000 75%, var(--c) 0) 0 0 / calc(1ch + var(--w)) calc(100% - var(--b));
    border: none;
    outline: 0;
    box-sizing: content-box;
}