body { font-family: sans-serif; font-size: 13px !important; color: #65666a !important;}
body::after, .page-wrapper::after {height: 0px;}






.page-header{ position: relative; float: left; background:#1e1e1e;}
.headTop{ width: 100%; display: inline-block;}
.ingogreb{ width: auto; display: inline-block;}
.ingogreb li{ display: inline-block; font-size: 14px;line-height: 19px;font-weight: 400;letter-spacing: 0.5px;   font-family: "DIN",sans-serif; color: rgba(255,255,255,0.8); margin-left: 14px; padding: 11px 0;}
.headTop{ width: 100%; display: inline-block}
.mainfooter{ width: 100%; background: #1e1e1e;padding-bottom: 15px;}
.logo {
  width: 226px;
  display: inline-block;
  float: left;
  padding: 16px;
}
.navbar { border-style: solid;
border-width: 2px 0px 2px 2px;
border-color: #F1C761;}

.icon1a{ display: inline-block; margin-right: 3px;}
.icon1a img{ width: 14px;}
.icon2a{ display: inline-block; margin-right: 3px;}
.icon2a img{ width: 20px;}

.icon3a{ display: inline-block; margin-right: 3px;}
.icon3a img{ width: 14px;}
.icon4a{ display: inline-block; margin-right: 3px;}
.icon4a img{ width: 14px;}
.ingogreb.pull-right{ text-align: right;}

.btmTxt{padding: 20px 0px 0px 0px;}
.btmTxt a:hover{ color: #fff;}
.btmTxt a{ color: #828282;}

.ingogreb li:hover a{ color: #F1C761;}
.ingogreb li a{color: rgba(255,255,255,0.8);}
.ingogreb li:hover a img{ filter:brightness(0) invert(1);}

.headrlFt{ width: auto; float: left;}



.headrlFt ul li{ display: inline-block; position: relative; padding: 6px 0;}
.headrlFt ul li a{ display: inline-block; padding: 10px; color: #bebdbd;font-size: 16px;}
.screen-reader-text{ position: absolute; background: #000; padding:3px 10px 7px; border-radius: 4px; color: #bebdbd; top: 100%; font-size: 12px; z-index: 11; left: 50%; opacity: 0; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
.screen-reader-text:before{ border: 7px solid transparent; border-bottom: 7px solid #000; position: absolute; top: -12px;left: 50%; content:""; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
.headrlFt ul li:hover .screen-reader-text{ opacity: 1;}

.headrRt{ width: auto; float: right;}
.headrRt ul li{ display: inline-block; position: relative; color: #fff;font-size: 13px; line-height: 43px;}
.headrRt ul li:before{content: "|"; padding:0 6px 0 4px;}
.headrRt ul li:first-child:before{ display: none;}

.navbar-nav .nav-item:first-child:after{ display: none;}
.mini-cart button.dropdown-toggle .cart-counter{ color: #fff;}



.logo{ width: 260px; display: inline-block; float: left; padding: 10px 15px;}
.logo img{ max-width: 100%;}
.headersos{ width: auto; float: right;}
.headersos li{ display: inline-block;}
.headersos li a{ color: #71fa4d; display: inline-block; width: 31px; height: 51px; text-align: center; line-height: 51px;}
.headersos li a img{width: 20px;}
.headersos li a:hover {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.headtopInn{ width: 100%; display: inline-block;}
.headertagLine{ color: #fff; width: auto; position: absolute; top: 0px; left: 50%;-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); padding: 17px 0;}
.headertagLine p{ margin: 0px;}
.ingogreb {
  width: auto;
  display: inline-block;
  width: 49%;
}
.ingogreb.pull-right{ text-align: right;}
.navbar-nav li a {
  font-family: 'DINCond';
  font-weight: 600 !important;
  letter-spacing: 1.8px;color: rgba(255,255,255,0.8) !important; font-size: 19px !important;
}
.nav-item{ position: relative;}
.navbar-collapse {
  margin-left: 116px;
}
.nav-item::after {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #4D4D4D;;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: calc(50% - 2px); display: block;
}
.navbar-collapse .navbar-nav .nav-item .nav-link{  padding: 1.4em !important;}
.navbar-collapse .navbar-nav .nav-item .nav-link:hover, .navbar-collapse .navbar-nav .nav-item.actv .nav-link{ color: #F1C761 !important;}
.navbar-collapse .navbar-nav .nav-item .nav-link:first-child:after{ display: none;}
.loinbtn{ width: 40px; height: 40px; text-align: center;}
.headrt {
  position: absolute;
  top: 0px;
  right: 19px;width: 100px;
display: flex;}

.loinbtn a {
  width: 40px;
  height: 40px;
  display: inline-block; background: #fff; border-radius: 100%; text-align: center; line-height: 40px; color: #000;
}
.mini-cart a{ color: #000;}
.hedcart{ display: inline-block;display: flex;}
.headrt{width: auto;}


.headtop{ float: left;}
.containerbox{ width: 100%; float: left; background: #fff;}

.container {
    padding: 0 15px;
    max-width: 100% !important;
}
.headTop{ padding: 5px 6px;}
/*menu*/
.mainheader{ width: 100%;}
.navbar-brand{ padding: 0.7rem 1rem;}

.ingogreb.pull-right{ text-align: right;}
.ingogreb li a:hover img{ filter:brightness(0) invert(1);}
.ingogreb li a:hover{ color: #F1C761 !important;}


.nav-item.dropdown{ position: relative;}
.nav-item.dropdown .dropdown-menu a{ border-bottom: 1px solid #ccc; font-size: 12px !important; padding: 10px !important;line-height: 15px !important;display: inline-block;
width: 100%;}
.nav-item.dropdown .dropdown-menu{ padding: 0px !important; margin: 0px }
.nav-item.dropdown .dropdown-menu a:last-child{ border: none;}
.nav-item.dropdown .dropdown-menu a:hover{color: #1068a5 !important;background: #CCC !important;}


.mini-cart .dropdown-menu{left: inherit;right: 0px;}





.mini-cart button.dropdown-toggle .cart-counter{ padding: 0px !important;}




.page-header{ min-height: auto;}
.navbar-nav {
    flex-wrap: wrap;
    justify-content: end;
    width: 100%;
    text-align: end;
}
.nav-item{ position: relative;}





ul.justify-content-start .nav-item:last-child:before{ display: none;}
.join-btn {
  color: #6c6c6c !important;
}



.dropdown-toggle {
  position: absolute;
  top: 13px;
  right: 9px;
}
.dropdown-toggle::after {border-top: 5px solid;
border-right: 5px solid transparent;
border-bottom: 0;
border-left: 5px solid transparent;}
.mainheader .nav-item.dropdown a{ padding-right: 12px !important;}
.mainheader .nav-item{ padding:0;}
.mainheader li .dropdown-wrap{display: flex;}
.mainheader li .dropdown-wrap a{display: flex;}

.mainheader li.nav-dropdown:hover .dropdown-toggle{ color: #fff !important;}
.navbar-nav{ margin-right: 31px;}






.navbar{ padding: 0px;}
.nav-item.dropdown .dropdown-menu{ border: 1px solid #cacaca; min-width: 250px;}
.dropdown-menu{ margin: 0px; padding: 8px 0;}

.navbar-collapse {
    margin-left: 0;
}

.adminbtn {
    padding: 6px 8px;
    color: #fff !important;
    padding: 6px 8px !important;height: 48px;
    font-size: 18px;
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-family: 'Anton', sans-serif;
    font-weight: 500;
    line-height: 39px;
    border-radius: 4px;
    letter-spacing: 0.035rem;
    text-transform: uppercase;display: inline-block;
}









.mini-cart button.dropdown-toggle{ width: auto !important; height: auto !important; background: none !important; border: none !important; border-radius:0px !important; box-shadow: none !important;margin: 0px !important; padding: 0px !important;}
.mini-cart button.dropdown-toggle .cart-counter {
    position: absolute;
    top: inherit;
    left: inherit;
    padding: inherit;
    line-height: 1;
    font-size: 13px;
    border-radius: inherit;font-family: 'Open Sans', sans-serif;
}
.mini-cart button.dropdown-toggle .cart-counter {
    background: none !important;
    color: #a6a8ac !important;
}
.navbar-expand-lg .navbar-nav .nav-link.join-btn {
  color: #6c6c6c !important;
}
.mini-cart button.dropdown-toggle:active{ background: none !important;}
.mini-cart button.dropdown-toggle:active .cart-counter{ background: none !important;}
.adminbtn{ top: 1px !important; right: inherit !important;}
.mini-cart .dropdown-menu {
  z-index: 11111111111;
  left: inherit;
  right: 0px;
}



/*common css*/

.page-body .page-title-bar .page-bar-title::after{ left:25px !important;}

.page-body .page-title-bar .page-bar-title::after{ display: none;}
.page-body .page-title-bar .page-bar-title b{ position: relative;}
.page-body .page-title-bar .page-bar-title b:after{
    content: '';
    display: block;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #fff;
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -22px;
    left: 50%;-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.add-to-cart{ color: #fff !important; padding: 10px 21px 10px !important; background: #F1C761 !important;}
.add-to-cart:hover{ background: #000 !important;}
.page-body .page-title-bar { background-color: #eae8e8 !important; background-size: cover; background-position: top center; color: #000;  margin-top:0px; }
.page-body .page-title-bar .page-bar-title b { font-weight: normal;}




.d-desknone{ display: none;}



.overlay.shows{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
    position: fixed;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;-webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
}



.empty-cart-info{ color: #142c5d !important;}


.fotlogo{ display: inline-block;}
.fotlogo img{ max-width: 100%;}
.footbotm p{ font-size: 14px; color: #0a0a0a;line-height: 25px;}
.footbotm p a{ color: #1779ba !important;}
.socail-links a{ display: inline-block;margin-right: 11px;}
.socail-links a img{ max-width: 100%;}
.socail-links{ width: 100%; margin-top: 20px;}

.containerbox{ width: 100%; background: #fff;}
.menuSrch{ width: 200px; position: absolute; top: 7px; right: 0px; background: #5c5c5c;}
.menuSrch input[type="text"]{ width: 100%; height: 30px; border: none; padding: 0 10px; color:#71fa4d;padding: 0 30px 0 10px;font-size: 15px; background: none;}
.menuSrch input[type="text"]::placeholder{ color:#71fa4d; opacity: 1 !important;}
.menuSrch input[type="submit"]{
  position: absolute;
  right: 0;
  top: 0px;
  background: none;
  border: none;
  cursor: pointer; background: url(../images/search.svg) no-repeat center center; background-size: 13px; font-size: 0px; width: 30px; height: 30px;
}
.rtmenu{ padding-right: 264px;}
.logoD{ display: none;}


.close-mini-cart {
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}
/*.mini-cart .dropdown-menu::before, .mini-cart .dropdown-menu::after{ left: 50%; right: inherit !important;-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}*/

.navbar-nav .dropdown-menu{ background: #fff; width: auto !important; border-radius: 0px !important; border: none !important; padding: 0px !important;}









.headrRt ul li{ line-height: inherit;}
.headrRt ul li a{ color: #fff;}
.hedcart{ width: 41px;}
.hedcart button.btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  font-size: 13px !important;
  line-height: 20px !important;
  text-align: center !important;
  top: -5px !important;
  left: inherit !important;
}
.hedcart div{ width: 100% !important;}
.hedcart:before{ position: relative; top: 14px;}

.backTops{right: 75px; background: #464646; position: fixed; bottom: 0px;height: 35px;width: 48px; text-align: center; color: #fff;z-index: 100000; line-height: 35px; font-size: 20px; color: #fff !important; border-radius: 5px 5px 0 0; display: none;}

.backTops{ border: none;}

button[data-back-top].visible {
  display: block;
}




.foottop{ width: 100%;}
.foottop{ width: 100%; padding: 50px 0;  background: #F1C761;}
.footBox{ width: 100%; padding: 10px;}
.footBox h4{ font-family: "League Gothic", Sans-serif;
font-size: 32px;
font-weight: 400;
letter-spacing: 1.7px; color: #fff; padding-bottom: 20px; margin: 0px !important;}
.footBox p{ margin: 0 0 1.5rem; font-family: "Roboto";
font-size: 17px;
font-weight: 400;
line-height: 1.3em;
letter-spacing: 1.3px; color: #fff;}
.morlrn{ font-family: "Roboto";
font-size: 17px;
font-weight: 700;
line-height: 1.3em;
letter-spacing: 1.3px; text-transform: uppercase; color: #fff !important;}
.footBox li{ font-family: "Roboto"; font-size: 16px;
font-weight: 400;
line-height: 1.3em; margin-bottom: 3px;}
.footBox li a{ color: #fff; width: 100%; display: inline-block; padding:2px 0;}
.footBox p a{ color: #fff !important;}
.noletter p{ letter-spacing: 0px;}

.footbotm{ width: 100%; text-align: center; padding: 10px 0;}
.footbotm p, .footbotm ul li{ color: #000; font-family: "Roboto"; font-size: 16px; margin: 0px !important;}
.footbotm p a, .powered-by a{ color: #F1C761; font-weight: 600;}
.powered-by{ color: #828282 !important;}
.footbotm ul li a{ color: #828282;}







.headrt li {
  display: inline-block;
  width: 36px;
  height: 22px;
  text-align: center; position: relative;
}
.headrt li a{ display: inline-block; font-size: 25px; color: #fff;}
.adminbtn:hover a, .loinbtn:hover a{ color: #C0C0C0;}




.headrt{width: auto;}
.mini-cart button.dropdown-toggle .cart-counter {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16px;
  height: 17px;
  background: #000 !important;
  border-radius: 100%;
  font-size: 9px;
  line-height: 17px;
  text-align: center;
  color: #fff !important;
}
/*.logo:hover{  transform: scale(1.1);}*/



.page-footer{ width: 100%; float: left;}
.mini-cart-item-list .mini-cart-item{ width: 100%;
height: auto;
text-align: left;}
.header-action a.btn.btn-danger:hover{ transform: inherit !important;}




/*1.10.2022*/

.navbar-nav {
  margin-right: 214px;
}
/*.logo{width: 225px;}*/


.mainheader .nav-item:hover .dropdown-menu li a:hover{ background: #969689 !important; color: #fff !important;}
.mainheader .nav-item .dropdown-menu li a{ padding:13px 20px !important;width: 100%; font-size: 20px !important;}
.mainheader .nav-item .dropdown-menu li a{ font-family: "League Gothic" !important;border-left: 8px solid transparent;}
.mainheader .nav-item:hover .nav-link{ color: #C0C0C0 !important; }
.dropdown-toggle::after {
  font-family: FontAwesome !important;
  content: "\f107";
  border: none !important;
  font-size: 22px;
  margin-left: .2em; border: none;font-weight: 700;
}

.mainheader .nav-item:hover .nav-link .dropdown-toggle{color: #C0C0C0 !important; }






















.page-footer{ width: 100%; padding: 100px 0; background:#1e1e1e !important; float:left;}
.page-footerIn .col-md-4{ border: 1px solid #555151;}
.page-footerIn{ padding: 7px 10px; text-align: center; width: 100%;}
.page-footerIn  li{ font-family: "DIN",sans-serif; letter-spacing: 0.7px; color: #828282; font-size: 15px; line-height: 29px;}



.navbar-nav .dropdown-menu{ background: #F1C761 !important;}
.mainheader .nav-item:hover .dropdown-menu li a{ color: #fff !important; }
.foottopInn li{ justify-content: center; align-items: center;padding: 10px !important; display: flex;}
.foottopInn li:last-child img{ width: 71%;}
.foottopInn li:first-child img{ width: 84%;}
.foottopInn li:nth-child(3) img{ width: 90%;}
.foottopInn li:nth-child(4) img{ width: 88%;}
.foottop{ padding-bottom: 50px;}



.page-footerIn .container{ max-width: 954px !important;}
.Boxs i img{ width: 14px;}
.page-footerIn li a{ color: #828282;}
.page-footerIn .col-md-4 {
  border: 1px solid #555151;
  justify-content: center;
  align-items: center;
  display: flex;
}
.page-footerIn li a:hover{ filter:brightness(0) invert(1);}
.sanlogo img{ max-width: 100%;}
.page-footerIn p{color: #828282;text-align: center; letter-spacing: 0.7px;}
.page-footerIn p a{ color: #fff !important;} 
.Boxs { padding: 10px 0;}

.loinbtn a{ color: #000 !important; font-size: 14px !important; width: 30px; height: 30px; line-height: 30px;}
#cartDropDown a{ width: 30px; height: 30px; color: #000 !important;  font-size: 14px !important; line-height: 30px; background: #fff; border-radius: 100%;}
.hedcart button.btn{ top: 1px !important;}
.headrt {
  position: absolute;
  top: 49px;
  right: 0;
  display: flex;
}




.headrdSech{ display: none; max-width: 280px; margin: 30px auto 0px; position: relative;}
.headrdSech input[type="text"]{ border: 2px solid #B7B4AC; color: #fff; background-color: #2A2A2A;width: 100%;
padding: 1.5em 3em 1.5em 1.5em !important;height: 71px; font-size: 15px; font-weight: 700;}
.headrdSech input[type="submit"] {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  font-size: 0.8667em;
  padding: 0;
  background: url(../images/srch.png) no-repeat center center;
    background-size: auto;
  background-size: 13px;
  height: 71px;
  border: none !important;
  font-size: 0px;
  height: 71px;
  width: 63px;
}
.headrdSech input[type="submit"]:hover{ background-color: #f1c761 !important;}
.headrdSech input[type="text"]::placeholder{ opacity: 1; color: #fff !important; text-transform: uppercase !important;}
.page-body .page-title-bar .page-bar-title{ position: relative;}


















@media (min-width: 1300px) and (max-width: 9000px) {


.navbar-nav{justify-content: center !important;}
}
@media(min-width:992px){


.navbar-collapse .navbar-nav .nav-dropdown:hover > .dropdown-menu { display: block; }
.navbar-toggler { display: none; }
  
.navbar-collapse .navbar-nav .subsub-nav-item .dropdown-menu{ right: -250px !important;
left: inherit ;
top: 0px;}  
.navbar-collapse .navbar-nav .subsub-nav-item:hover .dropdown-menu {
    display: block !important;
}  

.navbar-nav > .nav-item:hover > .dropdown-wrap, .nav-dropdown.open-dropdown > .dropdown-wrap {color: #EC1B23 !important;}
.fusion-switched-side{ left: inherit; right: 0px;}
  
  
  
}


@media(min-width:992px){
  /*.nav-item.dropdown .dropdown-menu { display: none !important; }*/
 .nav-item.dropdown .dropdown-menu{ /*display: block !important;*/ opacity: 0;text-shadow: none;
/*transform: scaleY(0);
transform-origin: top;*/transition: .24s;}
  .nav-item.dropdown:hover .dropdown-menu { display: block !important; opacity: 1;
transform: initial;}








}







@media(max-width:1249px) and (min-width:1200px) {
  .navbar-collapse .navbar-nav .nav-item .nav-link { font-size: 20px; }
  
.menuSrch {
  width: 168px;}  
.rtmenu {
  padding-right: 236px;
}
.header-action{right: 175px;}  
  
}

@media(max-width:1199px) and (min-width:992px) {
  .page-header .header-top .navbrand { max-width: 80px;}
  .navbar-collapse .navbar-nav .nav-item .dropdown-wrap { font-size: 17px;}
  .page-header { min-height: 87px;}
  
.header-main .nav-item:first-child{margin-left: 54px;}

.menuSrch {
  width: 125px;
}
.menuSrch input[type="text"] {font-size: 13px;}
.rtmenu {
  padding-right: 183px;
}
.header-action {padding: 0; right: 124px;}
  
  

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












}
@media screen and (max-width:991px){
  .page-header .header-top .navbar > .navbrand { display: block; margin: 0 auto;}
  .dropdown-toggle::after { margin-left: auto; }
  .page-header .header-top .navbrand {width: auto;}
  .navbar-toggler { margin-left: 0; margin-right:15px;}
  .page-header .header-top .navbrand a img { max-height: 45px; }
  /*.navbar-collapse {  overflow: auto; position: fixed; top:0px; bottom: 0; width: 250px; height: 100%; overflow: auto; background: #5c5c5c;border: none;
text-align: left !important; left: -250px;-webkit-transition: all 0.3s ease;width: 0;
       -moz-transition: all 0.3s ease;
            transition: all 0.3s ease; display: block !important;transition: 0.5s;}
.navbar-collapse.show{ left: 0px; width: 250px;}*/




.nav-item::before{ display: none !important;}
  .navbar-nav li.nav-item { border-bottom: 1px solid rgba(0,0,0,.03); }
  .nav-item.dropdown .dropdown-menu { background-color: transparent !important;}
  .nav-item.dropdown .dropdown-menu .dropdown-item { color: #fff; text-align: left;     padding: 11px 35px 7px;}
  .navbar-collapse .navbar-nav .nav-item { padding-bottom: 0px !important;}
  .navbar-collapse .navbar-nav .nav-item.show .dropdown-menu {display: block;}
  .page-header { min-height: 92px;}
  .page-header .header-top nav.navbar { padding-top: 5px; padding-bottom: 5px; }
  .page-header .header-top .navbar-collapse .navbrand { display: none; }
  .navbar-collapse .navbar-nav { justify-content: normal; width: 100%; align-items: normal; padding: 0px; }

.navbar-nav li.nav-item{ margin: 0px !important; border: none;}
.navbar-nav a{ padding: 8px 22px !important; font-size: 16px;}
.nav-item{ padding: 5px 0 !important;}


.navbar-toggler{ margin: 33px 6px; background: none; border: none; width: 35px; font-size: 0px; line-height: 0px;border-radius: 2px;border-radius: 5px;
padding:8px 6px;}
.navbar-toggler span {
    display: inline-block;
    width: 100%;
    height:3px;
    background-color:#fff;
    line-height: 0px;
    margin: 2px 0;
    border-radius: 0px;
}

.page-header .header-top .navbar > .navbrand{ padding: 12px 0; width: 155px;}
.navbar-light .navbar-toggler{ float: right;}

.page-header .header-top nav.navbar{ padding: 0px;}
.navbar-nav{ display: inline-block;}
.navbar-collapse{ text-align: center;}
.page-header .container{ max-width: 100%;}
.page-header .header-top .navbar > .navbrand{ margin: 0px; float: left;}
.header-top .navbar {
    justify-content: center;
    padding: 0px !important;
    display: inline-block;
}

.page-header .header-top .navbrand a {
    display: block;
    width: 104px;
}

.navbrand{ width: inherit !important;}



.page-header{ border: none;}

.dropdown-toggle{ top: 21px;
right: 15px;}

.page-header::before {display: none;}




.containerbox{ background: none;}
.menuSrch{ display: none;}

.page-header {
  min-height: auto;
}


.navbar-collapse .navbar-nav .nav-item{ text-align: left;}




.header-action{ padding: 0px !important;}
.mini-cart button.dropdown-toggle{ text-align: center !important;}
.nav-item {
  padding: 0 !important;
}
.closebtn {
  position: absolute;
  top: 0;
  right: 16px;
  font-size: 36px;
  margin-left: 50px;
  display: block;
  color: #fff !important;
  padding: 8px 8px 8px 22px;
  line-height: 25px;
}
.nav-logo {
  width: 200px;
  padding: 20px 20px 10px;
}


.close-mini-cart{ display: inline-block !important;}
.navbar-toggler {
  background-color: none;
}

.mainheader{padding: 1px 0;}
.headrt {
  top: 36px;right: 15px;
}





.navbar-collapse .dropdown-toggle i{ display: none !important;}
.navbar-collapse .nav-dropdown.open-dropdown .dropdown-menu{ display: block !important;}
.navbar-nav .dropdown-menu{ width: 100% !important;}
.navbar-collapse .navbar-nav .nav-item .nav-link{border: none !important;}
body.hide-scroll {
  overflow-y: inherit !important;
}




.headrt {
  position: absolute;
  top: 32px !important;
  right: 15px !important;
}
.headrt li a{font-size: 21px;}
.navbar-collapse{ background: #fff; width: 100%; position: absolute; top: 100%; left: 0px;}
.close.navbar-toggler{ width: 24px; opacity: 1 !important;}	



.navbar-toggler .mline{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .mline:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .mline:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .mline:nth-child(3) { transform: translateY(-8px) rotate(-45deg);} 
.navbar-toggler.showtoggle .mline + .mline{  margin-top:2px;}  


.navbar-toggler.showtoggle span{margin: 3px 0;}
.navbar-collapse{ border: none !important; background: #F1C761;}
.navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 10px 20px !important; width: 100%; display: inline-block;}
.page-header .container{ padding: 0px;}
.navbar-collapse{margin-top: 18px;}
.hedcart button.btn.close-mini-cart {
  width: 30px !important;
  max-width: inherit !important;
  min-width: auto !important;
}

.nav-dropdown .dropdown-toggle {
  top: 5px;
  right: -4px;
  position: relative; line-height: 0px;
}
.mainheader .nav-item:hover .nav-link .dropdown-toggle {
  color: #fff !important;
}
.mainheader .nav-item .dropdown-menu li a{line-height: 20px !important;}
.navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu li{ background: none;}
.navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu li:hover a{ background:#969689 !important; color: #fff !important;}
.navbar-collapse .navbar-nav .nav-item.open-dropdown a{ background:#969689 !important;}
.navbar-collapse .navbar-nav .nav-item.open-dropdown .dropdown-menu li a{ background: none !important;}



.logo{ width: 158px;}
.headrt {
  top: 29px;
}
.navbar-collapse {
  margin-top: 0;
}
.nav-item::after {display: none;}
.navbar-collapse {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0px;
  height: 100%;
  background: #3b3b3b !important;
}
.navbar-collapse .navbar-nav{max-width: 280px;
margin: 40px auto;}


.logo {
  width: 158px;
  position: absolute;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
}

.navbar-toggler{ background: none !important;}


}

@media screen and (max-width:767px){
ul.bottom-nav { text-align: center; padding-bottom: 5px; }
.bottom-nav li { margin-bottom: 8px; }
ul.social-icons { width: 100%; order: 0 !important; margin-bottom: 10px; }
.header-top-bar ul.social-icons { margin-bottom: 0px; }

html.checkout { padding-bottom: 61px;}
.page-header .header-top .container {
  padding: 0 18px;
}


.page-header .header-top .navbar > .navbrand {
    padding: 12px 0;
}
.kklogotxt {
    font-size: 23px;
    padding: 37px 25px;
    display: inline-block;
}

.navbar-nav{ text-align: left;}
.nav-item::before { display: none;}
.navbar-brand{ padding: 10px 0;}
.navbar-brand img{ max-width: 100%;}



.headrlFt, .headrRt{ width: 100%; text-align: center;}
.headrlFt{ border-bottom: 1px solid #7c0006;}

.headtop .container{ padding: 0px;}
.headrRt ul li{ line-height: 35px;}




.hedcart {
  width: 41px;
  line-height: 0px !important;
}
.hedcart > .header-action{ display: inline-block;}
.hedcart button.btn { top:0px !important;}
.mini-cart #cartDropDown{ text-align: center !important;}
.hedcart::before {
  position: relative;
  top: 11px;
  left: -13px;
}
.hedcart button.close-mini-cart {
  width: 30px !important;
  min-width: auto !important;
  top: 0px !important;
  height: 30px !important;
}

.headrdSech{ display: block;}

.fottp .colms{ width: 100%;}
.fottp{ display: inline-block;}
.fottp ul {
  max-width: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.fottp ul li{ width: auto;}
.foottopInn{ display: inline-block;}
.foottopInn li {
  width: 100%;
  padding: 10px;
  text-align: center;
}

.hedcart button.btn {
  top: -4px !important;
}






}











@media (min-width: 992px) and (max-width: 9000px) {




}




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


.ingogreb li{padding: 7px 0;}
.ingogreb{ width: 100% !important; text-align: center;}
.ingogreb.pull-right { text-align: center;}
.navbar-nav {
  margin-right: 124px;
}
.loinbtn a{ color: #000 !important; font-size: 14px !important; width: 30px; height: 30px; line-height: 30px;}
#cartDropDown a{ width: 30px; height: 30px; color: #000 !important;  font-size: 14px !important; line-height: 30px; background: #fff; border-radius: 100%;}
.hedcart button.btn{ top: 1px !important;}
.headrt{ top: 47px;}

}
@media only screen and (max-width: 767px) {
.page-footer{ text-align: center;}
.page-footer .col-md-6{ margin: 10px 0;}




.headTop{ display: none;}
.navbar{ border: none; padding-bottom: 0px;}
.mainfooter{ padding: 0px;}





}

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


.page-header .header-top .navbrand a {
    display: block;
    width: 77px;
}
.kklogotxt {
    font-size: 15px;
    padding: 18px 9px;
    display: inline-block;
}

.navbar-light .navbar-toggler{top: -66px;}
.page-header .header-top .navbar > .navbrand{ padding: 12px 0 10px;}

.navbar-brand {
    padding: 10px 0;
    width: 213px;
}



.navbar-collapse .navbar-nav .nav-item .nav-link{ padding-left: 20px !important;
padding-right: 20px !important;}








}

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

.footlogo img {
    max-width: 192px;
}

.logo {
  width: 166px;
}


.headrt li{ width: auto; margin-left: 4px;}
.headrt li a {
  font-size: 17px;
}


.navbar-collapse .navbar-nav .nav-item .nav-link{ padding-left: 15px !important;
padding-right: 15px !important;}

.headrt{ top: 24px;}





}