@media only screen and (min-width: 320px) and (max-width: 740px) {
	.cases{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.27rem),1fr));
	    grid-gap: 0.32rem 0.27rem;}
 			}					
 @media only screen and (min-width: 741px) and (max-width:1200px) {	
	.cases{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(33.33% - 0.27rem),1fr));
	    grid-gap: 0.44rem 0.27rem;}
		.menu ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 2px),1fr));grid-gap: 0 2px;}
 			}
 @media only screen and (min-width: 1200px)  {					
	.cases{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(33.33% - 0.27rem),1fr));
	    grid-gap: 0.44rem 0.27rem;}
		.menu ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 2px),1fr));grid-gap: 0 2px;}
 			}	
	.banner{background: url(../images/bannerprojects.webp) no-repeat;background-size: cover;padding: 1.57rem 0 1.32rem 0;}
	.banner h1{color: #F0F2F3;font-size: 0.67rem;}
	.crumbs {font-size: max(12px, 0.18rem);color: #FFFFFF;}
	.crumbs a{font-size: max(12px, 0.18rem);color: #FFFFFF;}
	.menu ul{margin: 0.29rem 0;}
	.menu ul li a{display: block;text-align: center;font-weight: bold;font-size: max(20px, 0.28rem);color: #333333;box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);padding: 0.26rem 0;}
	.menu ul li a:hover{color: #FF8400;}
	.menu ul li .active{color: #FF8400;}
	.content{padding: 0.44rem 0 0.88rem 0;background: #F2F2F2;margin: 0.44rem 0;}
	.cases img{width: 100%;height: auto;}
	.cases li{box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.19);border-radius: 0 0 5px 5px;}
	.cases li .text{padding: 0 0.12rem 0.13rem 0.12rem;}
	.cases li h3{font-size: max(14px, 0.18rem);color: #5A5A5A;margin-top: 4px;}
	.cases li p{font-size: max(14px, 0.16rem);color: #5A5A5A;margin: 6px 0;}
	.cases li:hover h3{color: #FF8400;text-decoration-line: underline;}
	.pagination{text-align:center;margin:3% 0;line-height:23px;}
	.pagination span, .pagination a{font-size:14px;margin:2px 6px 2px 0;background:#fff;border:1px solid #FF8400;color:#FF8400;padding:6px 10px;text-decoration:none;}
	.pagination a:hover{background:#FF8400;color:#fff;}
	.pagination .current{background:#FF8400;border:1px solid #FF8400;color:#fff;font-size:14px;padding:6px 10px;}