


@media only screen and (max-width : 991px) {



/**
 * Header Styling
**/



.mobile-nav-button{
text-transform:uppercase;
text-align:center;
border:1px solid rgba(0,0,0,.3);
width:200px;
position:relative;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
cursor:pointer;
display:block;
}

.mobile-nav-icon{
display:inline-block;
vertical-align:middle;
width:40px;
height:60px;
cursor:pointer;
padding-top:16px;
margin-left:10px;
}

.mobile-nav-icon>div{
width:100%;
height:4px;
border-radius:2px;
background:#B8C544;
margin-bottom:7px;
}

.mobile-nav-is-open .mobile-nav-button{
position:fixed;
top:0px;
left:0px;
width:100%;
transform:none;
-webkit-transform:none;
-ms-transform:none;
background:#B8C544;
border-color:transparent;
color:#fdfdfd;
transition:height .4s;
-webkit-transition:height .4s;
height:60px;
overflow:hidden;
z-index:50000000;
}

.mobile-nav-is-open .mobile-nav-button .mobile-nav-icon div{
background:#fdfdfd;
}

.mobile-nav-is-open .header-logo{
position:relative;
}

.header-nav{
position:fixed;
bottom:-5px;
left:0px;
width:100%;
height:0;
background:#fdfdfd;
overflow:hidden;
transition:all .4s;
-webkit-transition:all .4s;
border:none;
padding:0 20px;
overflow:scroll;
}

.mobile-nav-is-open .header-nav{
height:70vh;
padding:20px 20px 20px 20px;
z-index:50000000;
}


.header-nav>ul>li{
display:block;
}

.header-nav>ul>li>a{
color:rgba(0,0,0,.3);
border-bottom:1px solid rgba(0,0,0,.3);
margin:0px;
line-height:50px;
}

.header-nav>ul>li:hover>a{
background:transparent;
color:#093542;
}

.header-nav>ul>li>a:after{
display:none;
}

.header-nav>ul>li>ul{
position:relative;
width:100%;
left:0;
right:0;
background:rgba(0,0,0,.05);
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
border-radius:0px;
box-shadow:none;
text-align:center;
}

.header-nav>ul>li>ul>li{
padding:0px;
}

.header-nav>ul>li>ul>li>a{
padding-top:13px;
padding-bottom:13px;
}

.header-nav>ul>li>ul>li>a:before{
display:none;
}

.header-nav>ul>li>ul>li:hover>a{
margin:0px;
padding-left:0px;
}

.header-nav>ul>li>ul>li:last-of-type>a,
.header-nav>ul>li>ul>li>ul>li:last-of-type>a{
border-bottom:1px solid rgba(0,0,0,.3);
}

.header-nav>ul>li>ul>li>ul{
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
position:relative;
left:0;
right:0;
width:100%;
box-shadow:none;
background:rgba(0,0,0,.05);
text-align:center;
}

.header-nav>ul>li>ul>li>ul>li{
padding:0px;
}

.header-nav>ul>li>ul>li>ul>li>a{
padding-top:13px;
padding-bottom:13px;
}

.header-nav>ul>li>ul>li>ul>li>a:before{
display:none;
}

.header-nav>ul>li>ul>li>ul>li:hover>a{
padding-left:0px;
}

.header-nav>ul>li>ul,
.header-nav>ul>li>ul>li>ul{
display:none;
overflow:hidden;
}

.menu-item-has-children{
position:relative;
}

.mobile-menu-dropdown{
position:absolute;
display:block;
right:10px;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
font-size:30px;
padding:10px;
transition:all .2s;
-webkit-transition:all .2s;
-ms-transition:all .2s;
color:rgba(0,0,0,.3);
}

.mobile-menu-dropdown:hover{
color:#B8C544;
}

.mobile-nav-overlay{
background:transparent;
position:fixed;
left:0;
top:0;
width:0;
height:0;
z-index:-1;
}

.mobile-nav-is-open .mobile-nav-overlay{
z-index:4000000;
background:rgba(0,0,0,.5);
width:100%;
height:100%;
}




/**
 * Hero Area Styling
**/



.hero-container .mobile-nav-button{
color:#fdfdfd;
border-color:#fdfdfd}

.mobile-nav-is-open .hero-container .mobile-nav-button{
border-color:transparent;
}

.hero-container .mobile-nav-icon div{
background:#fdfdfd;
}

.hero-container .header-nav>ul>li>a{
color:rgba(0,0,0,.3);
}

.hero-container .header-nav>ul>li:hover>a{
color:#093542;
}

.hero-container .mobile-menu-dropdown:hover{
color:#B8C544;
}



}