.dropbtn {
  background-color:#fff;
  color: white;
  padding: 0px 10px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  font-size:22px;
  color:#333;
}

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

.dropdown {
  float: right;
  /*position: relative;*/
  position:absolute; top:10px; right:10px;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 250px;
  overflow: auto;
  box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
  right: 0;
  z-index: 1000;
  text-align:left;
  padding-bottom:15px;
  margin-top:10px;
}

.dropdown-content li {
  color: black;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover li{background-color: #f4f4f4;}
.show {display: block;}

/*animation
.dropdown-content  {
  animation: fadeInAnimation ease 0.7s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {0% { opacity: 0.7;} 100% {opacity: 1;}}*/
		
@media only screen and (min-width: 1px) and (max-width: 414px){
.dropdown-content {
  box-shadow: 0px 70px 70px 0px rgba(0,0,0,0.2);
  min-width: 100vw;
  margin-right:-10px;
}
}