.menu-container {
    width: 100%;background:#6e6c6d;
    margin: 0 auto;}
.menu-mobile {
    display: none; color:#fff; font-size:16px;text-transform:uppercase;
    padding: 10px;
}
.menu-mobile:after {
    content: "\e699";
    font-family: "iconfont";
    font-size:28px;
    padding: 0;
    float: right;
    position: relative;
    top: 5px;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}
.menu-dropdown-icon:before {
     content: "\e6a6"; 
     font-family: "iconfont"; 
	 margin-top:10px; margin-right:5px;
    float: right;    
    color: #fff;
}
.menu{position: relative;}
.menu > ul {
    width: 100%;border: 1px solid #222;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}
.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}
.menu > ul:after {
    clear: both;
}
.menu > ul > li {
    float: left;
    background: #4e4c4d;
    padding: 0;
    margin: 0;
}
.brands li{ float:left; width:100px;}
.brands li img{ width:100%; height:auto;}
.menuiocn{ position:relative;}
.menuiocn span{ position:absolute; top:-10px; left:40%; color:#00b39e; font-size:32px;}
.menu > ul > li a i{ float:left; top:5px; font-size:14px; margin-right:5px;}
.menu > ul > li a {
    text-decoration: none; font-size:14px;text-transform: uppercase; 
    padding: 10px 25px 10px 12px; color:#fff; 
    display: block;
}
.menu > ul > li:hover {  background: #00b39e;}
.menu > ul > li > ul {
    display: none;border:3px solid #000;
    width: 100%;
    background: #fff;
    padding: 10px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #222;
    padding:5px; font-size:12px; font-weight:bold; background:none;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul > li a:hover {color: #00b39e;}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    margin: 0;
    font-size:12px;
}
.menu > ul > li > ul > li > ul > li a {border: 0; text-transform: none; font-weight:100; background:none; }
.menu > ul > li > ul.normal-sub {width: 300px;left: auto;padding: 10px 20px;}
.menu > ul > li > ul.normal-sub > li { width: 100%;}
.menu > ul > li > ul.normal-sub > li a {border: 0;padding: 1em 0;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 1279px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block; f
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding:10px; 
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}