@media(max-width: 991px) {
	
}

@media(min-width: 992px) {
	.diy-conten .site-content{
		padding-top: 17.2rem !important;
	}
	.media-block__image img {
	    max-width: 100%;
	    margin-left: 0%;
	}
	.generic-content h1, .generic-content h2, .generic-content h3, .generic-content h4, .generic-content h5, .generic-content h6 {
	    color: #10384d;
	}
	.media-block h1, .media-block h2, .media-block h3, .media-block h4, .media-block h5, .media-block h6 {
	    color: #10384d;
	}
	.media-block--blue {
	    background: #10384d;
	}
	.generic-content--blue {
		background: #10384d;
	}
	.media-block p a, .media-block a {
	    font-weight: 600;
	    color: #10384d;
	    border-bottom: none;
	    padding-bottom: 2px;
	}
	.media-block p a:hover, .media-block a:hover {
	    border-bottom: none;
	}
	.media-block__image {
	    flex-basis: 50%;
	}
	.media-block__content {
		flex-basis: 50%;
	}
	.generic-content .sustainable-cladding-hero {
		background: url(../pic/16-bg.jpg) no-repeat center center;
		background-position-y: center;
		background-size: auto;
		padding-top: 16rem;
	}
	.generic-content .sustainable-cladding-hero h1 {
	    text-shadow: 2px 2px 10px #333;
	}
	.recent-projects__content {
		justify-content: center;
		gap: 10rem;
	}
	
	
	.container-normal img{
	    image-rendering: crisp-edges;
		width: 34rem;
        margin-bottom: 1.2rem;
	}
	.the-16-1-box{
	    padding: 4rem 0;
		background: #f5f5f5;
	}
	
	.recent-projects__content__item{
		transition: transform 0.3s ease; /* 动画持续时间为0.3秒 */
		transform: translateY(0); /* 初始状态不移动 */
		flex-basis: 30%;
	}
	
	.recent-projects__content__item:hover {
	  transform: translateY(-1.5rem); /* 鼠标悬停时向上移动10像素 */
	}
	
	.recent-projects__content__item__image{
		overflow: hidden;
		transition: all .3s ease-in-out;
		border: 2px solid #eee;
		border-radius: 0.0rem;
	}
	.recent-projects__content__item__image:hover img {
		transform: scale(1);
		transition: all .3s ease-in-out;
		cursor: pointer;
	}
	
	
}


@media(min-width: 1200px) {
	
}

@media(min-width: 1400px) {
	
}