.top-bar {
            background: #222;
            color: #fff;
            padding: 6px 0;
            font-size: 14px;
        }

        .top-bar a {
            color: #fff;
            margin-left: 10px;
        }

        .logo-area img {
            height: 65px;
        }

        .search-box {
            border-radius: 30px;
            padding-left: 20px;
        }

        .navbar .dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
        }
		
@media (max-width: 768px) {
    .top-bar a {
        margin: 0 10px; /* Ikonlarin arasini açar */
        font-size: 20px; /* Mobilde ikonlari biraz daha büyütür */
    }
    .top-bar .container {
        justify-content: center !important; /* Mobilde ikonlari ortalar */
    }
}
@media (max-width: 768px) {
    .search-box {
        height: 45px; /* Parmakla tiklamak ve yazmak daha kolay olur */
        font-size: 16px; /* Yazi boyutu mobilde otomatik zoom yapmasin diye idealdir */
    }
}