.international-distributor-links a, .international-distributor-links a:link {
	color: #885120;
	text-decoration: underline;
}
.international-distributor-links a:visited, .international-distributor-links a:focus, .international-distributor-links a:hover {
	color: #885120;
	text-decoration: none;
}
.international-distributor-links a:active {
	color: #3CA24F;
	text-decoration: underline;
}

.international-distributor-list {
	width: 33.3333%;
	float: left;
	min-height: 8em !important;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

@media only screen and (min-width: 360.01px) and (max-width: 700px) {
/*.lbm-column {float: none !important; width: auto !important; border: none !important;}
.lbm-ehc, .lbm-ehc .lbm-column {display: block !important; border-radius: 0px;}
.lbm-row.lbm-ehc.lbm-gutter .lbm-col-wrapper {padding: 0px 0px;}
.lbm-col-wrapper {display: block;}*/
.international-distributor-list {
	width: 50% !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 360px) {
.international-distributor-list {
	width: auto !important;
	float: none !important;
}
}