.mobilemenucontainer {
    width: 100%;
}

.mobilemenu .flexnav {
    display: none;
}

.mobilemenu li:first-child > a {
    color: #fff;
}

.mobilemenu li.active > a:first-child {
    /*background-color:#901235; */
    color: #901235;
}



.mobilemenu .flexnav-show {
    display: block !important;
}

.flexnav li {
    display: block;
    font-size: 100%;
    list-style: outside none none;
    position: relative;
    width: 100%;
    float: left;
}

    .flexnav li a {
        color: #222222;
        cursor: pointer;
        display: block;
        overflow: hidden;
        padding: 13px;
        position: relative;
        z-index: 2;
    }

    .flexnav li ul {
        width: 100%;
    }

        .flexnav li ul li {
            font-size: 100%;
            overflow: hidden;
            position: relative;
        }

        .flexnav li ul.flexnav-show li {
            overflow: visible;
        }


.flexnav ul li ul li {
    background: none repeat scroll 0 0 #f1f1f1;
    border-bottom: medium none !important;
}

    .flexnav ul li ul li > a {
        padding: 10px 10px 10px 40px;
    }

    .flexnav ul li ul li:hover {
        color: #ffffff !important;
    }

    .flexnav ul li ul li ul li {
        background: none repeat scroll 0 0 #f1f1f1;
    }

.flexnav .touch-button {
    display: inline-block;
    height: 42px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 14px;
    z-index: 999;
}

    .flexnav .touch-button:hover {
        cursor: pointer;
    }

    .flexnav .touch-button .navicon {
        color: #666;
        font-size: 12px;
        position: relative;
        top: 8px;
    }

.mobileMenu {
    float: right;
    width: 100% !important
}

.menu-button {
    color: #777;
    font-weight: bold;
    cursor: pointer;
    /* display: block; */
    /* float: right; */
    /*height: 25px;*/
    /* position: relative; */
    /* text-transform: uppercase; */
    /*margin-top: -25px;*/
    width: 15px;
}

.menu-title {
    display: none;
}

.menu-button .touch-button {
    background: url("/assets/tasdeer/images/icons/menu-icon.svg") no-repeat;
    /* font-size: 15px; */
    height: 32px;
    /*margin-left: -30px;
    margin-top: -20px;*/
    display: block;
    width: 20px;
    background-position: 3px 15px;
    /* background-size: 100%; */
    /* vertical-align: bottom; */
}

    .menu-button .touch-button .navicon, .flexnav li .touch-button .navicon {
        display: none;
    }

.flexnav li .touch-button {
    /* background: url("/Style%20Library/Portal_Images/Dwn_maroon.svg") no-repeat scroll center center rgba(0, 0, 0, 0); */
    /* margin-right:10px; */
    /* transition:all 0.1s linear; */
    /* background-size:12px; */
    border-left: 10px solid transparent;
    border-top: 10px solid;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-bottom: 0;
    border-right: 10px solid transparent;
    margin: 7% 80% 0px 0px;
}

    /*.mobilemenucontainer ul#nav a.MLMStaticItem:hover ~ .touch-button{
	background: url("/Style%20Library/Portal_Images/Dwn_white.svg") no-repeat scroll center center rgba(0, 0, 0, 0);

}*/


    .flexnav li .touch-button.active {
        /* background: url("/Style%20Library/Portal_Images/Dwn_white.svg") no-repeat scroll center center rgba(0, 0, 0, 0);*/
        transform: rotate(180deg);
    }


        .flexnav li .touch-button.active .navicon {
            display: none;
        }

.flexnav {
    overflow: visible;
}

    .flexnav.opacity {
        opacity: 1;
    }

    .flexnav.one-page {
        max-width: 1080px;
        right: auto;
        top: 0;
    }


    .flexnav li > ul {
        left: 0;
        top: auto;
    }

        .flexnav li > ul li {
            width: 100%;
        }

            .flexnav li > ul li a {
            }

    .flexnav li ul li > ul {
        top: 0;
    }

    .flexnav li ul li a {
        border-bottom: medium none;
    }

    .flexnav .LastMenuItem, .flexnav .SubLstMnuItem, .flexnav ul li:last-child {
        border-bottom: medium none !important;
    }

.mobilemenucontainer .MLMDynamicItemli {
    margin-left: 0%
}

.mobilemenucontainer .MLMStaticItemli {
    height: auto !important;
    border-bottom: 1px solid lightgray !important;
    padding: 0 !important;
}

