/* Style form menu*/
        .menu-area {
            background: #d61a5e
        }

        .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: 12px;
            /*text-transform: capitalize;*/
            padding: 5px 10px;
            font-weight:600;
            font-family: 'Roboto',sans-serif;
            display: block !important;
        }
        .mainmenu ul li a{
            padding: 11px 10px;
        }
        .dropdown ul li a{
            /*color for sub menu item*/
            color: #CA2017;
        }
        .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: #d61a5e;*/
            outline: 0;
        }
        /*==========Sub Menu=v==========*/
        .mainmenu .collapse ul > li:hover > a {
          /*  background: #d61a5e;*/
            color:#f4f6f9;
        }

        .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 {
           /* hover background for sub-item level 1*/
            background: #f4f6f9;
            color:#000000;

        }

        .mainmenu .collapse ul ul ul > li:hover > a {
            /*hover background for sub-item level 2*/
          background: #f4f6f9;
            color:#000000;
        }

        .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
           /*background for sub-item level 1*/
          /* margin-left:3px;
            margin-right:3px;*/
            text-align: left;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 0.25rem;

        }

            .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
                /*background for sub-item level 2*/
                text-align: left;
                list-style: none;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid rgba(0, 0, 0, 0.15);
                border-radius: 0.25rem;
                             
            }

                .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu {
                    background: #f4f6f9;
                    
                }

        /******************************Drop-down menu work on hover**********************************/
        .mainmenu {
            background: none;
            border: 0 solid;
            margin: 0;
            padding: 0;
            min-height: 20px;
            width: 100%;
        }

        @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
            }
        }