.menu { }
.menu-mobile {
    display: none; color:#fff; font-size:16px;text-transform:uppercase;
    padding: 10px;
}
.menu-mobile:after {
    content: "\e699";
    font-family: "iconfont";
    font-size:33px; margin-left:5px;
    padding: 0;
    float: right;
    position: relative;
    top: 7px;
    -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 > ul {
    width: 100%;
    list-style: none; 
    padding: 0;
    /* 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:;
    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:#ce000c; 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:12px;text-transform: uppercase; 
    padding: 10px 20px 10px 8px; color:#fff; line-height:30px;
    display: block;
}
.menu > ul > li:hover {  background: #525583;}
.menu > ul > li > ul {
    display: none;border:1px solid #000;
    width: 100%;
    background: #fafafa;
    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;  line-height:20px;
    border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul > li a:hover {color: #ce000c;}
.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; line-height:16px; padding:5px; }
.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: 1259px) {
    .menu { float:right;
    }
    .menu-mobile {
        display: block;height:48px;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none; background:#333; left:0; right:0; position:absolute; z-index:999;
    }
    .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;
    }
}