.menu-area {
    background: #cb0102;
}

.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: 16px;
    text-transform: none;
    padding: 16px 15px;
    font-family: 'Trocchi', sans-serif;
    display: block !important;
}

.mainmenu .dropdown-menu a {
    color: #000;
}

.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: #cb0102;
    background-color: #E5E5E5;
    outline: 0;
}

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

.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: #cb0102;
    color: white !important;
}

.mainmenu .collapse ul ul ul > li:hover > a {
    background: #cb0102;
    color: white !important;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background: #cb0102;
    color: white !important;
}

.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
    background: #cb0102;
    color: white !important;
}

.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
    background: #eeeeee;
    color: #cb0102 !important;
}

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

@media (max-width: 767px) {
    .mainmenu {
        top: 15px;
    }
}



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

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

    .top-header {
        display: block;
    }



    .top-social {
        display: block;
    }

    .logo-resp-width {
        width: 80px;
        height: 50px;
    }
}
@media only screen and (max-width: 992px) {
     .navbar-area .logo img {
        max-width: 50px;
    }
}
@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
    }

    .top-header {
        display: block;
    }

    .top-header .top-social {
        display: none;
    }

   

    .logo-resp-width {
        width: 50px;
    }

}

@media only screen and (max-width: 426px) {
    .mainmenu .dropdown-menu a {
       /* color: #fff;*/
    }

    .top-header {
        display: block;
    }

    .top-header .top-social {
        display: none;
    }

    .navbar-area .logo img {
        max-width: 50px;
    }

    .mainmenu .collapse ul ul ul ul,
    .mainmenu .collapse ul ul ul ul.dropdown-menu {
        background: #cb0102;
        color: #fff !important;
    }

    .logo-resp-width {
        width: 80px;
    }

}

.top-header .top-social {
    padding-top: 10%;
}