@media all and (min-width: 801px) {
    .sidebar-content #service-area-list ul.service-cities {
      width: 100%;
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
      text-align: left;
    }
    .sidebar-content #service-area-list ul.service-cities li {
      width: 100%;
      padding: 0;
    }
    .sidebar-content #service-area-list ul.service-cities li::after {
      display: none;
    }
}
@media all and (min-width: 571px) {
    #service-area-list ul.service-cities li {
      position: relative;
      padding: 0 5px;
    }
    #service-area-list ul.service-cities li:first-of-type {
      padding-left: 0;
    }
    #service-area-list ul.service-cities li:last-of-type {
      padding-right: 0;
    }
    #service-area-list ul.service-cities li:not(:last-of-type)::after {
      content: '\2022';
      position: relative;
      right: -10px;
    }
    #service-area-list ul.service-cities li a {
      text-decoration: underline;
    }
  }
  @media all and (max-width: 570px) {
    #service-area-list ul.service-cities {
      width: 100%;
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
      text-align: left;
    }
    #service-area-list ul.service-cities li {
      width: 100%;
    }
  }
  /* Service Area 4 - NOT PART OF PATTERN*/
  #service-area-list {
    text-align: center;
  }
  #service-area-list .sa-area-box {
    position: relative;
  }
  .full-width #service-area-list .sa-area-box > .width-limiter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .full-width #service-area-list .sa-area-box > .width-limiter > div {
    width: 50%;
  }
  #service-area-list .view-all {
    text-align: center;
  }
  #service-area-list .map-area {
    width: 100%;
    height: 270px;
    background-image: url(/assets/templates/main/images/bgs/bg-map-small.jpg);
    background-position: left center;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  #service-area-list .sa-area-box > .width-limiter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  @media all and (min-width: 801px) {
    .full-width #service-area-list .sa-area-box:after {
      content: '';
      height: 100%;
      width: 50%;
      background-image: url(/assets/templates/main/images/bgs/bg-map.jpg);
      background-position: left center;
      background-size: cover;
      position: absolute;
      right: 0px;
      top: 0px;
    }
    .full-width #service-area-list .map-area {
      display: none;
    }
  }
  @media all and (max-width: 800px) {
    .full-width #service-area-list .sa-area-box > .width-limiter {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
    }
    .full-width #service-area-list .sa-area-box > .width-limiter > div {
      width: 100%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  
  }
  @media all and (max-width: 570px) {
    .full-width #service-area-list .map-area {
      height: 200px;
    }
  }
  
  /* Content Pattern */
  ul.service-cities {
    padding: 0px;
  }
  ul.service-cities li {
    display: inline-block;
    margin: 0px 5px;
  }