#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #menu-button{display:none}
#cssmenu{font-family:"Century Gothic"}
#cssmenu>ul>li{float:left}
#cssmenu.align-center>ul{font-size:0;text-align:left}
#cssmenu.align-center>ul>li{display:inline-block;float:none}
#cssmenu>ul>li .active{background-color:#6c0}
#cssmenu.align-center ul ul{text-align:left}
#cssmenu.align-right>ul>li{float:right}
#cssmenu>ul>li>a{padding:15px;font-size:16px;letter-spacing:1px;text-decoration:none;color:#fff}
#cssmenu>ul>li>a:hover{background-color:#d8d8d8}
#cssmenu>ul>li:hover>a{color:#fff}
#cssmenu>ul>li.has-sub>a{padding-right:30px}
#cssmenu>ul>li.has-sub>a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu>ul>li.has-sub>a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#cssmenu>ul>li.has-sub:hover>a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#cssmenu li:hover>ul{left:auto}
#cssmenu.align-right li:hover>ul{left:auto;right:0}
#cssmenu li:hover>ul>li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;background:#333}
#cssmenu ul ul li:last-child>a,#cssmenu ul ul li.last-item>a{border-bottom:0}
#cssmenu ul ul li:hover>a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub>a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu.align-right ul ul li.has-sub>a:after{right:auto;left:11px}
#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:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#cssmenu.align-right ul ul li.has-sub>a:before{right:auto;left:14px}
#cssmenu ul ul>li.has-sub:hover>a:before{top:17px;height:0}
@media (max-width:1200px) {
#cssmenu>ul>li>a {
    padding: 10px 5px;
    font-size: 15px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
}

}
@media (max-width:1000px) {
#cssmenu>ul>li>a {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 15px 5px;
    text-decoration: none;
    color: #fff;
}

}
@media (max-width:850px) {
#cssmenu > ul > li > a {
    padding: 10px 5px;
    font-size: 11px;
}

}
@media (max-width:768px) {
    #cssmenu > ul > li > a {
        font-size: 14px;
    }
}




@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none; margin-top:25px;}
#cssmenu.align-center>ul{text-align:left}
#cssmenu ul li{width:100%;border-top:1px solid rgba(120,120,120,0.2)}
#cssmenu ul ul li,#cssmenu li:hover>ul>li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu>ul>li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:0}
#cssmenu ul ul li:hover>a,#cssmenu ul ul li.active>a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#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 #menu-button{display:block;padding:17px;color:#434343;cursor:pointer;font-size:12px;/*text-transform:uppercase;*/font-weight:700; margin-top: -60px; }

#cssmenu #menu-button:after{position:absolute;top:22px;right:17px;display:block;height:8px;width:20px;border-top:2px solid #06c;border-bottom:2px solid #06c;content:''}
#cssmenu #menu-button:before{position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#06c;content:''}
#cssmenu #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;background:#06c;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

#cssmenu #menu-button.menu-opened:before{top:23px;background:#06c;width:15px;-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 rgba(120,120,120,0.2);height:46px;width:100%;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{/*background:#262626*/}
#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}
.ui-widget-content{left:32px!important}
}

/*@media only screen and (max-device-width:1024px) {
    #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #434343;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    margin-top: -80px;
}
    #cssmenu ul {
    width: 100%;
    display: none;
    margin-top: 47px;
}
}*/

@media (max-width:700px) {
#cssmenu #menu-button {padding-left:87%; color:#fff;}
}
@media (max-width:650px) {
#cssmenu #menu-button {padding-left: 85%;}
}
@media (max-width:550px) {
#cssmenu #menu-button {padding-left: 80%;}
}


@media (max-width:450px) {
#cssmenu #menu-button {
    padding-left: 75%;
    margin-right: -13px;
}
}



@media (max-width:400px) {
#cssmenu #menu-button {padding-left: 75%;  margin-right: -13px;}
}
@media (max-width:350px) {
#cssmenu #menu-button {padding-left: 70%;  margin-right: -13px;}
}
@media (max-width:320px) {
#cssmenu #menu-button {
    margin-top: -60px;  margin-right: -13px;
}
}