/* styles for the main menu */


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

#catnav {
width:100%;
display:block;
background:#333;
overflow:auto;
}
#nav {
margin:0;
padding:0;
list-style:none;
}
#nav > li {
float:left;
}
#nav a {
padding:10px 40px;
color:#ffffff;
text-transform:uppercase;
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
display:block;
}
#nav a:hover {
background:#a00;
text-decoration:none;
transition:all .3s;
}
#nav li.active > a {
background:#a00;
}
#nav > li:hover .submenu {
display:block;
}
#nav .submenu {
display:none;
position:absolute;
min-width:10px;
z-index:1;
list-style:none;
margin:0;
padding:0;
}
#nav .submenu li {
background:#333;
width:100%;
max-width:350px;
}
#nav .submenu a {
display:block;
padding:10px 15px;
color:#ffffff;
}
#nav .submenu li:last-child a {
border-bottom:none;
}
.dl-menuwrapper {
width:100%;
height:50px;
position:relative;
background:#333;
max-width:100%;
}
.dl-menuwrapper button {
position:absolute;
top:2px;
right:2px;
left:auto;
}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active {
background:#a00;
}
.dl-menuwrapper ul {
background:#333;
}
.dl-menuwrapper li > a:after {
color:#ffffff;
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {
#nav a {
padding:10px 25px;
}

}

@media (max-width: 767px) {
#catnav {
display:none;
}

}

@media (max-width: 480px) {

}