@media all and (max-width: 1050px) {
.flexnav li a, .flexnav li ul li a { text-align: left !important; }
.flexnav {
	right: 0;
}
} 

@media all and (min-width: 1050px) {
  body.one-page {
    padding-top: 70px; }

.flexnav {
    overflow: visible;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding: 0;
	top: 0;
	min-height: 50px;
}

#tape {
	width: 100%;
		min-height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.flexnav.opacity {
      opacity: 1;
}
.flexnav.one-page {
      top: 0;
      right: auto;
      max-width: 1080px;
}
.flexnav li {
      position: relative;
      list-style: none;
      float: left;
      display: block;
      overflow: visible;
      width: auto;
	text-align: left;
	/*min-width: 200px;*/	
	min-width: auto;		
}

.flexnav ul li {
	top: -15px;
}

.flexnav ul ul li {
	top: 50px;
}

.flexnav ul ul ul li {
	top: 0;
}
    .flexnav li a {
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-style: none;
	min-width: 120px;
	padding-right: 14px;
	padding-left: 10px;
	display: inline-block;
	float: left;
}
/* First LEVEL submenu parent INLINE REALTIVE */
.flexnav .touch-button {
	margin-top: -1px;
}

.flexnav li .touch-button {
	position: relative;
	top: 0;
	display: inline-block;
	float: right;
}
/* SECOND LEVEL submenu parent INLINE ABSOLUTE */
.flexnav ul ul li .touch-button  {
	position: absolute;
	top: 0;
	display: inline-block;
}

/* ----------- */

    .flexnav li > ul {
     position: absolute;
     left: 0; 
}

/* ----- */
/* was : hidden --> Fix issue in Chrome Firefox and IE11 */
.flexnav li a {
	overflow: visible; 
}
/* ----- */
      
      .flexnav li > ul li {
      width: 100%; 
}

/* ----- */

.flexnav li ul li > ul {
      /*margin-left: 100%;*/
      top: 0;
	position: relative;
	padding-left: 0;
}
    .flexnav li ul li a {
	text-align: left;
	float: none;
}
    .flexnav li ul.open {
      display: block;
      opacity: 1;
      visibility: visible;
      z-index: 1; 
}
/* FIXED ISSUE IN ALL IE browsers in the second submenu */
     .flexnav li ul.open li {
        overflow: visible;
	display: block;
}
/* FIXED ISSUE IN ALL IE browsers in the second submenu */


/* ----- */

.flexnav li ul.open ul.open {
        /*margin-left: 100%;*/
        top: 0;
}

/* ----- */
  .menu-button {
    display: none; }

.flexnav .touch-button {
	width: 40px;
}

.flexnav ul ul li .touch-button {
	width: 30px;
}

 }