
ul.wkhMenu1Right {
	text-align:right;
    }
ul.wkhMenu1Left {
	text-align:right;
	}
ul.wkhMenu1Center {
	text-align:center;
    }

ul#wkhMenu1 {
	/*position:relative;
    top:25px;
    right:-15px;*/
	list-style:none;
    margin:0;
    padding:0;
    }

ul#wkhMenu1 li {
	display:inline-block;
    padding-left:10px;
    padding-right:10px;
    }

ul#wkhMenu1 a, ul#wkhMenu1 li {
	font-family:"Open Sans";
	font-size:13px;
	color:#363636;
	text-shadow: #e4e2dc 1px 1px 0px;
	text-decoration:none;
    line-height:18px;
    text-transform:uppercase;
}
ul#wkhMenu1 a:hover, ul#wkhMenu1 li.wkhOver, ul#wkhMenu1 a.wkhOver, ul#wkhMenu1 a.wkhSelected, ul#wkhMenu1 a.wkhSelected:hover {
	color:#3ec8f4;
}

#menu.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}


@media (max-width: 850px) {
    ul#wkhMenu1 {
        //display:none;
    } 
    #menu img.menu {
        display:block;
    }

    #menu .contentArea {
        position:relative;
    }

    ul#wkhMenu1 {
        background-color:#fff;
        position: absolute;
        top: 4rem;
        left: 0;
        //bottom: 0;
        z-index: 100;
        max-height: 0px;
        transition: max-height 0.25s ease-in;
        overflow: hidden;
width:100%;
    }
    ul.wkhMenu1Right {
        text-align:left;
    }
    ul.wkhMenu1Right li {
        border-bottom: 1px solid #cdcdcd;
        padding:0.5rem 0;
    }

    #menu .contentArea.showmenu ul#wkhMenu1 {
       //display:block;
        max-height: 500px;
        transition: max-height 0.25s ease-in;
    }

     ul#wkhMenu1 li { 
       width:100%; 
     }
    
}



@media (max-width: 650px) {
  /*#menu { height:120px; }*/
  #menu .contentArea  {text-align:center; }


  /*ul#wkhMenu1 li { 
    width:49%; 
    box-sizing:border-box;
    line-height:28px;
  }*/
}

@media (max-width: 400px) {
  /*#menu { height:175px; }*/
  ul#wkhMenu1 li { 
    width:100%; 
  }
}