*{margin: 0;padding: 0;}
html,body {   scroll-behavior: smooth; font-size: 14px;   font-family: 'Sailec';  background:#FFFCF1;  color: #000;  font-weight: 300;  letter-spacing:0.5px;}
ul{margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;}
a, .btn, a:focus, a.active, a:hover, input, button{outline:0!important; box-shadow:inherit!important;}
@media (max-width:990px) {.container {max-width:100%;}}
@media (max-width:1200px) {.container {max-width:96%;}}
@media (min-width:1300px) {.container {max-width:1220px;}} 
@media (min-width:1440px) {.container {max-width:1340px;}} 
@media (min-width:1650px) {.container {max-width:1535px;}} 


.logo img {width:84px; height:62px; object-fit: contain;}
.headerWrapper{background: #000!important;}
.topHeader{position:relative}
.topHeader p{margin:0}
.topHeader .item{flex-wrap: wrap;color:#fff;display:flex;padding:8px 0;justify-content:center}
.topHeader .closeTop{position:absolute;top:6px;right:30px;color:#fff}
.homeHeaderBg .headerWrapper{background:inherit!important;z-index:99; position: absolute;width:100%; left:0; top:0;}
.homeHeader{position:relative;width:100%;background:inherit!Important}
.headerBox {display:flex;flex-wrap:wrap;gap:30px;padding:9px 0;align-items: center;}
.homeHeader .headerBox {justify-content: space-between;}
.mainNav li a{color:#FFF;font-size:12px;transition: all 1s ease-in-out;text-transform:uppercase;text-decoration: none; position: relative;transition: all 1s ease-in-out;}
.mainNav li a::after{content:"";width:100%;height:2px;position:absolute;left:0;bottom:-10px;background:#fff;opacity:0}
.mainNav li:hover a::after{content:"";background:#fff;opacity:1}
.headerTopListes{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 0;gap: 15px;}
.homeHeader.userHeader  .headerBox {justify-content: start;gap:35px;}
.homeHeader.userHeader .logo  {border-right: 1px solid #4C645C;padding-right:34px;}
.homeHeader.userHeader .loginWraps a.dropdown-toggle{border:1px solid #9A9A9A;border-radius:3px;  height: 44px;display:flex;padding:8px 12px;gap:10px;text-decoration:none}
.homeHeader.userHeader .loginWraps a img{width:20px;object-fit: contain;}
.homeHeader.userHeader .loginWraps a i{font-size:18px;color:#8E8E8E;position:relative;top:2px}
.cartIcon{border:1px solid #9A9A9A; height:44px;border-radius:3px;padding:10px 10px;color:#fff!important;display:flex;align-items:center;text-decoration:none!important;gap:7px}
.cartIcon:hover, .loginWraps:hover {  background: #5a6268; border-color:#5a6268; color::#fff;}
.homeHeader.userHeader .loginWraps .dropdown-menu{box-shadow:-10px 3px 16px #00000012;border:1px solid #DDD8D8!important;border-radius:3px;padding:0;width:250px;left:inherit!important;right:0;padding:21px}
.currencyBoxes{border:1px solid #9A9A9A;border-radius:3px;padding:0 12px;height:44px;background:inherit;color:#fff}
.currencyBx .dropdown-menu{box-shadow:-10px 3px 16px #00000012;border:1px solid #DDD8D8;border-radius:3px;width:305px;right:0;left:inherit!important;transform:inherit!important;top:44px!important;padding:15px 15px 0}
.currencyBx .dropdown-menu button img{width:55px}
.currencyBx .dropdown-menu button p{color:#000;font-size:14px;line-height:20px;font-weight:400;letter-spacing:.84px;text-align:left}
.currencyBx .dropdown-menu button p span{color:#284162;font-size:11px;float:left;width:100%}
.currencyBx .dropdown-menu .lngBox button{width:100%;padding:0;background:inherit;border:none;display:flex;gap:20px}
.loginWraps .dropdown-menu li img{width:25px!important;margin-right:6px}
.loginWraps .dropdown-menu li a{color:#284162;font-size:14px;text-decoration:none;line-height:20px;letter-spacing:.84px}
.loginWraps .dropdown-menu li{margin:0 0 10px}
.homeHeader.userHeader .dropdown-toggle::after {display: none;}

footer{padding:30px 0 0;background:#252c36;clear:both}
a{transition:all .3s ease-in-out 0s}
.scrollup{background:#fff;border-radius:20px;bottom:125px;color:#000;display:none;font-size:24px;height:32px;line-height:30px;opacity:.8;padding:0;position:fixed;right:25px;text-align:center;width:32px;z-index:10000;transition:all 0.8s linear;border:1px solid #888}
footer .list-group{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:22px}  
footer ul li{list-style-type:none;font-size:14px;font-weight:400;letter-spacing:1px;padding:3px 0}
footer ul li a{color:#fff;text-decoration:none;font-size:18px;display:block;margin-bottom:10px;text-decoration:none!important;font-weight:300}
.ftpSocial li a{color:#000;background:#fff;width:50px;height:50px;border-radius:100%;text-align:center;line-height:49px;font-size:20px;display:block;margin-right:20px}
.copyRightText{padding:0 0 20px;font-size:14px;color:#fff}





@media only screen and (min-width: 993px) 
{
.mainNav{display:flex;gap:20px}    
    
}

@media only screen and (max-width:1280px) 
{
.homeHeader.userHeader .logo{padding-right:20px}
.homeHeader.userHeader .headerBox{gap:20px}
.mainNav{gap:16px}
.headerTopListes{gap:6px}
    
}


@media only screen and (max-width:1150px) 
{
 .currencyBoxes {
  padding: 0 8px;
  height: 35px;
}

  .cartIcon {
  height: 35px;}
   .homeHeader.userHeader .logo {
    padding-right: 10px;
  }
  
    .homeHeader.userHeader .headerBox {
    gap: 10px;
  }
  
  .smhide {
  display: none;
}
.homeHeader.userHeader .loginWraps a.dropdown-toggle {  
  height: 35px!important;
}
    
}

@media only screen and (max-width:1150px) 
{
.cartIcon {
  padding: 10px 8px;
  gap: 7px;
  font-size: 12px;
}
.cartIcon img{
  width: 18px;
}

#dropdownMenuButton {
  font-size: 12px;
  font-weight: 300;
}
.homeHeader.userHeader .loginWraps a.dropdown-toggle {
   height: 44px;
   padding: 8px 4px;
  gap: 3px;
 }


  
}



@media only screen and (max-width: 992px) 
{
header nav{margin:0;padding:0;width:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgb(0 0 0 / .4);overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:-1}
header nav.showMainNav{visibility:visible;opacity:1;z-index:99999}
header nav .navication{padding:0;margin:0;width:300px;height:100vh;background-color:#000;left:-300px;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
nav.showMainNav .navication{left:0;visibility:visible;opacity:1}
header .navHeader{border-bottom:solid 1px #fff;margin:0 0 10px;padding:2px 0 10px}
header .navHeader img{width:100px;margin:0 auto 0;display:table;padding:7px 0 0}
header .headerLeft{width:100%;text-align:center}
.headerBox{gap:0}.logo img{width:100px;height:70px;object-fit:contain}
.headerTopListes{margin:0 0 4px}
header .headerRight{margin:0 0 4px;width:100%;border-bottom:solid 1px #ffffff1f}
.headerTopListes{justify-content:space-between}
.headerTopListes .btnNavToggle img{width:30px}
.headerTopListes li a{color:#fff}
.btnNavToggles{position:absolute;right:-20px;color:#fff;top:20px}
.mainNav li{padding:10px 10px;border-bottom:solid 1px #b3b3b3}
footer .list-group {gap: 0;flex-wrap: wrap;}
footer ul li a{margin-bottom:0;padding:0 5px}

 .currencyBx  {
  margin-left: auto;
}
.homeHeader.userHeader .loginWraps .dropdown-menu {
    padding: 21px;
    padding-bottom: 21px;
  transform: inherit !important;
  top: 36px !important;
}

 .homeHeader.userHeader .logo {
    padding-right: 0;
    border: none;
  }
  
  


}



@media only screen and (max-width:600px)
{
.homeHeaderBg .headerWrapper {
  background: #000 !important;  
  position: relative;  
}
   
.currencyBx .dropdown-menu {
  width: 285px;
  right: inherit !important;
  left: 0 !important;
  top: 44px !important;
}
.currencyBx .dropdown-menu button img {
  width: 45px;
}

.currencyBx .dropdown-menu .lngBox button {   
  gap: 10px;
} 


}