.mobilemenucontainer ul#nav {
    z-index: 10000;
    margin-top: 21px;
    float: left;
    margin-left: 0 !important;
    margin-bottom: 10px !important;
    width: 100% !important;
    position: absolute;
    left: 0;
    background-color: #871A39;
}

.mobilemenucontainer .firstSubMenuCss {
    position: inherit !important;
    top: 0px !important;
    left: 0px !important;
    margin: 0 !important;
}

    .mobilemenucontainer .firstSubMenuCss li {
        width: 100%
    }

    .mobilemenucontainer .MLMSubMenuContainer .MLMDynamicItemli, .mobilemenucontainer .firstSubMenuCss .MLMDynamicItemli {
    }

.mobilemenucontainer .MLMDynamicItemli:hover, .mobilemenucontainer .MLMSubMenuContainer MLMDynamicItemli:hover {
}


.mobilemenucontainer .MLMDynamicItemli a {
    width: auto !important;
}

.mobilemenucontainer .firstSubMenuCss .MLMStaticItemli a {
    display: none
}

.mobilemenucontainer .MLMStaticItemli a:hover, .MLMStaticSelectedItem a:hover, MLMDynamicItemli a:hover {
    transition: none !important;
    box-shadow: none !important;
}

.mobilemenucontainer .MLMStaticItemli a:hover, .MLMStaticSelectedItem a:hover, MLMDynamicItemli a:hover {
    /* color:#fff!important; */
    color: #871A39 !important;
    background-color: #FFF !important;
    border-bottom: 1px lightgray solid;
}



.MLMStaticItemli.item-with-ul.active > a:first-child {
}



/*------------Newsly added or modified-------------*/
.mobilemenucontainer .MLMStaticItemli a.MLMStaticItem, .mobilemenucontainer .firstSubMenuCss li a {
    padding: 5px 30px !important;
    color: #fff !important;
    background-color: #871A39 !important;
    font-size: 1.2rem !important; /* color: red; */
    margin: 0px !important;
}
/*.mobilemenucontainer ul#nav a.MLMStaticItem:hover{background-color:#901235!important;color:#fff!important}*/
/* .mobilemenucontainer ul#nav a.MLMStaticItem:hover { color:#901235!important */
/* } */


.MLMStaticItemli a.MLMStaticItem:hover,
a.MLMDynamicItemOnFlyArrow {
    color: #fff;
    background-color: #2E2E2E !important;
}


.mobilemenucontainer .MLMStaticItemli a.MLMStaticItem:hover, .mobilemenucontainer .firstSubMenuCss li a {
    color: #fff;
    background-color: #2E2E2E !important;
}

li .MLMDynamicItemli:hover {
}

.mobilemenucontainer .MLMDynamicItemli a:hover { /*background-color:#901235!important*/
}
/*------------------------------*/
.mobilemenucontainer .firstSubMenuCss::after, .mobilemenucontainer .firstSubMenuCss::before {
    bottom: 0 !important;
    left: 0 !important;
    border: 0 !important;
}

.mobilemenucontainer .firstSubMenuCss::after, .mobilemenucontainer .firstSubMenuCss::after {
    bottom: 0 !important;
    left: 0 !important;
    border: 0 !important;
}

.flexnav li ul li > a {
    padding-left: 30px;
}

.mobilemenucontainer .firstSubMenuCss li a {
    padding-left: 50px !important;
}

@media screen and (min-width:768px) {
    .mobilemenucontainer .MLMStaticItemli a.MLMStaticItem {
        padding: 10px 8.1% !important;
    }

    .mobilemenucontainer .firstSubMenuCss li a {
        padding-left: 100px !important;
    }

    .nav-item {
        float: right;
    }

    .navbar-nav {
        display: inline-block;
        flex-direction: row;
        gap: 10px;
    }

    .navbar-collapse {
        flex: auto;
    }
}

@media screen and (max-width:768px) {
    li.nav-item {
        /* float: right; */
        margin: 0px 8px;
    }

    .navbar-nav {
        flex-direction: row;
        padding: 0px;
        margin: 10px 0px;
    }

    .mobilemenucontainer .MLMStaticItemli a.MLMStaticItem, .mobilemenucontainer .firstSubMenuCss li a {
        line-height: 3rem;
    }



    .MLMSubMenuContainer {
        border-right: none !important;
    }

    .MLMStaticItemli a.MLMStaticItem {
        border-width: 1px !important
    }
}