.px16 > li > a{font-size: 16px !important;}
.px15 > li > a{font-size: 15px !important;}
.px14 > li > a{font-size: 14px !important;}
.px13 > li > a{font-size: 13px !important;}
.px12 > li > a{font-size: 12px !important;}
.px11 > li > a{font-size: 11px !important;}
.px10 > li > a{font-size: 10px !important;}
.px9 > li > a{font-size: 9px !important;}


.sol-menu-arka{
    display: inline-block;
    width: 100%;
    background-color: #ee2824;
}

.sol-menu-arka > ul{
    padding-left: 0px !important;
    transition: all 0.3s ease;
}

.menu{
    display:block;
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-left: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.menu > li{
    display: inline-block;
    width: 100%;
    color: white;
    position: relative;
}

.menu > li > a{
    display: inline-block;
    width: 100%;
    color: white;
    font-size: 16px;
    padding: 10px 35px 10px 10px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu > li > a:hover{
    background-color: white;
    color: #ee2824;
}

.menu > li > i{
    position: absolute;
    right: 10px;
    top: 7px;
    color: #ee2824;
    background-color: #fff;
    padding: 3px 4px;
    border-radius: 2px;
}

.display-close{
    display: none;
}