@media (max-width: 575px) {
	.contact-form .mb-5 {
		margin-bottom: 1.5rem !important;
	}
}
@media (min-width: 576px) {
	.footer-xs .links {
		min-width: 8.125rem;
	}
}
@media (min-width: 768px) {
	.align-md-items-center {
		align-items: center;
	}
	.align-md-items-end {
		align-items: end;
	}
	.footer-xs {
		padding-top: 2.5rem;
	}
	.banner-home .context h2 {
		font-size: 2rem;
	}
	.banner-home .context p {
		font-size: 1.25rem;
	}

	.slogan-xs {
		padding-top: 2.5rem;
	}
	.slogan-xs .title {
		margin-bottom: 3rem;
		font-size: 1.5rem;
	}

	.post-item {
		flex-direction: column;
	}
	.post-item .context {
		padding-top: 1rem;
		padding-left: 0;
	}
	.post-item .context p {
		font-size: 1rem;
	}

	.promotion {
		padding: 3.75rem 2.5rem;
	}
	.promotion .title {
		margin-bottom: 0;
	}
	.btn-round {
		padding: 1.25rem 5rem;
	}
	input.btn-round {
		padding: .8rem 2rem;
	}

}
@media (min-width: 992px) {
	.footer-xs {
		padding-top: 4rem;
	}
	.footer-xs .footer-info {
		flex-direction: row;
	}
	.footer-xs .desc span {
		padding-left: 0;
		padding-top: .3rem;
	}
	.banner-home .context .title {
		margin-bottom: 3rem;
		font-size: 4rem;
		font-weight: 600;
	}
	.banner-home .context .subtitle {
		margin-bottom: 3.5rem;
		font-size: 2.25rem;
	}

	.slogan-xs {
		padding-top: 3.2rem;
	}
	.slogan-xs .row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.slogan-xs .row .col-lg-4 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.slogan-xs .title {
		max-width: 800px;
		font-size: 2.25rem;
		font-weight: 600;
	}
	.slogan-xs .item p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		text-overflow: ellipsis;
		min-height: 4.5rem;
	}

	.floor .title {
		margin-top: 0;
		margin-bottom: 1rem;
	}
	
	.case .title {
		margin-bottom: 3rem;
		font-size: 3.125rem;
	}
	.post-item .context {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.post-item .context h4 {
		font-size: 1.5rem;
	}

  .office .context,
	.wall .item .context,
	.banner-service .context {
    width: 480px;
  }

  .wall .item.item-bg .context {
  	padding-top: 7rem;
  }
  .wall .item.item-bg .context h4 {
  	font-size: 1.875rem;
  }

  .banner-service .context .title {
  	font-size: 2.5rem;
  }

  .news .title {
  	font-size: 2.5rem;
  }

	.banner-page .context {
		position: absolute;
	}
  .banner-page .title {
  	margin-bottom: 1.875rem;
  	font-size: 2.5rem;color: #FFFFFF;
  }
  .banner-page .desc {
  	margin-bottom: 5rem;
  }

  .banner-contact {
		padding-top: 6rem;
		padding-bottom: 5rem;
  }
  .banner-contact .title {
  	margin-bottom: 1rem;
  	font-size: 3.125rem;
  }

	.office .context {
		padding-top: 3rem;
	}

	.service {
		margin-bottom: 6.25rem;
	}

}
@media (min-width: 1200px) {
	.footer-xs .links {
		margin-left: 4.375rem;
	}
	.banner-xs {
		margin-bottom: 1.875rem;
	}

	.slogan-xs .row {
		margin-left: -10px;
		margin-right: -10px;
	}
	.slogan-xs .row .col-lg-4 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.floor .title {
		font-size: 2.5rem;
		margin-bottom: 1.875rem;
	}

	.office .context,
	.wall .item .context,
	.banner-service .context {
		width: 570px;
	}

	.job .context {
		padding-right: 3rem;
	}
	.service .figure {
		width: auto;
	}
	.service .context {
		padding-top: 2.5rem;
		padding-left: 5rem;
		padding-right: 8vw;
	}
	.service .context h4 {
		padding-top: 3.125rem;
	}

	.banner-page .figure {
		max-height: none;
	}

	.office .context {
		padding-top: 8rem;
	}
}
@media (min-width: 1500px) {
	.slogan-xs {
		margin-bottom: 4rem;
	}

	.banner-page {
		margin-bottom: 3.5rem;
	}

	.flow-xs .row .flex-column {
		padding-left: 5rem;
	}
	.flow-xs .flex-lg-row-reverse .flex-column {
		padding-left: 15px;
		padding-right: 5rem;
	}
	.floor .mb-5 {
		margin-bottom: 5rem !important;
	}
	.floor .row .figure {
		padding-right: 3rem;
	}
	.floor .flex-lg-row-reverse .figure {
		padding-right: 0;
	}
	.floor .flex-lg-row-reverse .flex-column {
		padding-right: 5rem;
	}
	.floor .row .figure img {
		width: 100%;
	}

	.post-item .figure,
	.post-item .context {
		max-width: 400px;
	}
	.post-item .figure,
	.post-item .figure img {
		width: 100%;
	}

	.wall {
		padding-top: 1rem;
	}

	.office .context,
	.wall .item .context,
	.banner-service .context {
		width: 710px;
	}

	.banner-service .context .title {
		margin-bottom: 3rem;
	}
	.banner-service .context .desc {
		margin-bottom: 5rem;
	}
	.banner-service .mask {
		padding-top: 12rem;
		padding-left: 6.5rem;
	}

	.job {
		padding-top: 8.125rem;
		padding-bottom: 9.375rem ;
	}

	.news {
		padding-top: 6.25rem;
		padding-bottom: 6.25rem;
	}
	.news .title {
		margin-bottom: 5rem;
	}

	.office .context {
		padding-top: 12rem;
	}
}