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

@media(max-width: 991px) {
	.page-entry__content {
	    position: relative;
	    margin-top: 0px !important;
		
	}
	.generic-content .sustainable-cladding-hero {
	    background: url(../pic/14-bg.jpg) no-repeat center center;
	    background-position-y: center;
	    background-size: cover;
	    padding-top: 10.2rem;
	    padding-bottom: 2rem;
	}
	.generic-content .sustainable-cladding-hero h1 {
	    text-shadow: 2px 2px 10px #333;
		max-width: 100%;
		font-size: 2.4rem;
	}
	.media-block h1{font-size: 2.4rem; margin-bottom: 1rem;}
	.media-block h2{font-size: 2.2rem; margin-bottom: 1rem;}
	.media-block h3{font-size: 2.0rem; margin-bottom: 1rem;}
	.media-block h4{font-size: 1.8rem; margin-bottom: 1rem;}
	.media-block h5{font-size: 1.6rem; margin-bottom: 1rem;}
	.media-block h6{font-size: 1.4rem; margin-bottom: 1rem;}
	.media-block .media-block__image{margin-top: 2rem; margin-bottom: 2rem;}
	.media-block p{margin-bottom: 0.6rem;}
	.media-block--blue {background: #10384d;}
	.media-block p a, .media-block a {
	    border-bottom: none;
	}
	
	
	.the-14-di-box {
	    width: 100%;
		height: 12rem;
		background: url(../pic/14-di.jpg) no-repeat center center;
		background-attachment: fixed;
		position: relative;
		overflow: hidden;
	}
	.the-14-2-box .media-block__image{
	    transform: scale(1) !important;
	    transition: all .3s ease-in-out;
	}
	.the-14-2-box .media-block__image:hover{
	    transform: translateY(-1rem) !important;
	}
	.the-14-2-box .media-block__image img{
	    width: 90%; 
	    margin: 0 auto; 
	    -webkit-box-shadow: 2px 2px 5px rgb(119 119 119 / 70%); 
	    box-shadow: 2px 2px 5px rgb(119 119 119 / 70%); 
	    cursor: pointer;
	}
	.the-14-2-box .media-block__image:hover a{
	    color: #10384d !important;
	}
	.the-14-5-box .media-block__content .p1 img {
	    flex-basis: 40px;
		width: 14px;
	}
	.the-14-5-box .media-block__image img:first-child {
	     margin-left: 35% !important;
	     transform: rotate(5deg);
	}
	
	.the-14-5-box .media-block__image img:last-child {
	    position: absolute;
	    width: 45%%;
	    margin: 0 auto;
	    -webkit-box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
	    box-shadow: 2px 2px 5px rgb(119 119 119 / 70%);
	    top: 0;
	    left: 62%;
	    transform: translateX(-80%) rotate(-15deg);
	}
	
	
	/* 混合css */
	.the-14-8-box{
	}
	.the-14-8-box .container h4{
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}
	.the-14-8-box .container h6{
		font-size: 1.4rem;
	}
	.the-14-8-box-son .media-block__image{
		margin-top: 2rem; margin-bottom: 2rem;
	}
	.the-14-8-box-son .media-block__image img {
	    margin: 0 auto;
	    width: 24rem;
	}
	.the-14-8-box-a {
	    border: none !important;
	    font-weight: normal !important;
	    background: transparent !important;
	    color: #295c89 !important;
	    padding-bottom: 0rem !important;
	}
	.the-14-8-box-son table th, .the-14-8-box-son table td{
		line-height: 1.8rem;
	}
}