#responsive-btn { display: none;
cursor: pointer;
} .responsive-nav {
}
.responsive-nav ul,
.responsive-nav ul li {
list-style: none;
margin: 0;
padding: 0;
*zoom: 1;
}
.responsive-nav ul:after,
.responsive-nav ul li:after {
clear: both;
content: '';
display: block;
}
.responsive-nav ul li {
float: left;
position: relative;
}
.responsive-nav ul li a {
display: block;
}
.responsive-nav ul li ul {
display: block !important;
position: absolute;
width: 220px;
left: 0;
visibility: hidden;
opacity: 0;
transition: visibility 0.1s ease-in, opacity 0.1s ease-in;
}
.responsive-nav ul:first-child li:hover>ul {
visibility: visible;
opacity: 1;
}
.responsive-nav ul:first-child>li>ul {
top: 100%;
}
.responsive-nav ul li ul.show-pulldown {
display: block;
}
.responsive-nav ul li ul li {
float: none !important;
position: relative;
width: auto !important;
}
.responsive-nav ul li ul li a {
font-weight: normal;
padding: 10px 15px;
}
.responsive-nav ul li ul li ul {
position: absolute;
top: 0;
left: 219px;
}
.responsive-nav ul li ul li ul.reverse-pulldown {
left: -219px;
} .off-canvas-nav { background-image: none !important;
display: none;
margin: 0 !important;
padding: 0 !important;
width: 80%;
max-width: 300px;
position: absolute !important;
overflow: auto !important;
top: 45px !important;
left: -80%;
}
.off-canvas-nav * {
background-image: none !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
text-align: left !important;
}
.off-canvas-nav,
.off-canvas-nav ul li { display: block !important;
float: none !important; }
.off-canvas-nav ul {
display: block !important;
}
.off-canvas-nav ul li ul {
border-top: none !important;
border-left: 1px solid #333;
display: block !important;
visibility: visible !important;
opacity: 1;
margin-left: 3em !important;
position: static !important;
width: auto !important;
}
.off-canvas-nav ul li a {
color: #ccc !important; border: none !important;
display: block !important;
padding: 10px 20px 7px !important;
text-decoration: none !important;
}
.off-canvas-nav ul li a:hover,
.off-canvas-nav ul li a:active { color: #fff;
} .off-canvas-nav ul .current-menu-item > a,
.off-canvas-nav ul .current_page_ancestor > a,
.off-canvas-nav ul .current_page_item > a,
.off-canvas-nav ul .current_page_parent > a { color: #fff;
}