.nav-list {
text-align:left;
}
.nav-list ul {
list-style: none;
padding: 30px; margin: -5px 0 0 0;
}
.nav-item {
float:left;
*display:inline;
zoom:1;
position:relative;
}
.nav-item a {
display:block;
color:#375478;
}
.nav-item:hover .nav-submenu {
display:block;
} .nav-submenu {
display:none;
position:absolute;
left:0;
width:180px;
}
.nav-list ul ul {
padding: 0 0 0 30px; margin: 0;
}
.nav-submenu-item a {
display:block;
padding:10px 0;
}
.nav-list .nav-mobile {
background: none;
width: 50px;
height: 50px;
position: absolute;
right: 0;
text-align: center;
}
.nav-list .nav-mobile svg {
width: 30px;
} .nav-mobile {
cursor:pointer;
background: url(//pecangrovemobilervpark.com/wp-content/themes/self-storage-template/img/nav-open.png) no-repeat center center;
height:40px;
width: 70px; background-size: contain;
} .nav-click {
position:absolute;
top:0;
right:0px;
display:none;
height:39px;
width:100%;
cursor:pointer; text-align: right;
}
.nav-click i {
display:inline-block;
height:40px;
width:40px;
background:#060743 url(//pecangrovemobilervpark.com/wp-content/themes/self-storage-template/img/drop.svg) no-repeat center center;
background-size:16px; margin-right: -30px;
}
.nav-rotate {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
} .nav-list {
width: 50%;
left: 0;
transition: transform 0.5s;
text-align: left;
background: #fff;
display: block;
position: fixed;
top: 0;
bottom: 0;
z-index: 99998;
padding-bottom: 5px;
margin-bottom: -5px;
outline: 1px solid transparent;
overflow-y: auto;
overflow-x: hidden;
transform: translateX(-100%);
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
}
.nav-list.open{
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
}
.nav-item {
width:100%;
float:none;
}
.nav-item > a {
padding:10px 0;
}
.nav-click {
display:block;
}
.nav-mobile-open {
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
}
.nav-item:hover .nav-submenu {
display:none;
}
.nav-submenu {
position:static;
width:100%;
}
@media(max-width:991px){
.nav-list{ width: 100%;}
}
@media (max-width: 767px){
.nav-mobile{width: 32px; background: url(//pecangrovemobilervpark.com/wp-content/themes/self-storage-template/img/nav-open-mobile.png) no-repeat center center; background-size: 25px;} 
}