/*=== MEDIA QUERY ===*/

.navbar-toggle {
background: #222222;
}

.navbar-toggle .icon-bar {
background: #fff;
}
.dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #edf1f7;
}
.dropdown-menu ul {
    min-width: 200px;
    list-style: none;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #fff;
    background-color: rgba(0, 0, 0, 0.95);
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
}

.nav .open a {
background-color: transparent;
}

.nav .open a:focus {
background-color: transparent;
}

#top-bar .dropdown-menu ul li a {
display: block;
font-size: 13px;
font-weight: 400;
line-height: normal;
text-decoration: none;
padding: 8px 0;
color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 1200px) {
    /* Dropdown animation */
    .navbar-nav .dropdown-menu,
    .navbar-nav .dropdown.megamenu div.dropdown-menu {
        background: #edf1f7;
        border-radius: 0;
        border: 0;
        box-shadow: none;
        display: block;
        opacity: 0;
        z-index: 999;
        visibility: hidden;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99), -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    }
    .navbar-nav .dropdown:hover div.dropdown-menu,
    .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
        opacity: 1;
        visibility: visible;
        color: #777;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .navbar-nav .dropdown-backdrop {
        visibility: hidden;
    }
}