.menu-background {
    background-color: #ffd8b8;
    margin: 0px;
    padding: 0px;
}
.menu-item, .menu-item a, li > a, li li a {
    /* background: #000;*/
    background: -moz-linear-gradient( #e0a831 0%, #F8E0AA 20%, #f8da98 70%, #d39104 100%);
    background: linear-gradient(0deg, rgba(36,22,0,1) 0%, rgba(172,125,16,1) 8%, rgba(230,178,90,1) 25%, rgba(242,194,112,1) 35%, rgba(244,207,145,1) 44%, rgba(244,207,145,1) 58%, rgba(242,194,112,1) 67%, rgba(230,178,90,1) 76%, rgba(172,125,16,1) 92%, rgba(36,22,0,1) 100%);
    background: linear-gradient(0deg, rgba(36,22,0,1) 0%, rgba(172,125,16,1) 8%, rgba(230,178,90,1) 25%, rgba(242,194,112,1) 35%, rgba(244,207,145,1) 44%, rgba(244,207,145,1) 58%, rgba(242,194,112,1) 67%, rgba(230,178,90,1) 76%, rgba(172,125,16,1) 92%, rgba(36,22,0,1) 100%);
    background: linear-gradient(0deg, rgba(36,22,0,1) 0%, rgba(172,125,16,1) 8%, rgba(230,178,90,1) 25%, rgba(242,194,112,1) 35%, rgba(244,207,145,1) 44%, rgba(244,207,145,1) 58%, rgba(242,194,112,1) 67%, rgba(230,178,90,1) 76%, rgba(172,125,16,1) 92%, rgba(36,22,0,1) 100%);
    background: -webkit-linear-gradient( #e0a831 0%, #F8E0AA 20%, #f8da98 70%, #d39104 100%);
    background: -ms-linear-gradient( #e0a831 0%, #F8E0AA 20%, #f8da98 70%, #d39104 100%);
    background: linear-gradient(0deg, rgba(36,22,0,1) 0%, rgba(172,125,16,1) 8%, rgba(230,178,90,1) 25%, rgba(242,194,112,1) 35%, rgba(244,207,145,1) 44%, rgba(244,207,145,1) 58%, rgba(242,194,112,1) 67%, rgba(230,178,90,1) 76%, rgba(172,125,16,1) 92%, rgba(36,22,0,1) 100%);
    border-radius: 8px;
    margin: 1px;
    padding: 5px;
    text-decoration: none;
}
.menu-area, .menu-area a, li > a, li li a {
    /* background: #000;*/
    background: -moz-linear-gradient( #e0a831 0%, #F8E0AA 20%, #f8da98 70%, #d39104 100%);
    background: linear-gradient(0deg, rgba(36,22,0,1) 0%, rgba(172,125,16,1) 8%, rgba(230,178,90,1) 25%, rgba(242,194,112,1) 35%, rgba(244,207,145,1) 44%, rgba(244,207,145,1) 58%, rgba(242,194,112,1) 67%, rgba(230,178,90,1) 76%, rgba(172,125,16,1) 92%, rgba(36,22,0,1) 100%);
    background: linear-gradient(0deg, rgba(36,22,0,1) 0%, rgba(172,125,16,1) 8%, rgba(230,178,90,1) 25%, rgba(242,194,112,1) 35%, rgba(244,207,145,1) 44%, rgba(244,207,145,1) 58%, rgba(242,194,112,1) 67%, rgba(230,178,90,1) 76%, rgba(172,125,16,1) 92%, rgba(36,22,0,1) 100%);
    background: linear-gradient(0deg, rgba(36,22,0,1) 0%, rgba(172,125,16,1) 8%, rgba(230,178,90,1) 25%, rgba(242,194,112,1) 35%, rgba(244,207,145,1) 44%, rgba(244,207,145,1) 58%, rgba(242,194,112,1) 67%, rgba(230,178,90,1) 76%, rgba(172,125,16,1) 92%, rgba(36,22,0,1) 100%);
    background: -webkit-linear-gradient( #e0a831 0%, #F8E0AA 20%, #f8da98 70%, #d39104 100%);
    background: -ms-linear-gradient( #e0a831 0%, #F8E0AA 20%, #f8da98 70%, #d39104 100%);
    background: linear-gradient(0deg, rgba(36,22,0,1) 0%, rgba(172,125,16,1) 8%, rgba(230,178,90,1) 25%, rgba(242,194,112,1) 35%, rgba(244,207,145,1) 44%, rgba(244,207,145,1) 58%, rgba(242,194,112,1) 67%, rgba(230,178,90,1) 76%, rgba(172,125,16,1) 92%, rgba(36,22,0,1) 100%);
    border-radius: 8px;
    margin: 1px;
    padding: 5px;
    text-decoration: none;
}

.dropdown-menu {
    padding: 2px;
    margin: auto;
    border: 0 solid transparent!important;
    background-color: transparent;
    border-radius: 0;
    text-decoration: none;
    -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: #000;
    font-size: 14px;
    text-transform: capitalize;
    padding: 6px 5px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    display: block !important;
}
.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: #000;
    background: transparent;
    outline: 0;
}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a {
    background-image: -moz-linear-gradient(top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    background-image: -webkit-linear-gradient(top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    background-image: -ms-linear-gradient(top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    background-image: linear-gradient(to top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    color: #fff;/* green  HOVER  */
}
.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-image: -moz-linear-gradient(top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    background-image: -webkit-linear-gradient(top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    background-image: -ms-linear-gradient(top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    background-image: linear-gradient(to top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    color: #fff;/* green  HOVER */
}
.mainmenu .collapse ul ul ul > li:hover > a {
    background-image: -moz-linear-gradient(top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    background-image: -webkit-linear-gradient(top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    background-image: -ms-linear-gradient(top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    background-image: linear-gradient(to top, #7F280A 0%, #D64311 50%, #7F280A 100%);
    color: #fff;
    /*   HOVER */
}



.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
    background: transparent /* darkest blue  LEVEL 2 background*/;
}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
    background: transparent  /* dark blue   LEVEL 3 background*/
}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu {
    background: transparent /* light blue   LEVEL 4 background*/
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 15px;
    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: 26px 15px 16px 45px;
        margin-left:auto;
    margin-right:10% 
}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
    padding: 26px 15px 16px 45px;
       margin-left:auto;
    margin-right:10%
}
}