#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile{border:0;list-style:none;/* line-height: 2; */display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/* text-align: center;
 */}
#cssmenu:after,
#cssmenu > ul:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0}
#cssmenu #head-mobile{
display:none}
#cssmenu{font-family:sans-serif;z-index: 100;text-align: center;}
#cssmenu > ul > li{
display: inline-block;
}
#cssmenu > ul > li > a{font-size: 14px;letter-spacing:1px;text-decoration:none;color: #696868;text-transform: capitalize;padding: 10px;}
 
#cssmenu > ul > li:hover {
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all 1s ease;
    background: #ff0000;
}
 
#cssmenu > ul > li.has-sub > a{
padding-right:35px;
}
#cssmenu > ul > li.has-sub > a:after{
position:absolute;
top: 29px;
right:11px;
width:8px;
height:2px;
display:block;
background:#ddd;
content:'';
}
#cssmenu > ul > li.has-sub > a:before{
position:absolute;
top: 26px;
right:14px;
display:block;
width:2px;
height:8px;
background:#ddd;
content:'';
-webkit-transition:height .25s ease;
-ms-transition:height .25s ease;
transition:height .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before{
    top:23px;
height:0}
#cssmenu ul ul{display: table;z-index: 100;position:absolute;left:-9999px;background: #333333;padding: 0;/* padding-top: 17px; */-webkit-box-shadow: 0 2px 2px 2px #242424;box-shadow: 0px 4px 4px -1px #242424c7;width: -moz-max-content;width: -webkit-max-content;width: -o-max-content;width: auto;white-space: nowrap;}
#cssmenu ul ul li{
 -webkit-transition:height .25s ease;
 -ms-transition:height .25s ease;
 background: rgba(247,
 247,
 247,
 0);
 transition:height .25s ease;
 }
#cssmenu ul ul li:hover{
}
#cssmenu li:hover > ul{
left:auto;
}
#cssmenu li:hover > ul > li{text-align: left;width: 100%;}
#cssmenu ul ul ul{
margin-left:100%;
top:0}
#cssmenu ul ul li a{
 padding: 8px 15px;
 font-size: 17px;
 text-decoration:none;
 color: rgb(96,
 96,
 96);
 font-weight:400;
 text-transform:  uppercase;
 display: block;
 /* text-align: center; */
 width: 100%;
 color: white;
 }
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a{
border-bottom:0;
}
#cssmenu ul ul li:hover{color: #ffffff;text-decoration: none;background: #286698;}
#cssmenu ul ul li.has-sub > a:after{
position:absolute;
top:16px;
right:11px;
width:8px;
height:2px;
display:block;
background:#ddd;
content:''}
#cssmenu ul ul li.has-sub > a:before{
position:absolute;
top:13px;
right:14px;
display:block;
width:2px;
height:8px;
background:#ddd;
content:'';
-webkit-transition:height .25s ease;
-ms-transition:height .25s ease;
transition:height .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{
top:17px;
height:0}
#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover{
background:#363636;
}
 
#cssmenu ul {
padding:0px;
 margin:0px;
}
.button{
position: fixed;
}

#cssmenu > ul > li > a:hover {
    color: white;
}
@media (max-width: 1024px) {
	
	#cssmenu > ul > li.has-sub > a:before {
 position: absolute;
 top:-10000px;
 visibility: hidden;
}
	#cssmenu > ul > li.has-sub > a:after {
 position: absolute;
 top:-10000px;
 visibility: hidden;
}
	#cssmenu > ul > li > a {
font-size: 12px !important;
}
    #cssmenu > ul > li.has-sub > a {
padding-right:0px;
}
}
@media (max-width: 800px) {
	.button{
position: relative;
}
	 #cssmenu > ul > li > a {
font-size: 25px;
/* text-align: left;
 */padding-left: 25px !important;
}
	.cssmenu,
#cssmenu{width:100%;position: absolute;top: 83px;left:0px;z-index: 1000;padding-left: 0px;}
#cssmenu ul{
width:100%;
display:none;
background: #333333;
}
#cssmenu ul li{
width:100%;
/* border-top: 1px solid #ddd;
 */}
#cssmenu ul li:hover{
background: #6d6d6d;
}
    #cssmenu ul ul{display: none;}

#currency option {color:white; }
        
#cssmenu ul ul li,
#cssmenu li:hover > ul > li{
height:auto ;
 width:100%;
}
#cssmenu ul li a,
#cssmenu ul ul li a{
width:100%;
border-bottom:0;
color: white;
}
#cssmenu > ul > li{
float:none;
text-align: right;
}
#cssmenu ul ul li a{
padding-left:25px}
#cssmenu ul ul li{
background: #363e52!important;
}
#cssmenu ul ul li:hover{
background:#363636!important}
#cssmenu ul ul ul li a{
padding-left:35px}
#cssmenu ul ul li a{
color:#ddd;
background:none}
#cssmenu ul ul li:hover > a{
color:#fff}
#cssmenu ul ul,
#cssmenu ul ul ul{
position:relative;
left:0;
width:100%;
margin:0;
text-align:left}
    
    #cssmenu ul ul{padding-top:0px;}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before{
display:none}
    
    #cssmenu > ul > li.has-sub > a{
padding-right:55px;
}
#head-mobile{
display:block;
padding: 10px;
padding-top: 20px;
padding-bottom: 0px;
color:#ddd;
font-size: 27px;
font-weight:700;
text-align:  left;
}
.button{width: 50px;height: 50px;position:absolute;right: 19px;top: -49px;cursor:pointer;z-index: 12399994;text-align:  left;background: #000000;}
.button:after{position:absolute;top: 24px;right: 10px;display:block;height:4px;width: 30px;border-top: 4px solid #ffffff;border-bottom: 4px solid #ffffff;content:'';}
.button:before{-webkit-transition:height .3s ease;-ms-transition:height .3s ease;transition:height .3s ease;position:absolute;top: 16px;right: 10px;display:block;height: 4px;width: 30px;background: #ffffff;content:'';}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top: 22px;border:0;height: 4px;width: 30px;background: #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.button.menu-opened:before{top: 22px;background: #fff;width: 29px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#cssmenu .submenu-button{
position: absolute;
z-index:99;
right:0;
top:0;
display:block;
border-left:1px solid #444;
height: 100%;
width:46px;
cursor:pointer;
background: #344854;
}
#cssmenu .submenu-button.submenu-opened{
background: #4d75d8;
}
#cssmenu ul ul .submenu-button{
height:34px;
width:34px}
#cssmenu .submenu-button:after{
position:absolute;
top:22px;
right:19px;
width:8px;
height:2px;
display:block;
background:#ddd;
content:''}
#cssmenu ul ul .submenu-button:after{
top:15px;
right:13px}
#cssmenu .submenu-button.submenu-opened:after{
background:#fff}
#cssmenu .submenu-button:before{
position:absolute;
top:19px;
right:22px;
display:block;
width:2px;
height:8px;
background:#ddd;
content:''}
#cssmenu ul ul .submenu-button:before{
top:12px;
right:16px}
#cssmenu .submenu-button.submenu-opened:before{
display:none}
 
	#cssmenu ul ul {
width:100% !important;
}
}