/* ==============================================NAVBAR Masaüstü Görünümü =============================================== */
@media all and (min-width: 992px) {
    .navbar {
        cursor: pointer;
        padding-top:30px;
    }

        .navbar .navbar-nav .nav-link {
            font-size: 15px;
            font-weight: 600;
            vertical-align: middle;
            margin-left: 10px;
        }

        .navbar .nav-item.active .nav-link,
        .navbar .nav-item:hover .nav-link {
        }

        .navbar .nav-item .dropdown-menu {
            min-width: 100%;
            margin-top: 0;
            font-size: 14px;
            display: none;
        }

        .navbar .nav-item:hover .dropdown-menu {
            border: none !important;
            border-radius: 0px 0px 0px 0px !important;
            display: block;
        }

        .navbar .nav-item:hover .dropdown-item {
        }

    .dropdown-menu .dropdown .dropdown-menu {
        left: 100%;
        top: 0%;
        margin: 0px;
        border-width: 0;
    }

    .dropdown-item {
        width: 100%;
        padding: 0.3rem 0.8rem;
    }

        .dropdown-item:hover {
        }
}

/* ===================================== Mobil Görünümü ================================================= */

.navbar-toggler {
    top: 0;
    right: 0px;
    position: absolute;
    border: none;
    margin-top: -40px;
}

    .navbar-toggler:focus {
        box-shadow: none;
    }

@media (max-width: 767.98px) {

    .navbar {
        padding: 0px;
        padding-top: 0px !important;
        position: relative !important;
        width: 100% !important;
        z-index: 99;
    }

        .navbar .navbar-nav .nav-link {
            padding: 0px;
            padding-top: 0px !important;
            height: 40px !important;
            line-height: 40px;
            padding-left: 20px;
            margin: 0px;
            vertical-align: middle;
            float: left;
            font-size: 14px;
        }

    .dropdown-menu {
        border-radius: 0px 0px 0px 0px !important;
    }

    .dropdown-item {
        text-align: left !important;
        font-size: 13px;
    }

        .dropdown-item:hover {
            background-position: 0% 0%;
            color: black !important;
        }

        .dropdown-item:active {
        }
}