.restrictedAreaWrap { float: left; width: 100%; padding: 30px 0; }
.restrictedAreaWrap .sector { display: none; }
.restrictedAreaWrap .outer { margin: 0; }

.listNav,
.ln-letters {overflow: hidden;width: 100%;}

.listNavHide { display: none }

.listNavShow { display: list-item }

.letterCountShow { display: block }

.ln-letters a { display: block; float: left; padding: 10px 0px; border: 1px solid #ececec; border-right: none; text-decoration: none; font-family: "OpenSans Semibold"; font-size: 1.2em; color: #f8494f; width: 3.57%; text-align: center; }

.ln-letters .ln-last {border-right: 1px solid #ececec;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.ln-letters a:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 4px; }

.ln-letters a:hover,
.ln-letters .ln-selected {background-color: #f8494f;color: #FFF;}

.ln-letters .ln-disabled {color: #ccc;}
.ln-letters .ln-disabled:hover, .ln-letters .ln-disabled.ln-selected { background-color: #ffafb2; color: #fff; }
.ln-letter-count {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  text-align: center;
  font-size: 1.4em;
  line-height: 1.3em;
  color: #f8494f;
  font-family: "OpenSans Regular";
}


#demoOne {float: left;width: 100%;padding: 40px 0;}
#demoOne li { padding: 3px 30px; position: relative; list-style-type: none; }
#demoOne li:before {content: "";position: absolute;top: calc(50% - 2px);left: 0;width: 4px;height: 4px;border-radius: 50%;background-color: #000;}
#demoOne li a { font-family: "OpenSans Regular"; font-size: 1.4em; line-height: 1.6em; }
#demoOne .ln-no-match { font-family: "OpenSans Regular"; font-size: 1.4em; line-height: 1.6em; }

@media screen and (max-width: 767px){
  .ln-letters { overflow-x: auto; display: flex }
  .ln-letters a { width: auto; padding: 10px 10px; white-space:nowrap; }
}