.si-wrap{position:relative}.si-result{position:relative;font-size: 13px;color: #495057;width: 96px;height: 29px;font-weight: 100;border:1px solid #00aade;border-radius: 8px;background-color:#fff; padding: 0.275rem 1.75rem 0.375rem 0.75rem;}.si-result:after{position:absolute;top:50%;right:1em;display:block;content:'';border-style:solid;border-color:rgba(255,255,255,.3) transparent transparent transparent;border-width:4px;margin-top:0.5px;pointer-events:none}.si-result.si-selection{color:#000}.si-off .si-result:after{border-top-color:#343a40}.si-list{position:absolute;top:100%;left:0;z-index:9999;width:107px;height: 442px;overflow-x: hidden;overflow-y: auto;border:1px solid;border-top:none;background-color: #ffff;}.si-list ul{padding:0;margin:0;list-style:none}.si-item{position:relative;padding:.5em .7em;cursor:pointer;display:flex;justify-content:space-between}.si-item:last-child{border-bottom:none}.si-item:hover{background-color:rgba(0,0,0,.2)}.si-selected:after{position:absolute;right:1em;content:'✔';color:#000}.si-off .si-list{display:none}
.si-result:before {
  position: absolute;
  top: 13%;
  right: 1em;
  display: block;
  content: '';
  border-style: solid;
  border-color: rgba(255,255,255,.3) transparent transparent transparent;
  border-width: 4px;
  margin-top: 0.5px;
  pointer-events: none;
  border-top-color: #343a40;
  transform: rotate( 
179deg );
}

@media screen and (max-width: 580px) {
    .si-result{
      width: auto;
    }
  }
  @media (min-width: 768px) and (max-width : 991px)
  {
    .si-result{
      width: auto;
    }
    label{
      font-size: 13px;
    }
  }

@media (min-width: 992px) and (max-width : 1024px)
{
  .si-result{
    position: relative;
    font-size: 11px;
    color: #495057;
    width: 84px;
    width: 73px;
    height: 29px;
    font-weight: 100;
    border: 1px solid #00aade;
    border-radius: 8px;
    background-color: #fff;
    padding: 0.275rem 1.75rem 0.375rem 0.75rem;
  }
  label{
    font-size: 11px;
  }
}