@media only screen and (max-width: 1100px) {
  .footerContainer {
    flex-direction: column;
  }
  .footerContainer .mapSection {
    width: 100%;
    height: 300px;
    max-height: 300px;
    display: flex;
    justify-content: center;
  }
  .footerContainer .mapSection img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
  }

  .footerContainer .tabsSection .footerCol {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .footerContainer .tabsSection .footerCol .footerSubTitle {
    width: 300px;
    padding-left: 20px;
  }
  .footerContainer .tabsSection .footerCol .footerList {
    width: 300px;
  }
}

/* on smaller screen */

@media only screen and (max-width: 640px) {
  .footerItemSection {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .footerContainer .tabsSection .footerCol {
    flex-basis: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }

  /* update font for contact modal */
  .aside.flaot-btn .ContainerOpenWrapper .title {
    font-size: 18px;
  }
}