@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width : 991px) {
	.main-section-wrapper {
		padding-top: 76px;
	}
	.honor-400, .honor-400-pro, .honor-magic7-pro {
		height: 410px;
		margin-bottom: 60px;
	}
	.honor-400 a img, .honor-400-pro a img, .honor-magic7-pro a img {
		max-width: 40%;
	}
	.buttons-bottom {
		margin-top: 50px;
	}
	.buttons-bottom img {
		max-width: 85%;
	}
}

@media only screen and (max-width : 767px) {
	.honor-400 a img, .honor-400-pro a img, .honor-magic7-pro a img {
		max-width: 66%;
	}
	.honor-400 a img, .honor-400-pro a img, .honor-magic7-pro a img {
		margin-bottom: -90px;
	}
	.honor-400, .honor-400-pro, .honor-magic7-pro {
		height: 340px;
		margin-bottom: 70px;
	}
	.info-bottom {
		padding-bottom: 70px;
    	padding-top: 20px;
	}
	.info-bottom h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.info-bottom p {
		font-size: 13px;
	}
	.buttons-bottom img {
		max-width: 70%;
	}
	.buttons-bottom {
		margin-top: 25px;
	}
}