.navigation { float: left; width: 88%; }
.menu_secs { margin-top: 45px; position: relative; z-index: 999; }
.menu_secs nav ul li { float: none; display: inline; position: relative; padding: 0 15px; }
.menu_secs nav ul li a { padding: 4px 15px; color: #fff; font-size: 13x; text-transform: uppercase; display: inline-block; }
.menu_secs nav ul li.sfHoverForce.sfHover > a, .menu_secs nav ul li a.active, .menu_secs nav ul li.sfHover a, .menu_secs nav ul li a:hover, .menu_secs nav ul li.hover_menu, .menu_secs nav ul li a.active:hover, .menu_secs nav ul li a.add_height { color: #54bdae; background: #273746; }
.menu_secs nav ul li a#brand.add_height:before { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 30px solid #273746; position: absolute; content: ""; top: 27px; z-index: 999; left: 30%; }
.menu_secs nav .submenu { display: none; width: 100%; position: relative; top: 7px; right: 0; background: #fff; border-top: 7px solid #273746; padding: 15px; z-index: 99; margin-bottom: 22px; }
.menu_secs nav .submenu { text-align: center; }
.menu_secs nav .submenu li { display: inline-block; width: 23%; margin: 0 .8%; text-align: left; }
.menu_secs nav .submenu li a { padding: 0; color: #273746; text-transform: none; }
.menu_secs nav .submenu a:hover { background-color: #fff; color: #4aab9d; }
.menu_secs nav .submenu li a span { display: block; margin-bottom: 5px; text-align: left; }
.nav-mobile { display: none; }
.menu_secs .navigation ul { /*display: inline-block; */ width: 100%; text-align: center; }

@media only screen and (max-width: 767px) {
.menu_secs nav ul li a.active, .menu_secs nav ul li.sfHover a { color: #fff; }
.menu_secs .navigation ul li { position: relative; text-align: left; width: 100%; float: none; margin: 0; padding: 0; }
.menu_secs .navigation ul li a { display: block; color: #FFF; padding: 10px 15px; background: #273746; border-bottom: 1px solid #4e6c87; }
.menu_secs .nav-mobile { display: block; cursor: pointer; position: absolute; top: -100px; right: 0; background: #273746; height: 40px; width: 50px; z-index: 999; text-align: center; line-height: 46px; }
.menu_secs .navigation ul li a.active { color: #4aab9d; }
.menu_secs .nav-click { position: absolute; top: 0; right: 0; display: none; border-left: 1px solid #8B2870; height: 49px; width: 50px; cursor: pointer; }
.menu_secs .nav-click i { display: block; height: 48px; width: 48px; background: url(https://fr.veracova.com/themes/veracova/img/drop.svg) no-repeat center center; background-size: 20px; }
.menu_secs .nav-click:hover { background-color: #6E1656; }
.menu_secs .nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.menu_secs .nav-mobile i { color: #fff; font-size: 24px; }
.menu_secs .navigation { width: 100%; padding: 0; }
.menu_secs .navigation > ul { display: none; position: absolute; z-index: 99; top: 0; }
.menu_secs .nav-click { display: block; }
.menu_secs .nav-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.menu_secs .navigation ul li ul { position: static; width: 100%; }
.menu_secs { padding-top: 0; position: relative; }
.menu_secs nav .submenu { position: absolute; z-index: 9999; }
.menu_secs nav .submenu:before { left: auto; right: 15px; top: -15px; border-bottom: 15px solid #fff; }
.menu_secs .navigation .submenu li a { background: #fff; color: #273746; border-bottom: medium none; padding: 0; }
.menu_secs nav .submenu { border: 1px solid #273746; border-top: 7px solid #273746; top: 117px; }
.menu_secs .navigation .submenu li { float: left; width: 48%; margin-right: 4%; }
.menu_secs .navigation .submenu li:nth-child(2n) { margin-right: 0%; }
}

@media only screen and (min-width : 768px) and (max-width : 1000px) {
.menu_secs .navigation ul { display: block !important; }
.menu_secs nav ul li a { font-size: 12px; padding: 5px 11px; }
.menu_secs nav ul li ul::before { left: 83px; }
.menu_secs nav ul li ul { top: 110px; width: 100%; }
.menu_secs nav ul li ul img { width: 100%; }
#submenu img { width: 100%; }
.menu_secs nav .submenu:before { left: 92px; }
}

@media only screen and (min-width : 1001px) and (max-width : 1169px) {
.menu_secs .navigation ul { display: block !important; }
.menu_secs nav ul li a { color: #fff; display: inline-block; font-size: 13px; padding: 7px 14px; text-transform: uppercase; }
.menu_secs nav .submenu:before { left: 147px; }
.navigation { float: left; width: 88%; }
.loginmenu { font-size: 13px; padding: 7px 14px; }
.menu_secs { margin-top: 14px; }
}