@media (min-width:768px) {
    .dropdown:hover>.dropdown-menu {
        display: block;

    }


    .dropdown-toggle {
        padding: 30px 15px;
    }

    .dropdown-menu {
        background-color: #283138;

        border: none;
        border-radius: 0.5em !important;
        padding: 1em;
        font-size: 1em;
        left: 0 !important;
        text-align: center;
    }

    .dropdown-item {
        display: inline-block;
        margin: 0.5em 0em;
        padding-bottom: 0.5em;
        width: 100%;
    }
}


@media (max-width:768px) {
    .dropdown-toggle {
        display: none !important;
    }

    .dropdown-menu {
        background-color: #283138;

        border: none;
        display: inline;
        float: none;
        position: relative;
        -webkit-box-shadow: none;
    }

    .dropdown-menu a {
        display: block;
        font-size: 0.75em;
        font-weight: 300;
        padding: 10px 15px;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
}