@media all and (min-width:1200px) and (max-width:1429px)  {
.flexnav {
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
font-size : 14px;
transition : none;
overflow : hidden;
margin : 0 auto;
padding : 0;
list-style-type : none;
width : 100%;
z-index : 999;
max-height : 0;}
.flexnav li {
font-size : 100%;
position : relative; display:inline-block;
overflow : hidden; text-transform:uppercase;  
}
} 
@media all and (min-width:1430px)   {
.flexnav {
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
font-size : 14px;
transition : none;
overflow : hidden;
margin : 0 auto;
padding : 0;
list-style-type : none;
width : 100%;
z-index : 999;
max-height : 0;

} 
.flexnav li {
font-size : 120%;
position : relative; display:inline-block;
overflow : hidden; text-transform:uppercase;  
}
}
@media all and (max-width:1199px) {
.flexnav {
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
font-size : 14px;
transition : none;
overflow : hidden;
margin : 0 auto;     
padding : 0;
list-style-type : none;
max-width : 100%;
z-index : 999;
max-height : 0;
}
.flexnav li {
font-size : 90%;
font-weight:500;
position : relative;
overflow : hidden; text-transform:uppercase;
}
}
.flexnav.opacity {
opacity : 0;
}
.flexnav.flexnav-show {
max-height : 2000px;
opacity : 1;
transition : all 0.5s ease-in-out;
}
.flexnav.one-page {
position : fixed;
top : 150px;
right : 5%;
max-width : 200px;
} 

@media all and (min-width:801px) {
.flexnav li a {
position : relative;
display : block;
padding: 10px;
z-index : 999;
overflow : hidden;
text-decoration : none;
color: rgb(255,255,255);

}
}
@media all and (max-width:800px) {
.flexnav li a {
background:#000;
text-transform : uppercase;
position : relative;
display : block;
border-bottom : rgba(189,141,62,0.5) solid 1px;
padding : 0.86em;
overflow : hidden;
text-decoration : none;
color : #fff;
z-index : 999;
}
}
.flexnav li ul {
width : 100%;
margin : 0;
padding : 0;
z-index : 999;
list-style-type : none;
}
.flexnav li ul li {
z-index : 1;
font-size : 80%;
position : relative;
overflow : hidden;
}
.flexnav li ul.flexnav-show li {
overflow : visible;
}
.flexnav li ul li a {
display : block;
}
.flexnav ul li ul li a {
z-index : 999;
background : #000;
}
.flexnav ul li ul li ul li a {
background : #000;
}
.flexnav .touch-button {
position : absolute;
z-index : 999;
top : 0;
right : 0;  
width : 100%;
height : 40px;
display : inline-block;
background : rgba(0, 0, 0, 0.2);
text-align : center;
}
.flexnav .touch-button:hover {
cursor : pointer;
}
.flexnav .touch-button .navicon {
position : relative;
top : 1.2em;
left : 1.0em;
font-size : 12px;
color : #fff;
}
.menu-button {
position : relative;
display : block;
padding : 1em;
background:#000;
color : #fff;
font-weight : bold;
cursor : pointer;
border-bottom : rgba(189,141,62,0.5) solid 1px;
}
.menu-button.one-page {
position : fixed;
top : 0;
right : 5%;
padding-right : 45px;
}
.menu-button .touch-button {
background : transparent;
position : absolute;
z-index : 999;
top : 0;
right : 0;
width : 100%;
height : 40px;
display : inline-block;
text-align : center;
color : #fff;
}
.menu-button .touch-button .navicon {
font-size : 14px;
position : relative;
top : 1em;
color : #fff;
}
@media all and (min-width:801px) {
body.one-page {
padding-top : 70px;
}
.flexnav {
overflow : visible;
}
.flexnav.opacity {
opacity : 1;
}
.flexnav.one-page {
top : 0;
right : auto;
max-width : 1080px;
}
.flexnav li {
position : relative;
list-style : none;
float : left;

overflow : visible;
padding:0px;

margin-right:0px;
display: block;
text-align: left; 

}
.flexnav li a {
border-bottom : none;
}
.flexnav li a:hover {
z-index : 999;
color : rgb(189,141,62);
border-bottom : none;
}
.flexnav li > ul {
z-index : 999;
position : absolute;
background-color : #000;
top : auto;
left : 0;
width : 100%;

}
.flexnav li > ul li {
width : 100%;
min-width : 160px;
}
.flexnav li ul li > ul {
margin-left : 100%;
top : 0;
}
.flexnav li ul li a {
border-bottom : none;
text-align : left;
}
.flexnav li ul.open {
display : block;
opacity : 1;
visibility : visible;
z-index : 1;
}
.flexnav li ul.open li {
z-index : 999;
overflow : visible;
max-height : 40px;
}
.flexnav li ul.open ul.open {
margin-left : 100%;
top : 0;
}
.menu-button {
display : none;
}
}
.oldie body.one-page {
padding-top : 70px;
}
.oldie .flexnav {
overflow : visible;
}
.oldie .flexnav.one-page {
top : 0;
right : auto;
max-width : 1080px;
}
.oldie .flexnav li {
position : relative;
list-style : none;
float : left;
display : block;
width : 20%;
min-height : 40px;
overflow : visible;
}
.oldie .flexnav li:hover > ul {
display : block;
width : 100%;
overflow : visible;
}
.oldie .flexnav li:hover > ul li {
width : 100%;
float : none;
}
.oldie .flexnav li a {
border-left : 1px solid #fff;
border-bottom : none;
overflow : visible;
}
.oldie .flexnav li > ul {
background : #acaca1;
position : absolute;
top : auto;
left : 0;
display : none;
z-index : 999;
overflow : visible;
}
.oldie .flexnav li ul li ul {
top : 0;
}
.oldie .flexnav li ul li a {
border-bottom : none;
}
.oldie .flexnav li ul.open {
display : block;
width : 100%;
overflow : visible;
}
.oldie .flexnav li ul.open li {
width : 100%;
}
.oldie .flexnav li ul.open ul.open {
margin-left : 100%;
top : 0;
display : block;
width : 100%;
overflow : visible;
}
.oldie .flexnav ul li:hover ul {
margin-left : 100%;
top : 0;
}
.oldie .menu-button {
display : none;
}
.oldie.ie7 .flexnav li {
width : 19.9%;
}