.other-menus {
  margin-top: 130px;
  background-color: #f2f2f2;
  overflow-x: hidden;
  justify-content: center;
}


.other-menus li a:hover{
  color: #A80532;
  text-underline-offset: 4px;
}

.other-menus-title{
  margin-top: 60px;
  margin-bottom: 56px;
}

.other-menus h2, .other-menus h4{
  color: #A80532;
}

.other-menus h4{
  margin-bottom: 32px;
}

.other-menus li{
  margin-left: 12px;
  position: relative;
  padding-left: 15px;
}

.other-menus li:before{
  content:"·  ";
  font-size: 30px;
  position: absolute;
  left: 0;
}

.other-menus .col-md-3{
  margin-left: -10px;
}
.other-menus .column-row{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  column-gap: 32px;
  margin-bottom: 92px;
}

.column-list {
  padding-right: 10px;
  margin-left: 16px;
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  overflow: hidden;
}

.column-list.multi-column {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}


@media (max-width: 768px) {
  .other-menus{margin-top: 0;}

  .other-menus-title h2{font-size: 32px;}
  .other-menus .column-list h4{font-size: 20px;}

  .other-menus .column-list{
    margin-left: 0;
  }

  .other-menus .column-row {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 62px;  
    row-gap: 95px;
  }
}
@media (max-width: 550px) {
  .other-menus-title{margin-bottom: 32px;}
    
  .other-menus .column-list{
    margin-left: 16px;
  }
  .other-menus .column-list ul{
    line-height: 1.7em;
  }
  .other-menus .column-row {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 37px;
  }
}