.menu a {float:left; color:#FFF; text-decoration:none;z-index:100;padding:5px 20px;text-transform:uppercase;font-size:18px;line-height:0.9em;font-family:Poppins;}
    .menu a.selected {
        border-bottom: 4px solid #fe0000
    }
.menu span {float:left; color:#000; text-decoration:none; width:120px; height:28px; padding-top:6px}

.menu {
    clear: both;
    list-style: none;
    display: flex;

    position:relative;
    float:right;
}
    .menu li {
        color: #000;
        font-style: normal;
        padding: 0px 5px;
        text-transform: uppercase;
        margin: 0px;
        display: block;
    }
.menu li.selected {float:right;z-index:10000;position:relative;cursor:pointer;padding:4px 0px; }

.menu ul {position:absolute;  top:33px; left:0; background-color:#FFF; display:none; list-style:none;border:1px solid #DFDFDF;text-transform:none;z-index:100 !important;width:200px !important;}
.menu ul li {float:left; width:100%;border:0px;padding-left:0px;padding-right:0px;z-index:10000  !important;text-align:left;position:relative;padding-left:10px;}
.menu ul li:hover {float:left; border:0px;}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {font-size:16px;float:none; display:block; background:none;  padding-top:5px;padding-bottom:5px;color:#A4A3A3;text-transform:none;}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover { color:#111;background-color:#FFF}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul ul {left:120px; top:0}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
.menu li:hover{}
li.menuhover a{}
li.menuhover span, li.menuhover li.menuhover span {}

@media all and (max-width: 1024px) {
    .menu li a {
        padding:2px 4px;
      
    }

    .menu li {

    }

    .menu ul li {}
}

@media  all and (min-width: 1440px) {
     .menu li a {

    }
}