@media (max-width: 992px) {

	#logo {

        display: none;

    }

    .navbar {

        background: url(../images/logo_mobil.png) contain;
        margin-bottom: 0px;

    }

    .navbar-header {

        height: 150px;
        margin: 0px !important;

    }

    .navbar-brand {

        padding: 0px;
        height: auto;

    }

    .navbar .container {

        background: none;
        height: auto;
        width: 100%;
        margin: 0px !important;

    }

    .navbar-toggle {

        margin-top: -30px;
        margin-right: 25px;
        background: #2087C2;

    }

    .navbar-default .navbar-toggle .icon-bar {

        background-color: #fff;

    }

    .navbar-collapse {

        border: none;
        box-shadow: none;
        width: 100%;
        margin: 0px !important;


    }

    .navbar-nav>li>a, .navbar-nav>li>a:hover, .navbar-nav>li>a:active, .navbar-nav>li>a:focus {

        background: #fff;
        padding: 10px 30px;

    }

}

@media (min-width: 992px) {
    
    #logo_mobil {

        display: none;

    }

    .navbar-nav {

        float: right;
        height: 100%;
        width: 500px;
        margin-top: 25px;

    }

    .navbar-collapse {

        padding: 0px;

    }


    .navbar-nav>li {

        float: right;

    }

    .navbar-nav>li>a {

        font-size: 20px;

    }
    
}


@media (min-width: 992px) and (max-width:1200px) {

    .navbar {

        background: url(../images/bg_header_ipad.png) no-repeat top center;

    }

    .navbar-nav {

        width: 450px;
        margin-top: 0px;

    }

    .navbar-nav>li>a {

        font-size: 14px;

    }

}