@media only screen and (max-width:1399px) {
    .ves-megamenu > .navigation .level0.active > a:not(.ui-state-active),
    .ves-megamenu > .navigation .level0.has-active > a:not(.ui-state-active){
        border: 0;
    }
    .ves-megamenu > .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon),
    .ves-megamenu > .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon){
        margin:0;
    }
    .ves-megamenu.ves-mdrilldown .navigation .nav-item .submenu
    {
        display: none;
    }
    .ves-megamenu .navigation {
        padding: 0;
        max-width:100%;
    }
    .ves-megamenu ul li{
        margin: 0!important;
    }
    .ves-megamenu > .navigation .nav-item.level0 > a{
        font-family: 'FrutigerLTStd-ExtraBlackCn' !important;
        color: var(--primary__color) !important;
        display: block;
        padding: 10px 15px;
        line-height: 1.42857143;
        font-size: 1.5rem;
        font-weight: normal !important;
    }
    .ves-megamenu > .navigation .nav-item.level0 > a .opener:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100vw;
    }
    .ves-megamenu > .navigation .nav-item:last-child{
        border-bottom:0!important;
    }
    .ves-megamenu .ves-category-thumbnail{
        display: none;
    }

    .navigation .parent .level-top {
        position: relative;
        display: block;
        text-decoration: none
    }
    .navigation .parent .level-top:after {
        -webkit-font-smoothing: antialiased;
        font-size: 42px;
        line-height: inherit;
        color: inherit;
        content: '\e622';
        font-family: 'luma-icons';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center
    }
    .navigation .parent .level-top:after {
        position: absolute;
        right: 7px;
        top: -8px
    }
    .navigation .parent .level-top.ui-state-active:after {
        content: '\e621'
    }
    .navigation {
        box-sizing: border-box
    }
    .navigation ul {
        margin: 0;
        padding: 0!important;
    }
    .navigation li {
        margin: 0
    }
    .navigation a {
        display: block;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 15px
    }
    .navigation a,
    .navigation a:hover {
        color: var(--primary__color);
        text-decoration: none
    }
    .navigation .level0 {
        border-top: 1px solid #d1d1d1;
        font-size: 1.6rem
    }
    .navigation .level0>.level-top {
        font-weight: 700;
        padding: 8px 40px 8px 15px;
        text-transform: uppercase;
        word-wrap: break-word
    }

    .navigation .level0.active .all-category .ui-state-focus {
        border: 0;
    }

    .navigation .level0>.level1 {
        font-weight: 600
    }
    .navigation .submenu>li {
        word-wrap: break-word
    }
    .navigation .submenu:not(:first-child) {
        font-weight: 400;
        line-height: 1.3;
        left: auto !important;
        overflow: hidden;
        padding: 0;
        position: relative;
        top: auto !important;
        transition: left .3s ease-out
    }
    .navigation .submenu:not(:first-child)>li>a {
        padding-left: 15px
    }
    .navigation .submenu:not(:first-child)>li:last-child {
        margin-bottom: 0
    }
    .navigation .submenu:not(:first-child) ul {
        display: block;
        padding-left: 15px
    }
    .navigation .submenu:not(:first-child) ul>li {
        margin: 0
    }
    .navigation .submenu:not(:first-child) ul>li a {
        color: #575757;
        display: block;
        line-height: normal
    }
    .navigation .submenu:not(:first-child).expanded {
        display: block !important;
        padding-right: 0;
        top: 0 !important
    }
    .scroll-to-fixed-fixed {
        position: static !important;
        left: 0 !important;
        width: 100% !important
    }
    .ves-megamenu.ves-offcanvas .opener,
    .ves-megamenu.ves-maccordion .opener {
        display: block
    }
    .ves-megamenu .ves-navbar {
        display: block
    }
    .ves-megamenu>.navigation {
        background: #f8f8f8;
        float: left;
        width: 100%;
        padding:0;
    }
    .ves-megamenu>.navigation .nav-item {
        float: left !important;
        width: 100%
    }
    .ves-megamenu>.navigation .nav-item>a {
        padding: 0;
        display: block;
        position: relative
    }
    .ves-megamenu>.navigation .nav-item>a.parent {
        padding-right: 54px
    }
    .ves-megamenu > .navigation .nav-item .nav-item {
        font-size: 14px;
    }
    .ves-megamenu > .navigation .nav-item .nav-item:not(:first-child){
        border-top: 1px solid #d1d1d1;
    }
    .ves-megamenu > .navigation .nav-item .nav-item .nav-item{
        border:0;
    }

    .ves-megamenu > .navigation .nav-item.level2 .submenu,
    .ves-megamenu > .navigation .nav-item.level2 .opener {
        display: none;
    }

    .ves-megamenu > .navigation .nav-item .nav-item > a {
        padding: 10px 30px!important;
    }
    .navigation .submenu:not(:first-child) .active > a{
        border:0!important;
        color: #000;
    }
    .ves-megamenu .products-grid .product-item {
        width: 100%;
        text-align: center
    }
    .ves-megamenu .products-grid .product-item img {
        max-width: 100%;
        width: auto;
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .ves-megamenu .submenu {
        display: none;
        max-width: 100%;
        border: 0;
        width: 100% !important;
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .ves-megamenu .submenu .carousel-indicators {
        bottom: -20px
    }
    .ves-megamenu .submenu .carousel-indicators>li {
        width: 20px;
        height: 20px
    }
    .ves-megamenu .ves-caret {
        display: none
    }
    .ves-megamenu .drill-opener:before,
    .ves-megamenu .opener:before {
        content: '\f107';
        font-family: 'FontAwesome';
        font-size: 2.1rem;
        padding-left: 15px;
    }
    .ves-megamenu .opener.item-active:before {
        content: "\f106";
    }
    .ves-megamenu .cat-label:before {
        display: none
    }
    .ves-megamenu .item-header,
    .ves-megamenu .item-content,
    .ves-megamenu .item-sidebar,
    .ves-megamenu .item-footer {
        width: 100% !important
    }
    .ves-megamenu .item-footer,
    .ves-megamenu .item-sidebar{
        display: none!important;
    }
    .ves-megamenu .block-products-list .product-item {
        text-align: center
    }
    .ves-megamenu .block-products-list .product-item a {
        padding-left: 0
    }
    .ves-megamenu .owl-nav>a {
        position: absolute;
        padding: 16px;
        font-size: 41px;
        top: 50%;
        margin-top: -49px;
        background-color: rgba(255, 255, 255, 0.98);
        cursor: pointer;
        width: auto;
        z-index: 99;
        display: inline-block;
        *display: inline;
        zoom: 1;
        -webkit-transition: box-shadow .2s ease;
        -o-transition: box-shadow .2s ease;
        transition: box-shadow .2s ease;
        -webkit-box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3)
    }
    .ves-megamenu .owl-nav>a.owl-left {
        left: 0;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -ms-border-radius: 0 4px 4px 0;
        -o-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0
    }
    .ves-megamenu .owl-nav>a.owl-right {
        right: 0;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -ms-border-radius: 4px 0 0 4px;
        -o-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }
    .ves-megamenu .carousel-controls>a {
        position: absolute;
        padding: 16px;
        font-size: 41px;
        top: 50%;
        margin-top: -49px;
        background-color: rgba(255, 255, 255, 0.98);
        cursor: pointer;
        width: auto;
        z-index: 99;
        display: inline-block;
        *display: inline;
        zoom: 1;
        -webkit-transition: box-shadow .2s ease;
        -o-transition: box-shadow .2s ease;
        transition: box-shadow .2s ease;
        -webkit-box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.3)
    }
    .ves-megamenu .carousel-controls>a.owl-left {
        left: 0;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -ms-border-radius: 0 4px 4px 0;
        -o-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0
    }
    .ves-megamenu .carousel-controls>a.owl-right {
        right: 0;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -ms-border-radius: 4px 0 0 4px;
        -o-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }
    .ves-megamenu .carousel-controls .carousel-control.right,
    .ves-megamenu .carousel-controls .carousel-control.left {
        background: #FFF
    }
    .hide-blocks .item-header,
    .hide-blocks .item-sidebar,
    .hide-blocks .item-footer {
        display: none
    }
    .ves-navtoggle {
        display: block;
        background: #333
    }
    .ves-navtoggle:before {
        -webkit-font-smoothing: antialiased;
        font-size: 32px;
        line-height: inherit;
        color: #FFF;
        content: '\e609';
        font-family: 'luma-icons';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center;
        padding: 0 7px
    }
    .offcanvas-left>.navigation>ul {
        height: 100%;
        left: -80%;
        left: calc(-1 * (100% - 54px));
        overflow: auto;
        position: fixed;
        top: 0;
        width: 80%;
        width: calc(100% - 54px);
        background: #f0f0f0;
        z-index: 99;
        -webkit-transition: left .3s;
        -o-transition: left .3s;
        transition: left .3s
    }
    .ves-nav-before-open {
        height: 100%;
        width: 100%
    }
    .ves-nav-before-open .page-wrapper {
        -webkit-transition: left .3s;
        -moz-transition: left .3s;
        -ms-transition: left .3s;
        transition: left .3s;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: relative
    }
    .ves-nav-before-open body {
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%
    }
    .ves-navopen .page-wrapper {
        left: 80%;
        left: calc(100% - 54px)
    }
    .ves-navopen .ves-moffcanvas>.navigation>ul {
        -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
        box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
        z-index: 99
    }
    .ves-navopen .ves-navtoggle:after {
        background: rgba(0, 0, 0, 0.01);
        content: '';
        display: block;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1
    }
    .ves-nav-before-open {
        height: 100%;
        width: 100%
    }
    .ves-nav-before-open body {
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%
    }
    .ves-nav-before-open .page-wrapper {
        -webkit-transition: left .3s;
        -moz-transition: left .3s;
        -ms-transition: left .3s;
        transition: left .3s;
        height: 100%;
        overflow: hidden;
        position: relative
    }
    .ves-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 80;
        top: 0;
        left: 0;
        z-index: 90
    }
    .ves-mdrilldown {
        position: relative;
        float: left;
        width: 100%;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        max-width: 100% !important
    }
    .ves-mdrilldown .navigation {
        background-color: #FFF
    }
    .ves-mdrilldown .navigation.loaded>.dropdown-menu {
        width: 100% !important
    }
    .ves-mdrilldown .navigation .subhover>.submenu {
        display: none
    }
    .ves-mdrilldown .navigation>.dropdown-menu {
        display: block;
        position: static;
        margin: 0;
        padding: 0;
        border-radius: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .ves-mdrilldown .navigation .ves-caret {
        display: none
    }
    .ves-mdrilldown .navigation .cat-label {
        position: static;
        margin: 0;
        padding: 4px 6px
    }
    .ves-mdrilldown .navigation .nav-item {
        position: relative !important;
        float: left !important;
        width: 100%
    }
    .ves-mdrilldown .navigation .nav-item>a {
        line-height: 50px;
        position: static;
        padding: 0 15px
    }
    .ves-mdrilldown .navigation .nav-item>a span.drill-opener {
        border: 1px solid #e5e5e5;
        border-right: 0;
        display: none
    }
    .ves-mdrilldown .navigation .mega-col {
        padding: 0
    }
    .ves-mdrilldown .navigation .level0 {
        border-top-color: #e5e5e5
    }
    .ves-mdrilldown .navigation .opener {
        display: none
    }
    .ves-mdrilldown .navigation .drill-opener {
        background: #f0f0f0;
        position: absolute
    }
    .ves-mdrilldown .navigation .drill-opener:before {
        content: "\e608"
    }
    .ves-mdrilldown .navigation .drilldown-back {
        position: relative;
        top: 0;
        left: -1px;
        display: none
    }
    .ves-mdrilldown .navigation .drilldown-back a {
        padding: 0;
        background: #f0f0f0;
        text-align: center;
        font-size: 1.3em;
        text-transform: uppercase;
        display: block;
        font-weight: normal;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: -1px
    }
    .ves-mdrilldown .navigation .drilldown-back a .drill-opener {
        position: absolute;
        left: 0;
        right: auto;
        display: block
    }
    .ves-mdrilldown .navigation .drilldown-back a .drill-opener:before {
        content: "\e617"
    }
    .ves-mdrilldown .navigation .drilldown-back a .drill-opener:after {
        display: none
    }
    .ves-mdrilldown .navigation .drilldown-back a .current-cat {
        line-height: 50px;
        position: relative;
        z-index: 99
    }
    .ves-mdrilldown .navigation .drilldown-back a .current-cat:before {
        display: none
    }
    .ves-mdrilldown .navigation .drill-opener {
        display: block
    }
    .ves-mdrilldown .navigation .nav-item>a span.drill-opener {
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }
    .ves-mdrilldown .navigation .drilldown-back {
        display: block
    }
    .ves-mdrilldown .navigation .drilldown-back>a>.drill-opener {
        line-height: 50px;
        width: 50px
    }

    .navigation .parent .level-top:after {
        font-size: 1.6rem;
        right: 10px;
        top: 7px
    }

    /*fix issue section item on safari-mobile*/
    .nav-sections-items {
        position: relative!important;
    }

    .ves-megamenu > .navigation .nav-item .hidden-sm{
        display:none!important;
    }
    .ves-megamenu > .navigation .nav-item .hidden-md{
        display:block!important;
    }
}