.region_main ul li:hover { cursor: pointer; }

.region_main ul li {
  position: relative;
  float: left;
  background: #F2ECFA;
  margin-right: 5px!important;
  margin-bottom: 5px;
  color: #775f93;
  border-bottom: 1px dotted #775f93;
  font-size: 14px;
  border: 0;
  padding: 8px 10px;
  width: 108px;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
}
.region_main ul li:first-child { margin-left: 0px!important; }
.region_main ul li:last-child { margin-right: 0px!important; }
 
.region_main ul li.active{
  border: none;
  background-color: #805ea2;
  color: #fff;
}

.center_2 .region_main ul li.disabled { cursor: default; }
.region_main .ceilings {
  font: normal 20px/18px Arial;
  color: #775F93;
  padding: 8px 0;
  margin: 0;
  width: 100%;
}

@media (max-width: 768px){
  .region_main ul{width: 100%;}
  .region_main ul li{width: 49%;box-sizing: border-box;margin-right: 5px!important;}
  .region_main ul li:nth-child(even){margin-right: 0px!important;width: 50%; }
}
@media (max-width: 530px){
  .region_main ul li:nth-child(even){width: 49%;}
}