#menu li ul {

  display: none;

  position: relative;

  background-color: #f9f9f9;

  min-width: max-content;

  z-index: 1;

  list-style: none;

  padding: 0;

  margin: 0;

  border-radius: 0 0 8px 8px;

  transition: all 0.3s ease;

}

#menu li ul li {

  position: relative;

  border-radius: 0 0 8px 8px;

}

#menu li ul li ul {

  left: 0;

  top: 0;

  border-radius: 0 0 8px 8px;

}

#menu li ul li a {

  color: black;

  padding: 15px 25px;

  text-decoration: none;

  display: block;

  text-align: left;

  font-size: 20px;

  font-family: "Oswald", sans-serif;

}

#menu li ul li a:hover {

  background-color: #f1f1f1;

}

.navbar-inverse .navbar-toggle:focus,

.navbar-inverse .navbar-toggle:hover {

  background-color: transparent;

}



@media only screen and (min-width: 768px) {

  #menu li ul {

    position: absolute;

    background-color: #f9f9f9;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

  }

  #menu li ul li {

    position: relative;

  }

  #menu li ul li ul {

    left: 100%;

    top: 0;

  }

}



.navbar-inverse #menu>li>a:focus,

.navbar-inverse #menu>li>a:hover {

  color: #000 !important;

  background-color: transparent;

}

.blog-article {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  gap: 2rem;

}

.articles {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  gap: 0.5rem;

  border: 1px solid #00000033;

  border-radius: 8px;

  padding: 20px;

}

.Bilgi-bankasi {

  width: 100%;

  display: flex;

  flex-direction: column;

  border: 1px solid #dbdbdb;

  border-radius: 6px;

  padding: 15px;

}

.Bilgi-bankasi a {

  width: 100%;

  display: flex;

  flex-direction: column;

  text-decoration: none;

}

.Bilgi-bankasi img {

  display: block;

  width: 100%;

}

.Bilgi-bankasi .image {

  display: block;

  width: 100%;

}

.Bilgi-bankasi .title {

  display: block;

  width: 100%;

}

.Bilgi-bankasi .title h3 {

  display: block;

  width: 100%;

  padding: 0;

  margin: 15px 0 0 0;

  text-align: center;

  font-size: 22px;

  color: #d10909;

}

.lang-select {

  display: block !important;

  position: relative !important;

}

.lang-select button {

  display: flex !important;

  align-items: center;

  gap: 1rem;

  border: 1px solid #bbbbbb;

  border-radius: 4px;

}

.lang-select ul {

  display: none;

  flex-direction: column;

  position: absolute !important;

  left: 0;

  padding: 0 !important;

  margin: 0 !important;

  box-shadow: none !important;

  border-radius: 0 !important;

  border: 1px solid #d4d4d4;

  background: #fafafa !important;

  z-index: 30;

}

.lang-select ul li {

  display: inline-block !important;

  position: relative !important;

}

.lang-select ul li a {

  color: #6d6d6d !important;

  padding: 5px 5px !important;

  text-decoration: none !important;

  text-align: left !important;

  font-size: 16px !important;

  display: flex !important;

  align-items: center;

  gap: 1rem;

  opacity: 1;

}

.lang-select ul li a:hover {

  opacity: 0.8;

}

.lang-select ul li a .flag {

  display: black;

}

.lang-select img {

  display: block;

  width: 32px;

}

.lang-select ul li a .text {

  display: black;

}

.show {

  display: flex;

}

.lang-and-search {

  list-style: none;

  padding: 0;

  margin: 0;

  display: none;

}

@media (min-width: 768px) {

  .lang-and-search {

    display: flex;

    align-items: center;

    gap: 1.6rem;

  }
}

@media (max-width: 768px) {
  .header-links a {
    font-size: 23px;
    text-align: center;
  }
  .header-links ul a {
    font-size: 17px !important;
    text-align: center !important;
    background-color: #e9e5e5 !important;
    padding: 10px 25px !important;
  }
}