.resnav-separator{
display: none !important;
}

.resnav{
width: 100%;
margin: 0 auto;
display: none;
}

.resnav > p{
width: 90%;
text-align: left;
display: block !important;
margin: 0 auto;
padding: 10px 5% !important;
font-size: 20px !important;
font-weight: bold;
text-decoration: none !important;
color: #FFF !important;
background-color: #119202;
position: relative;
/* border-top: 4px groove #96cf8f;
border-bottom: 4px groove #96cf8f; */
}

.resnav > p:after{
content: url("../images/navbu.png");
display: inline-block;
vertical-align: top !important;
position: absolute;
top: 50%;
right: 5%;
margin-top: -17px;
cursor: pointer;
}

.resnav-menu{
display: none;
}

.resnav-menu ul{
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0;
margin: 0 auto;
background-color: #119202;
}

.resnav-menu ul li{
display: block;
width: 50%;
margin: 0;
border-top: 1px solid #0F5B02;
border-bottom: 1px solid #83C47A;
}

.resnav-menu ul li.shopping{
background-color: #FF8C37;
}

.resnav-menu ul li a{
display: block;
color: #FFF;
width: 100%;
padding: 10px 10%;
margin: 0 auto;
text-decoration: none;
font-weight: 500;
border-right: 1px solid #0F5B02;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.resnav-menu ul li:nth-of-type(even) a{
border-left: 1px solid #83C47A;
border-right: none;
}

.resnav-menu ul li a:hover{
background-color: #11be33;
border-color: #11be33
}

.resnav-menu ul li.shopping a:hover{
background-color: #ffb279;
}

.resnav-menu ul li a img{
display: none;
}

.pctext{
font-size: 100%;
display: block;
}

@media (max-width: 1200px){

.art-menu li a{
font-size: 12px;
}

.art-menu li.shopping a{
line-height: 1.5;
}

.pctext{
display: none;
}


}

@media (max-width: 1000px){

	.art-nav{
	display: none;
	}

	.resnav{
	display: block;
	}

}