#cssmenu{float:left;width:100%;  transition: all 0.5s ease 0s; }
#cssmenu #menu-button{display:none;}
#cssmenu > ul{ margin-left:0px;}
#cssmenu > ul > li{display:inline-block;vertical-align:top;list-style-type:none; margin:0px 0px 0 0px; position:relative;  }
#cssmenu > ul > li:last-child{ margin-right:0px;}
#cssmenu > ul > li:first-child:before{ display:none}
#cssmenu > ul > li > a{display:inline-block;color:#000; text-decoration:none; padding:15px 1.1rem; font-weight:500;  margin:0 0px;     font-size: 0.95rem; text-align:center;	    line-height: 1.1rem;}
#cssmenu > ul > li.menu-item-has-children > a{ padding-right:1.25rem}
#cssmenu > ul > li a:hover{text-decoration:none; color:var(--primary); }
#cssmenu > ul > li.current-menu-item > a:before{background: red ; content:""; width:50%; height:1px;      left: 50%; transform: translateX(-50%);}	
#cssmenu > ul > li.current-product-parent > a:before{background: red ; content:""; position:absolute; left:0px; bottom:6px; width:50%; height:1px; left: 50%; transform: translateX(-50%);} 	
#cssmenu > ul > li a::before { background: red; content: ""; position: absolute; left: 50%; bottom: 5px; width: 0%; height: 1px; transition: all .5s ease 0s; z-index: 1; transform: translateX(-50%);}
#cssmenu > ul > li.current-menu-item > a{text-decoration:none;color:var(--primary); }
#cssmenu > ul > li.current-menu-parent > a{text-decoration:none; color:var(--primary) ; }
#cssmenu > ul > li.current-menu-item a{color:var(--primary) ; }
#cssmenu > ul > li a:hover::before { width: 50%; height: 1px; }
#cssmenu > ul > li.menu-item-has-children > a:after {   right:2px;  font-weight:600;   top: 19px;  content: '\f107'; position: absolute; font-size:13px; z-index: 1; font-family: 'Font Awesome 5 Free';  line-height: 1; }
.sub-menu { width: 280px; position: absolute; background: #fff; z-index: 100; transition: all 650ms ease; margin: -1px 0 0 0px; left: 15px; border: 1px solid rgba(0, 0, 0, 0.1);  padding: 8px 12px;}
#cssmenu ul li ul li.menu-item-has-children:after { position: absolute; content: '';  top:50%; right:15px;  font-weight:400;   width:6px; height:6px; border-right:#000 solid 1px; border-bottom:#000 solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);}
#cssmenu ul li ul li.menu-item-has-children a:after { position: absolute; content: '';  top:50%; right:15px;  font-weight:400;   width:6px; height:6px; border-right:#000 solid 1px; border-bottom:#000 solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);}
#cssmenu ul li ul li.menu-item-has-children:hover:after { position: absolute; content: '';  top:50%; right:15px;  font-weight:400;   width:6px; height:6px; border-right:#695d4b solid 1px; border-bottom:#695d4b solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);}
#cssmenu ul li ul li.menu-item-has-children li a:after{ display:none;}
.sub-menu .sub-menu{ top:0rem; left:160%; border-top:0; border-left:var(--primary) solid 3px; }
.sub-menu li:hover > .sub-menu{ top:0; left:99.5%;}
#cssmenu ul ul li{list-style-type:none;     position: relative;     border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 0;}
#cssmenu ul ul li:last-child{border-bottom:none}
#cssmenu ul ul li.menu_head { margin-top:5px; }
#cssmenu ul ul li.menu_head a { font-size:20px; color: #fff;  padding: 0px 20px 0px; }
#cssmenu ul ul li.menu_head a:hover { text-decoration:none; }
#cssmenu ul ul li.menu_head a:before { display:none; }
#cssmenu ul ul li br{display:none;}
#cssmenu ul ul li a {display:block;  text-decoration:none;color:#000 !important;font-weight:400; position: relative;  line-height: 1.3; padding: 4px 0;  font-size: 0.85rem;	}
#cssmenu ul ul li a:hover  { color:#EC592A !important; }
#cssmenu ul ul ul:hover > ul ul li a{background:var(--primary); color:#fff;}
#cssmenu ul ul li a:before { content:''; color: #fff; ; position: absolute; left:0px; display:none }
#cssmenu ul ul li a:hover:after{display:none;}
#cssmenu.small-screen{display:inline-block;vertical-align:top; } 
#cssmenu.small-screen ul{width:100%;display:none;margin-top:36px;position:absolute;left:0;z-index:999;background:#fff;text-align:left;     text-align: left; padding: 0px 20px;}
#cssmenu.small-screen.align-center > ul{text-align:left;}
#cssmenu.small-screen ul li{width:100%;    border-bottom: 1px solid rgba(0, 0, 0, 0.1);position:relative;}

#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a{width:calc(100% - 45px);border-bottom:0;padding:15px 47px 13px 47px;padding-left:20px;color:var(--primary); text-transform:uppercase;font-weight:700; font-size:15px}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul{position:relative;left:0;top:0;width:100%;margin:0;text-align:left; 	}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before{display:none;}
#cssmenu.small-screen #menu-button { display: block; cursor: pointer; position: absolute; top:5px; width: 35px; height: 35px; right: 45px; z-index: 99; background:#f3f3f3;  transition: all 0.5s ease 0s; border-radius:5px} 	
#cssmenu.small-screen #menu-button:after { position: absolute; top: 17px; right: 8px; display: block; height: 8px; width: 18px; border-top: 2px solid var(--primary); border-bottom: 2px solid var(--primary); content: ''; }
#cssmenu.small-screen #menu-button:before { position: absolute; top: 11px; right: 8px; display: block; height: 2px; width: 18px; background: var(--primary);  content: ''; }
#cssmenu.small-screen #menu-button.menu-opened:after { top: 18px; border: 0; height: 2px; width: 20px; background: var(--primary);  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#cssmenu.small-screen #menu-button.menu-opened:before { top: 18px; background: var(-primary); width: 20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#cssmenu.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 44px; width: 44px; cursor: pointer; }
#cssmenu.small-screen .submenu-button.submenu-opened { background: #fff; }
#cssmenu.small-screen .submenu-button::after { position: absolute;top: 21px;right: 16px; width: 15px; height: 3px; display: block; background:var(--primary); content: '';}
#cssmenu.small-screen .submenu-button.submenu-opened:after { background:var(--primary);}
#cssmenu.small-screen .submenu-button::before { position: absolute;top: 15px;right: 22px;display: block;width: 3px;height: 15px;background:var(--primary); content: '';}
#cssmenu.small-screen .submenu-button.submenu-opened::before { display:none; }

@media (max-width:1440px){
	#cssmenu > ul > li > a{  padding: 0.938rem 1.5rem;}
}
@media (max-width:1299px){
#cssmenu > ul > li.menu-item-has-children > a:after{     font-size: 10px; right: 4px;} 
#cssmenu > ul > li > a{     padding: 0.938rem 1rem; font-size: 0.938rem;}
}

@media (min-width:1140px){
.cssmenu li:hover > .sub-menu{   display:block !important }
.sub-menu{ animation: growDown 850ms ease-in-out forwards;  transform-origin: top center; display:none !important;  
    text-align: left;
}
@keyframes growDown {
  0% 
  { transform: scaleY(0) 
  }
  80% {
    transform: scaleY(1)
  }
  100% {
    transform: scaleY(1)
  }
}
}

@media (max-width:1200px){

	#cssmenu > ul > li.current-menu-item > a::before{display:none !important;}
	#cssmenu > ul > li::before, #cssmenu > ul > li > a:hover::before{display:none}
	#cssmenu > ul > li{ margin:0 0px}
	#cssmenu ul li ul li.menu-item-has-children:after{display:none;}
	#cssmenu.small-screen ul li ul li a{ color:#000;  font-size:13px; padding: 10px 0 10px 0px;     font-weight: normal;}
	#cssmenu.small-screen ul li ul li a:hover{ color:#fff;  font-size:13px}
	#cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a{ padding: 12px 47px 12px 0px;}	
	

	.site-header .header_search{ }
	
}
@media (max-width:1140px){
.site-header .cw-header-right{ position:inherit !important}
.menu-navigation ul{display:none;}	
	#cssmenu > ul > li > a br{ display:none}	
	#cssmenu > ul > li > a {    text-align: left; }
}
@media (max-width:992px){
#cssmenu.small-screen #menu-button{ right:45px; top:10px}
#cssmenu.small-screen ul{  margin-top: 40px;     width: calc(100% - 0px); left:0px; padding:20px; height:auto;}
.menu.with-indicator.open { display: block; height: calc(100vh - 68px); overflow-y: scroll; }
.site-header.stricky #cssmenu > ul > li > a{font-size:15px}
.site-header.stricky #cssmenu.small-screen ul, #cssmenu.small-screen ul {   margin-top: 37px; }
}
@media (max-width:767px){
#cssmenu.small-screen #menu-button { top: 10px; }
}

@media (max-width:1140px){

}