.city-list a {
    width: 155px;
    float: right;
}

.CenterContent h1{
    margin: 0;
    font-size: 24px;
    margin-bottom: .8em;
}

.titleLink {
    display: flex;
    border-bottom: 1px solid #ff6600;
    align-items: baseline;
    justify-content: space-between;
}
 
a.titleLinkText {
    font-size: 25px;
    padding: 1rem 0rem;
}

#categoryNameHeader {
    border-bottom: 1px solid #ff6600;
    padding: 10px 0px 0px 0px;
    width: 100%;
}

.city-list {
    justify-content: space-between;
    padding: 1rem 0rem;

    
}

.category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.SubMenuheader.HomeHeader {
    border-bottom: 1px solid #ff6600;
}

.row {
    width: 30%;
    height: 40px;
    display: flex;
    flex-direction: column;
}

.rowRegion {
    width: 30%;
    height: 25px;
    display: flex;
    flex-direction: column;
}

.rowSubCategory {
    width: 30%;
    height: 60px;
    display: flex;
    flex-direction: column;
}

.rowSubCategoryAndRegion {
    width: 30%;
    height: 45px;
    display: flex;
    flex-direction: column;
}

.CenterContent {
    max-width: 930px;
    display: flex;
    flex-direction: column;
}

.subCategory-list{
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    justify-content: space-between;

}
@media only screen and (max-width:700px){
  
  .titleLink {
    flex-wrap: wrap;
  }
  .city-list{
    display: flex;
    flex-wrap: wrap;
  }
  .city-list a {
    width: 100%;
    padding: 10px 5px;
  }
  .row {
    width: 100%;
  }
  
  .rowRegion {
      width: 100%;
  }
  
  .rowSubCategory {
      width: 100%;
  }
  
  .rowSubCategoryAndRegion {
      width: 100%;
  }
  .titleLink div {
    width: 100%;
  }
  .titleLink a {
    width: 20%;
    padding: 10px 5px;
  }
}