@media (max-width: 1199px) {
	.superior-design .superior-detail {
		width: 100%;
		float: left;
		padding: 50px 0 0;
	}
}

@media (max-width: 992px) {
	.contact-grey .detail {
		padding: 0px 0 50px;
	}
	.superior-design .superior-detail {
		padding: 0 0 100px;
	}
	.howitworks-group .howitworks-content .left-side, .howitworks-group .howitworks-content .right-side, .howitworks-group .howitworks-content .bottom-side {
		width: 100%;
		padding: 50px;
	}
	.howitworks-group .common-box.left-active, .howitworks-group .common-box.right-active, .howitworks-group .common-box.bottom-active {
		border: 0;
		max-width: 100%;
	}
	.howitworks-group .howitworks-content .right-side:before, .howitworks-group .howitworks-content .left-side:before {
		display: none;
	}
	.howitworks-group .common-box.left-active .step-number, .howitworks-group .common-box.right-active .step-number, .howitworks-group .common-box.bottom-active .step-number {
		display: none;
	}
	.howitworks-group .common-box.bottom-active:before {
		display: none;
	}
	.howitworks-group .common-box.right-active:before {
		bottom: -20px;
		top: inherit;
		left: 50%;
		transform: rotate(270deg);
	}
	.howitworks-group .common-box.left-active:before {
		top: inherit;
		bottom: -20px;
		left: 50%;
		right: inherit;
		transform: rotate(90deg);
	}
	.banner-top .banner-content {
		width: 80%;
	}
	.banner-top {
		/* height: 500px; */
	}
	.features-theme .content {
		padding: 0;
	}
}


@media (max-width: 768px) {
	.banner-top {
		height: 280px;
	}
	.banner-top .banner-content-main {
		top: 70%;
	}
	.banner-top .banner-content {
		padding: 10px;
		width: 100%;
	}
	.banner-top .banner-content .banner-title {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.banner-top .banner-content .banner-subtitle {
		font-size: 14px;
	}
	.superior-design, .howitworks-group, .features-theme, .faq-group, .subscribe-group, .contact-grey {
		padding: 50px 0;
	}
	.superior-design {
		padding-bottom: 0;
	}
}

@media (max-width: 576px) {
	.howitworks-group .howitworks-content .left-side, .howitworks-group .howitworks-content .right-side, .howitworks-group .howitworks-content .bottom-side {
	    padding: 50px 0;
	    margin: 0;
	}
	.howitworks-group .common-box.left-active, .howitworks-group .common-box.right-active, .howitworks-group .common-box.bottom-active {
		padding: 10px;
	}
	.superior-design .superior-detail .title, .howitworks-group .howitworks-title, .features-theme .title, .faq-group .faq-title, .subscribe-group .subscribe-title, .contact-grey .title {
		font-size: 26px;
	}
	.features-theme .single-feature .title {
		font-size: 20px;
		line-height: 26px;
	}
	.contact-grey .sub-title {
		font-size: 20px;
	}
}