.menu-area {
    background: #d61a5e;
    padding-left: 10%;

}
/*.rgtop nav{
     padding-left: 12%;
      margin-top: 25px;
}*/
.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition !important;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}

.mainmenu a,
.navbar-default .navbar-nav>li>a,
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 12px 19px;
    display: block !important;
    transition: 0.5s;
    text-decoration: none;
 
}

.mainmenu .active a,
.mainmenu .active a:focus,
.mainmenu .active a:hover,
.mainmenu li a:hover,
.mainmenu li a:focus,
.navbar-default .navbar-nav>.show>a,
.navbar-default .navbar-nav>.show>a:focus,
.navbar-default .navbar-nav>.show>a:hover {
    color: #fff;
    background: #12c0e3;
    outline: 0;
    border-radius: 50px;
}

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul>li:hover>a {
    background: #12c0e3;
}

.mainmenu .collapse ul ul>li:hover>a,
.navbar-default .navbar-nav .show .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .show .dropdown-menu>li>a:hover {
    background: #12c0e3;
      transition: .5s;
}

.mainmenu .collapse ul ul ul>li:hover>a {
    background: #12c0e3;
      transition: .5s;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background: #12c0e3;
    border: none;
    top: 95%;
    animation: myAnim 1s ease 0s 1 normal forwards;
    border-radius: 0;
}
@keyframes myAnim {
    0% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0);
    }
}
.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
    background: #1E88E5
}

.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
    background: #64B5F6
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    background: #b0758b;
    border: 0 solid;
    margin-top: 27px;
    padding: 0;
    min-height: 20px;
    width: 100%;
    border-radius: 50px 0 0 50px;
    margin-left: 15px;
}

@media only screen and (min-width: 767px) {
    .mainmenu .collapse ul li:hover>ul {
        display: block
    }

    .mainmenu .collapse ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 250px;
        display: none
    }

    /*******/
    .mainmenu .collapse ul ul li {
        position: relative
    }

    .mainmenu .collapse ul ul li:hover>ul {
        display: block
    }

    .mainmenu .collapse ul ul ul {
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 250px;
        display: none
    }

    /*******/
    .mainmenu .collapse ul ul ul li {
        position: relative
    }

    .mainmenu .collapse ul ul ul li:hover ul {
        display: block
    }

    .mainmenu .collapse ul ul ul ul {
        position: absolute;
        top: 0;
        left: -100%;
        min-width: 250px;
        display: none;
        z-index: 1
    }

}

@media only screen and (max-width: 767px) {
    .navbar-nav .show .dropdown-menu .dropdown-menu>li>a {
        padding: 16px 15px 16px 35px
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
        padding: 16px 15px 16px 45px
    }
}