.bt_bb_row {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: stretch;
	align-content: flex-start;
	.bt_bb_column {
		flex: 1 1 0%;
		max-width: 100%;
	}
}

.bt_bb_column {
	&[data-width="12"] {
		flex-basis: 100%;
		max-width: 100%; // IE 10 fix
	}
	&[data-width="11"] {
		flex-basis: 91.666666%;
		max-width: 91.666666%; // IE 10 fix
	}
	&[data-width="10"] {
		flex-basis: 83.333333%;
		max-width: 83.333333%;
	}
	&[data-width="9"] {
		flex-basis: 75%;
		max-width: 75%;
	}
	&[data-width="8"] {
		flex-basis: 66.666666%;
		max-width: 66.666666%;
	}
	&[data-width="7"] {
		flex-basis: 58.333333%;
		max-width: 58.333333%;
	}
	&[data-width="6"] {
		flex-basis: 50%;
		max-width:  50%;
	}
	&[data-width="5"] {
		flex-basis: 41.666666%;
		max-width:  41.666666%;
	}
	&[data-width="4"] {
		flex-basis: 33.333333%;
		max-width: 33.333333%;
	}
	&[data-width="3"] {
		flex-basis: 25%;
		max-width: 25%; 
	}
	&[data-width="2"] {
		flex-basis: 16.666666%;
		max-width: 16.666666%;
	}
	&[data-width="1"] {
		flex-basis: 8.333333%;
		max-width: 8.333333%;
	}
}

.bt_bb_row_inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: stretch;
	align-content: flex-start;
	.bt_bb_column {
		flex: 1 1 0%;
		max-width: 100%;
	}
}

.bt_bb_column_inner {
	&[data-width="12"] {
		flex-basis: 100%;
		max-width: 100%; // IE 10 fix
	}
	&[data-width="11"] {
		flex-basis: 91.666666%;
		max-width: 91.666666%; // IE 10 fix
	}
	&[data-width="10"] {
		flex-basis: 83.333333%;
		max-width: 83.333333%;
	}
	&[data-width="9"] {
		flex-basis: 75%;
		max-width: 75%;
	}
	&[data-width="8"] {
		flex-basis: 66.666666%;
		max-width: 66.666666%;
	}
	&[data-width="7"] {
		flex-basis: 58.333333%;
		max-width: 58.333333%;
	}
	&[data-width="6"] {
		flex-basis: 50%;
		max-width:  50%;
	}
	&[data-width="5"] {
		flex-basis: 41.666666%;
		max-width:  41.666666%;
	}
	&[data-width="4"] {
		flex-basis: 33.333333%;
		max-width: 33.333333%; 
	}
	&[data-width="3"] {
		flex-basis: 25%;
		max-width: 25%; 
	}
	&[data-width="2"] {
		flex-basis: 16.666666%;
		max-width: 16.666666%;
	}
	&[data-width="1"] {
		flex-basis: 8.333333%;
		max-width: 8.333333%;
	}
}


@media (max-width: 992px) {
	.bt_bb_column {
		&[data-width="12"], &[data-width="11"], &[data-width="10"], &[data-width="9"], &[data-width="8"], &[data-width="7"], &[data-width="5"], &[data-width="6"], &[data-width="4"] {
			flex-basis: 100%;
			max-width: 100%;
		}
		&[data-width="3"] {
			flex-basis: 50%;
			max-width: 50%;
		}
		&[data-width="2"] {
			flex-basis: 33.333333%;
			max-width: 33.333333%;
		}
	}

	.bt_bb_column_inner {
		&[data-width="12"], &[data-width="11"], &[data-width="10"], &[data-width="9"], &[data-width="8"], &[data-width="7"], &[data-width="5"], &[data-width="6"], &[data-width="4"] {
			flex-basis: 100%;
			max-width: 100%;
		}
		&[data-width="3"] {
			flex-basis: 50%;
			max-width: 50%;
		}
		&[data-width="2"] {
			flex-basis: 33.333333%;
			max-width: 33.333333%;
		}
	}
}


@media (max-width: 480px) {
	.bt_bb_column {
		&[data-width="3"], &[data-width="2"] {
			flex-basis: 50%;
			max-width: 50%;
		}
	}

	.bt_bb_column_inner {
		&[data-width="3"], &[data-width="2"] {
			flex-basis: 50%;
			max-width: 50%;
		}
	}
}


@media (max-width: 370px) {
	.bt_bb_column {
		&[data-width="3"], &[data-width="2"] {
			flex-basis: 100%;
			max-width: 100%;
		}
	}

	.bt_bb_column_inner {
		&[data-width="3"], &[data-width="2"] {
			flex-basis: 100%;
			max-width: 100%;
		}
	}
}

/* Grid Fix */

@media (max-width: 992px) and (min-width: 621px) {
	.bt_bb_row[data-structure="9-3"], .bt_bb_row[data-structure="3-9"] {
		.bt_bb_column[data-width="9"] {
			flex-basis: 66.666666%;
			max-width: 66.666666%;
		}
		.bt_bb_column[data-width="3"] {
			flex-basis: 33.333333%;
			max-width: 33.333333%;
		}
	}
	.bt_bb_row_inner[data-structure="9-3"], .bt_bb_row_inner[data-structure="3-9"] {
		.bt_bb_column_inner[data-width="9"] {
			flex-basis: 66.666666%;
			max-width: 66.666666%;
		}
		.bt_bb_column_inner[data-width="3"] {
			flex-basis: 33.333333%;
			max-width: 33.333333%;
		}
	}	
}

@media (max-width: 620px) {
	.bt_bb_row[data-structure="9-3"], .bt_bb_row[data-structure="3-9"] {
		.bt_bb_column[data-width="9"] {
			flex-basis: 100%;
			max-width: 100%;
		}
		.bt_bb_column[data-width="3"] {
			flex-basis: 100%;
			max-width: 100%;
		}

	}
	.bt_bb_row_inner[data-structure="9-3"], .bt_bb_row_inner[data-structure="3-9"] {
		.bt_bb_column_inner[data-width="9"] {
			flex-basis: 100%;
			max-width: 100%;
		}
		.bt_bb_column_inner[data-width="3"] {
			flex-basis: 100%;
			max-width: 100%;
		}

	}
}


/* Responsive BB classes */

@media (max-width: 479px) {
  .bt_bb_hidden_xs {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .bt_bb_hidden_ms {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bt_bb_hidden_sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bt_bb_hidden_md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .bt_bb_hidden_lg {
    display: none !important;
  }
}