.MatrixCombinationsGroup{
	text-align:center;
	margin: 20px 0;
}
.MatrixCombinations{
	display: inline-block;
    max-width: 100%;
}
	#MatrixCombinations tr td{
		padding: 10px;
		text-align:center;
	}
	#MatrixCombinations div{
		float: left;
	}
		#MatrixCombinations .thead, #MatrixCombinations .tbody, #MatrixCombinations .tr{
			width: 100%;
		}

		#MatrixCombinations .td{
			float: left;
			margin: 5px 10px;
		}
			#MatrixCombinations .td small{
				float: left;
			    width: 100%;
			    margin: 2px 0;
			    font-size: 11px;
			    line-height: 13px;
			}
				#MatrixCombinations .tr .td span.color{
					width:25px;
					height:25px;
					transition:all 150ms;
				}
					#MatrixCombinations .tr .td span.color img{
						width: 100%;
					}
				#MatrixCombinations .tr .td span.color:hover{
					border: 0 !important;
				}
				#MatrixCombinations .tr .td .combination-qty{
					width:40px;
					padding:4px;
					font-size:13px;
					text-align:center;
					border:1px solid #000;
				}

				#MatrixCombinations .tr:nth-child(odd){
					background-color: #EFEFEF;
				}

		#MatrixCombinations tr td small{
			float: left;
			width: 100%;
			font-size: 10px;
			line-height: 12px;
		}
	#MatrixCombinations tr td span.color{
		width:25px;
		height:25px;
		transition:all 150ms;
	}
		#MatrixCombinations tr td span.color img{
			width: 100%;
		}
	#MatrixCombinations tr td span.color:hover{
		border: 0 !important;
	}
	#MatrixCombinations tr td .combination-qty{
		width:40px;
		padding:4px;
		font-size:13px;
		text-align:center;
		border:1px solid #000;
	}
	.MatrixButtons{
		width: 100%;
		text-align: center;
	}
	.comb-subtotal{
		width: 100%;
		font-size:16px;
		font-weight:600;
		color:#000;
	}
		.comb-subtotal i{
			font-style: normal;
		}
	.comb-subtotal span{
		float:right;
		width:100%;
		font-size:14px;
		font-weight:500;
		margin-bottom:5px;
	}
	#addMatrixToCart{
		display: inline-block;
    	margin-top: 10px;
	}
	#MatrixCombinations .colorOut{
		float: none
	}
	
	.scrollMobile{
		display: inline-block;
		width: 100%;
		overflow-x: scroll;
	}
	@media only screen and (max-width: 767px) {
		#MatrixCombinations .td{
			font-size: 11px;
		}
		#MatrixCombinations .td small{
			line-height: 11px;
		}
		#MatrixCombinations .tr .td .combination-qty{
			width: 30px;
			padding: 1px;
		}
		.scrollMobile .thead, .scrollMobile .tbody{
			/*width: 2000px !important;*/
		}
	}