/*  row
---------------------------------------------*/
.row {
*zoom: 1;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
.row .col-l {
	float: left;
}
.row .col-r {
	float: right;
	
}
.row .col-r-r {
	float: left;
	margin-left: 50px;
}
.row .col-r h2{
	font-size: 25px;
	margin-bottom: 15px;
}
/*cloumn-2*/
.row .col-w-2-1 {
	width: 488px;
}

@media screen and (max-width: 720px) {
.row .col-w-2-1 {
	width: auto;
}
.row .col-w-2-1.col-l,  .row .col-w-2-1.col-r {
	float: none;
}
}

/*cloumn-4*/
.row .col-w-4-1 {
	width: 282px;
	margin-left: 24px;
}
.row .col-w-4-1:first-child {
	margin-left: 0;
}
.row .col-w-4-1:nth-child(4n-3) {
	margin-left: 0;
}
.row .col-w-4-1:nth-child(n+5) {
	margin-top: 16px;
}

@media screen and (max-width: 720px) {
.row .col-w-4-1 {
	width: 49%;
	margin-left: 2%;
}
.row .col-w-4-1:nth-child(2n-1) {
	margin-left: 0;
}
.row .col-w-4-1:nth-child(n+3) {
	margin-top: 2%;
}
}

/*cloumn-5*/
.row .col-w-5-1 {
	width: 224px;
	margin-left: 20px;
}
.row .col-w-5-1:nth-child(5n-4) {
	margin-left: 0;
}
.row .col-w-5-1:nth-child(n+6) {
	margin-top: 20px;
}

@media screen and (max-width: 720px) {
.row .col-w-5-1 {
	width: 32%;
	margin-left: 2%;
}
.row .col-w-5-1:nth-child(5n-4) {
	margin-left: 2%;
}
.row .col-w-5-1:nth-child(3n-2) {
	margin-left: 0;
}
.row .col-w-5-1:nth-child(n+4) {
	margin-top: 2%;
}
}
/*  align
---------------------------------------------*/
.align-l {
	text-align: left;
}
.align-c {
	text-align: center;
}
.align-r {
	text-align: right;
}
/*  margin plus
---------------------------------------------*/
.mt-3 {
	margin-top: 24px !important;
}
.mt-10 {
	margin-top: 80px !important;
}
.mt-12 {
	margin-top: 96px !important;
}
.mt-14 {
	margin-top: 112px !important;
}
.mt-18 {
	margin-top: 144px !important;
}
@media screen and (max-width: 720px) {
.mt-10 {
	margin-top: 36px !important;
}
.mt-12 {
	margin-top: 36px !important;
}
.mt-14 {
	margin-top: 60px !important;
}
.mt-18 {
	margin-top: 40px !important;
}
}