.trans_1_1 {width: 20%;}
	.trans_1_2 {width: 40%;}

@media only screen and (max-width: 1000px) {
	.trans_1_1 {width: 20%;}
	.trans_1_2 {width: 40%;}
}

@media only screen and (max-width: 900px) {
	.trans_1_1 {width: 22%;}
	.trans_1_2 {width: 39%;}
}

@media only screen and (max-width: 800px) {
	.trans_1_1 {width: 25%;}
	.trans_1_2 {width: 37.5%;}
}

@media only screen and (max-width: 700px) {
	.trans_1_1 {width: 29%;}
	.trans_1_2 {width: 35.5%;}
}

@media only screen and (max-width: 600px) {
	.trans_1_1 {width: 33%;}
	.trans_1_2 {width: 33.5%;}
}

@media only screen and (max-width: 500px) {
	.trans_1_1 {width: 40%;}
	.trans_1_2 {width: 30%;}
}

@media only screen and (max-width: 400px) {
	.trans_1_1 {width: 50%;}
	.trans_1_2 {width: 25%;}
}

@media only screen and (max-width: 300px) {
	.trans_1_1 {width: 67%;}
	.trans_1_2 {width: 16.5%;}
}