.wrapper-dropdown-5 { min-width: 220px; width: 90%;text-align: left;border: solid 2px #000; position: relative; font-size: 16px; margin: 0 auto; padding: 12px 15px; background: #fff; cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index:3 }
@media(min-width: 576px){
	.wrapper-dropdown-5 {min-width: 220px; max-width: 280px;}
}
.wrapper-dropdown-5:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #000 transparent; }
.wrapper-dropdown-5 .dropdown { position: absolute; margin-left: 0; top: 100%; left: 0; right: 0; background: #fff; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; max-height: 0; overflow: hidden; z-index: 4; }
.wrapper-dropdown-5 .dropdown li { padding: 0 8px; font-size: 16px; }
.wrapper-dropdown-5 .dropdown li a { display: block; text-decoration: none; color: #333; padding: 8px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; }
.wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
.wrapper-dropdown-5 .dropdown li:hover a { text-decoration: underline; }
.wrapper-dropdown-5.active { background: #000; color: white; }
.wrapper-dropdown-5.active:after { border-width: 0 6px 6px 6px; border-color: #fff transparent; }
.wrapper-dropdown-5.active .dropdown { max-height: 530px; background-color: #F6F6F6;filter: drop-shadow(5px 5px 10px #828282);}