/* .dropdown{
    display: none !important;
} */



/* dbfkvjdimdfnhfumtexcij,pg  */

.dropbtn {

  display: none;
}


.dropdown-content>.active>a {
  color: #FFF;
  background-color: #2f8897;
}

.dropbtn:hover,
.dropbtn:focus {
  background-color: #f5f3ee;

}

.navbar {
  background-color: #f5f3ee !important;
  /* height: 15% !important; */

}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  margin-left: -101px;
}

.img-bars {
  width: 10%;
}

.dot {
  color: #f5f3ee;
}

.dropdown-content {
  display: none;
}



.dropdown-content a {
  color: #2f8897;
  font-size: 15px;
  padding: 12px 100px;
  text-decoration: none;
  display: block;
  ;
}

.dropdown a:hover {
  background-color: #ddd;
  background-color: #2f8897
}

.show {
  display: block;
}


@media screen and (max-width: 1130px) {
  .dropbtn {
    background-color: #f5f3ee;
    color: white;
    width: 24%;
    padding: 16px;
    display: block;
    font-size: 16px;
    border: none;

    margin: 0px 0px 0px 72%;
  }

  .img-bars {
    width: 100%;
    color: #fff;

  }

  input#start_long {
    margin-left: 5%;
  }
}

div#myDropdown {
  width: -webkit-fill-available;
  text-align: center;
}

.container12 {
  display: flex;
  justify-content: space-between;
}


@media (min-width: 900px) and (max-width: 1200px) {
  .dropdown-content {
    margin-left: -90% !important;
  }
}

@media (min-width: 412px) and (max-width: 900px) {
  .dropdown-content {
    margin-left: -50% !important;
  }
}