@media (min-width: 800px) {
    .dropdown-menu{
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        width: 150px;
        left: -20%;
        text-align: left;
        border: 0;
        background-color: #F7F7F7;
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar{
        background-color: white !important;
    }

    .dropdown-menu a{
        height: 50px;
        line-height: 50px;
    }

    .navbar-nav li a:hover{
        background-color: #4269AB !important;
        color: white !important;
    }

    .dropdown-toggle:hover{
        background: url("../images/barbg.png") no-repeat;
    }

    .dropdown-item.active, .dropdown-item:active{
        background-color: #4269AB;
    }

    .navbar-nav > li{
        min-width: 80px;
        text-align: center;
    }

}


@media (max-width: 768px){
    #logo{
        width: 300px;
        height: auto;
    }
}