.select_wrap{
  float:right;
  width:80px;
  margin-left:0px;
  font-size: 13px;
  position: absolute;
  right: 40px;
  top: 28px;
  z-index: 19;
  transition: .5s all;
  -moz-transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
 }

.select_wrap .default_option{
  border-radius: 5px;color:#fff; height:auto;padding:12px 0 10px 0;
  position: relative;
  cursor: pointer; transition: .5s all;  -moz-transition: .5s all;  -webkit-transition: .5s all;  -o-transition: .5s all;
}

.select_wrap .default_option li{list-style: none;
    padding: 0px 12px; text-align:center; width:100%; height:100%;
    background:url(../img/ico2.png)no-repeat center;
}



.select_wrap .default_option:before{ display:none;
    content: "";transition:0.3s all;
    position: absolute;
    top: 34px;
    right: 16px;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-45deg);
}

.select_wrap .select_ul{
  position: ;
  top: 80px; text-align:center; 
  left: 0%;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  display: none;
}

.select_wrap .select_ul li.on {color:#2b3990; font-weight:600;}
.select_wrap .select_ul li{ color:#999;
  padding: 5px 10px ;
  cursor: pointer;font-size:14px; font-weight:500;
}
.select_wrap .select_ul li:first-child {border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.select_wrap .select_ul li:first-child:hover{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select_wrap .select_ul li:last-child:hover{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select_wrap .select_ul li:hover{
  background: #f0f0f0; 
}

.select_wrap .option{
  display: flex;
  align-items: center;
}


.select_wrap.active .select_ul{ list-style:none; overflow:hidden;
  display: block; background-color:#fff; border-top:1px solid #dfdfdf;
}

.select_wrap.active .default_option:before{
  top: 39px; transition:0.3s all;
  transform: rotate(-225deg);
}


/*---------------------------------------   
MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.select_wrap .default_option{height:55px;padding-top:10px;}
.select_wrap .default_option:before{   top: 28px;}
.select_wrap .select_ul{  top: 30px; }
.select_wrap.active .default_option:before{  top: 33px; }
.select_wrap{top: 23px;width:60px;right: 58px;z-index:99999;font-size: 12px;}
.select_wrap .default_option li {padding:0 16px;} 
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
  .select_wrap{top:30px; right:30px; font-size: 11px;}
}