.iwhq_nav_btn{
    display:none;
    float:right;
    cursor:pointer;
}

#iwhq_nav_wrap{
    display:none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.5);
}

#iwhq_nav_box {
    width: 360px;
    max-width: 90%;
    background-color: #fff;
    float: right;
    padding: 30px;
    height: 100%;
    overflow-y: auto;
}

.iwhq_nav_logo_wrap{
    width:100%;
    float:left;
    margin:12px 0;
}

.iwhq_nav_close {
	cursor: pointer;
	text-align: right;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 24px;
	height: auto;
}

.iwhq_nav{
    clear:both;
    margin-top:40px;
    margin-bottom: 30px;
    background-color: #2E5B27;
}

.iwhq_nav .menu-item-has-children {
    padding-right: 0;
    background: url(/wp-content/themes/Vanilla/images/arrow-down.png) no-repeat right 5px top 20px;
}

.iwhq_nav .menu-item-has-children ul{
	background: #4e8545;
}

.iwhq_nav .menu-item-has-children ul li a {
	padding-left:30px;
}

.iwhq_nav ul {
	padding-left: 0;
    list-style: none;
}

ul.iwhq_nav_menu{
    margin:0;
    padding:0;
    list-style:none;
}

.iwhq_nav_menu li a{
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #fff;
    padding-left: 20px;
}

#iwhq_nav_box  p img{
    width: 18px;
    margin-right: 12px;
    display: inline-block;
}

#iwhq_nav_box p a{
    color:#000;
    text-decoration: none;
    font-size:16px;

}




@media screen and (max-width: 990px){
    .iwhq_nav_btn {
        display: block;
        position: absolute;
        top: 35px;
        right: 21px;
        cursor:pointer;
    }
}