.row {
	margin-left: -15px;
	margin-right: -15px;
	display:flex;
}
.row::after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}
.row.csr {
	margin-bottom:30px;		
}

.col {
	float: left;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
.innerColumn {
	margin-bottom: 24px;
	height: 100%;
	box-sizing: border-box;
}


.w1 {
	width: calc((100% / 12) * 1);
}
.w2 {
	width: calc((100% / 12) * 2);
}
.w3 {
	width: calc((100% / 12) * 3);
}
.w4 {
	width: calc((100% / 12) * 4);
}
.w5 {
	width: calc((100% / 12) * 5);
}
.w6 {
width: calc((100% / 12) * 6);
}
.w7 {
width: calc((100% / 12) * 7);
}
.w8 {
width: calc((100% / 12) * 8);
}
.w9 {
width: calc((100% / 12) * 9);
}
.w10 {
width: calc((100% / 12) * 10);
}
.w11 {
width: calc((100% / 12) * 11);
}
.w12 {
width: 100%
}
.innerColumn.middle *,
.innerColumn.middle {
text-align: center;
}
.innerColumn.left *,
.innerColumn.left {
text-align: left;
}
.innerColumn.right *,
.innerColumn.right {
text-align: right;
}
.innerColumn.justify *,
.innerColumn.justify {
text-align: justify;
}
.innerColumn.borderd {
border: 1px solid;
}
.innerColumn p:last-child {
    margin-bottom: 0;
}
.innerColumn.justify normal {
	height: 100%;
}
@media screen and (max-width: 768px) {
	.row{
		display:block;
	}
	
.w1,
.w2,
.w3,
.w4,
.w5,
.w6,
.w7,
.w8,
.w9,
.w10,
.w11,
.w12 {
width: 100% !important
}
}