/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.wrapper_box {
		max-width: 650px;
	}
	.brands {
		max-width: 650px;
	}
	.single_logo img {
		max-width: 150px;
	}
	.brands_logo {
		margin-left: 0;
	}

}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
	.brands_logo {
		margin-left: 0;
	}
	.wrapper_box {
		width:100%;
		padding:100px 20px 0;
	}
	.brands {
		width:100%;
		padding:0 20px;
	}
	.single_logo {
		display: block;
		margin: 0 0 50px 0;
		width: 100%;
		text-align: center;
	}
	.h1 {
		font-size: 38px;
		line-height: 40px;
		text-align: left;
	}
	.brands_ttl {
		font-size: 34px;
		line-height: 34px;
	}
	.main_logo {
		margin: 0 110px 50px 110px;
	}
	.main_body {
		text-align: left;
	}
	.h1 {
		font-size: 34px;
		line-height: 34px;
		text-align: center;
	}
	.h1::after {
		margin: 25px auto 0;
	}

}