.m_container {
  max-width: 1100px;
  margin: 0 auto;
}
.m_legend {
  float: left;
  margin-right: 40px;
}
.m_legend h3 {
  margin-bottom: 10px;
	 color:white;
	 font-weight: bold;
}
.m_legend ul.ml {
  list-style: none;
  padding: 0;
}
.m_legend li {
  margin-bottom: 5px;
	 color:white;
	 font-weight: bold;
}
.m_legend .m_color {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
}
.white_m {
	background-color:white;
	color:black;
}
.m_zone2 { background-color: #3A9A4B; }
.m_zone3 { background-color: #F3DC17; }
.m_zone4 { background-color: #F7A620; }
.m_zone5 { background-color: #F04744; }
.m_zone6 { background-color: #28A3D1; }
.m_zone7 { background-color: #1C42F2; }
.m_zone8 { background-color: #6A1A9C; }
.m_brown { background-color: #5C2D0F; color: #fff; }
.m_green { background-color: #3A9A4B; color: #fff; }
.m_shipping-table {
  overflow: hidden;
  display: table;
  width: calc(100% - 220px);
  border-collapse: collapse;
}
@media (max-width: 768px) {
  .m_shipping-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: visible;
    width: calc(100%);
  }
  .m_cell2{
     display: table-cell;
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
	  font-weight: bold;
    color: #111;
  }
}
.m_row {
  display: table-row;
}
.m_cell {
  display: table-cell;
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
	  font-weight: bold;

}

.m_label-row .m_cell {
  color: #fff;
  font-weight: bold;
}
.m_text-row .m_cell:first-child,
.m_price-row .m_cell:first-child {
  text-align: left;
  font-weight: bold;
	 color:black;
}
.m_price-row .m_cell:not(:first-child) {
  background: #f0f0f0;
  font-weight: bold;
  color:black;
}