.select_wrap{    
 float:right; width:auto; margin-left:0px;  font-size:16px;
  position: absolute;  right:92px; top:36px;  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; 
  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; font-size:12px; border-radius:30px;
    padding: 3px 20px 5px 20px;  text-align:center; width:100%; height:100%; border:1px solid #fff;
    /*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{
  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 .on li {color:#14a83b; font-weight:500;}

.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; margin-top:5px;
  display: block; background-color:#fff; border-top:1px solid #dfdfdf; border-radius:10px;
}

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

.small .select_wrap .default_option li{  border:1px solid #888; /*background:url(../img/ico2_bl.png)no-repeat center*/}
.small .select_wrap .default_option{ color:#222; transition: .5s all;  -moz-transition: .5s all;  -webkit-transition: .5s all;  -o-transition: .5s all;}

.select_wrap2 .default_option li{  /*background:url(../img/ico2_bl.png)no-repeat center*/}
.select_wrap2 .default_option li{ border:1px solid #888;}
.select_wrap2 .default_option{color:#222; ;}

/*---------------------------------------   
MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.select_wrap .default_option{height:55px;padding-top:7px;}
.select_wrap .default_option:before{   top: 28px;}
.select_wrap .select_ul{  top: 30px; }
.select_wrap.active .default_option:before{  top: 33px; }
.select_wrap{ top:0px; width:50px;   right:52px; z-index:99;}
.select_wrap .default_option li {padding:0 16px;} 
.select_wrap .default_option li{    padding: 3px 0px 5px 0px;  text-align:center; width:100%; height:100%; border:0px solid #fff;
    background:url(../img/ico2.png)no-repeat center; text-indent: -9999px;}	
.small .select_wrap .default_option li{  border:0px solid #888; background:url(../img/ico2_bl.png)no-repeat center}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}