@media (max-width: 500px) {
  .overlay-content {
    top: 11%;
  }
}

@media (max-width: 400px) {
  .overlay-content {
    top: 5%;
  }
}

@media (max-width: 300px) {
  .overlay-content {
    top: 0;
  }
}

.searchbar-logo {
  display: flex;
  /* margin-top: 6%; */
  gap: 1vw;
  /* justify-content: center; */
  margin-bottom: 5%;
  margin-top: 16%;
  margin-left: 86%;
}

.a {
  display: flex;
  background-color: #ffd500;
  border-radius: 1.3vw;
}

.tr {
  background-color: #0c1438;
  color: #ffffff;
  text-align: center;
  border: 1px solid #0c1438;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1vw;
  font-size: 3vw;
}

.tr,
.en,
.de {
  width: 8.135vw;
  height: 7.216vw;
  cursor: pointer;
  font-size: 4.3vw;
  font-weight: 700;
}

.en,
.de {
  border: 1px solid #0c1438;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1vw;
  border: 1px solid #0c1438;
  background: #0c1438;
  color: #ffffff;
  font-size: 4.3vw;
  font-weight: 700;
}

.hamburgermenu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -11%;
  width: 84vw;
}

/* #dropgorselleri,#dropbultenler,#dropgvideolar,#dropkurumsal,#dropbasin{
font-size: 2.5vw;
} */

.hamburger-social {
  display: flex;
  gap: 3%;
  margin-top: 26%;
  margin-left: 29%;
  margin-bottom: 25%;
}

.hamburger-social img {
  width: 8.938vw;
  height: 8.938vw;
}

@media (min-width: 701px) and (max-width: 1200px) {
  .searchbar-logo {
    margin-right: 0;
    margin-top: 0;
  }

  span.dropdown-btn {
    margin-right: 4%;
  }

  #dropgorselleri,
  #dropbultenler,
  #dropgvideolar,
  #dropkurumsal,
  #dropbasin {
    font-size: 5.556vw;
  }

  .overlay-content a {
    font-size: 5.556vw;
    margin-bottom: 0;
  }

  .sidenav a,
  .dropdown-btn {
    font-size: 5.556vw;
    margin-top: 6%;
    margin-bottom: 6%;
  }

  span.dropdown-btn {
    font-size: 5.556vw;
    margin-bottom: 0;
  }

  .borderhamburger {
    margin-top: 4%;
    margin-bottom: 4%;
    width: 88vw;
  }

  /* .tr, .en, .de {
    font-size: 2.5vw;
    width: 6.135vw;
    height: 6.216vw;    

} */

  /* .en, .de{
    font-size: 2.5vw;
    width: 6.135vw;
    height: 6.216vw;        
} */

  .hamburger-social {
    width: 35vw;
  }
  .hamburger-social img {
    width: 8.938vw;
    height: 8.938vw;
  }

  .hamburgermenu {
    margin-top: 0;
  }

  /* #index-mobiltr,#index-mobilen{
    display: none;
} */

  .header {
    position: fixed;
  }
}

@media (min-width: 1000px) and (max-width: 1200px) {
  /* .overlay-content{
    width: 45vw;
    margin-top: -5%;
}

.hamburger-social{
    width: 35vw;
    margin-top: 21%;
}
.fa-plus {
    font-size: 2.5vw;
} */
}

@media (min-width: 900px) and (max-width: 999px) {
  /* .overlay-content{
    width: 54vw;
    margin-top: -5%;
}

.hamburger-social{
    width: 38vw;
    margin-top: 21%;
}
.fa-plus {
    font-size: 2.5vw;
} */
}

@media (min-width: 800px) and (max-width: 899px) {
  /* .overlay-content{
    width: 62vw;
    margin-top: -6%;    
}

.hamburger-social{
    width: 44vw;
    margin-top: 21%;
}
.fa-plus {
    font-size: 2.5vw;
} */
}

@media (min-width: 700px) and (max-width: 1200px) {
  .overlay-content {
    /* width: 69vw;
    margin-top: -14%;     */
    width: 90vw;
    margin-left: 0;
  }

  .hamburger-social {
    width: 46vw;
    margin-top: 21%;
  }
  .fa-plus {
    font-size: 5vw;
  }

  /* .overlay-content a{
    font-size: 2.5vw;    
} */
  /* span.dropdown-btn{
    font-size: 2.5vw;
} */

  .header {
    position: fixed;
  }
}