@media (max-width:1000px) {
	/* body {
		background-color: #b5dbf2 !important;
	} */

	.main {
		width: 100%;
		height: auto;
		padding: 0 0 15px;
		/* background-color: #b5dbf2; */
	}
	.m-title{
		width: 90%;
		height: auto;
		font-size: 20px;
		color: #FFFFFF;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 1.5;
		margin: 0 auto;
		border-bottom: 2px solid #68bef0;
		/* background-color: #F4F4F4; */
	}
	.m-title img{
		width: 28px;
		height: 28px;
		vertical-align: middle;
	}
	.m-title p{
		width: auto;
		height: auto;
		display: inline-block;
		text-align: center;
		padding: 0 5px;
		background: linear-gradient(0deg, #5dcfdd, #67b5f4);;
		/* background-color: #68bef0; */
	}
	.listOne{
		width: 90%;
		height: auto;
		padding: 15px 0;
		display: flex;
		margin: 0 auto;
		justify-content: space-between;
		flex-wrap: wrap;
		/* background-color: pink; */
	}
	.l1-box{
		width: 45%;
		display: block;
		hieght:auto;
		/* border-radius: 10px; */
		background-color: #FFFFFF;
		box-shadow: 0px 0px 10px gainsboro;
		margin-bottom: 20px;
	}
	.l1-box img{
		width: 100%;
		height: 130px;
		
	}
	.text{
		text-align: center;
		padding: 5px 0;
		font-size: 16px;
		color:#0f9aec;
	}
	.list2{
		width: 90%;
		height: auto;
		margin: 0 auto;
		justify-content: space-between;
		flex-wrap: wrap;
		display: flex;
		padding: 15px 0;
	}
	.list2 .l1-box{
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
		border-radius: 15px;
		box-shadow: 0px 0px 10px gainsboro;
	}
	.list2 .l1-box img{
		width: 100%;
		height: 200px;
		display: block;
		border-radius: 15px;
	}
	.list2 .l1-box .text{
		display: none;
		color:#0f9aec;
	}
	.list3{
		width: 90%;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		
	}
	.list3 .l1-box{
		width: 30%;
		height: auto;
		border-radius: 10px;
		margin-bottom: 15px;
		box-shadow: 0px 0px 10px gainsboro;
		
	}
	.list3 .l1-box img{
		width: 100%;
		height: 90px;
		display: block;
		border-radius: 10px;
	}
	.list3 .l1-box .text{
		display: none;
		color:#0f9aec;
	}
	.list4{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;
	}
	.list4 .l1-box{
		width: 100%;
		height: auto;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 10px gainsboro;
		border-radius: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom:20px;
	}
	.list4 .l1-box img{
		width: 40%;
		height: 90px;
		display: block;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		
		
	}
	.list4 .l1-box .text{
		width: 55%;
		line-height: 1.5;
		font-weight: 600;
		font-size: 18px;
		text-align: center;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		color:#0f9aec;
	}
}
@media (min-width:1000px) {
	.main {
		width: 1400px;
		height: auto;
		padding: 0 0 15px;
		margin: 0 auto;
		/* background-color: #b5dbf2; */
	}
	.m-title{
		width: 90%;
		height: auto;
		font-size: 20px;
		color: #FFFFFF;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 1.5;
		
		margin: 0 auto;
		border-bottom: 2px solid #68bef0;
		/* background-color: #F4F4F4; */
		
	}
	.m-title img{
		width: 28px;
		height: 28px;
		vertical-align: middle;
	}
	.m-title p{
		width: auto;
		height: auto;
		display: inline-block;
		padding: 0 5px;
		text-align: center;
		background: linear-gradient(0deg, #5dcfdd, #67b5f4);;
		/* background-color: #68bef0; */
	}
	.listOne{
		width: 90%;
		height: auto;
		padding: 15px 0;
		display: flex;
		margin: 0 auto;
		justify-content: space-around;
		flex-wrap: wrap;
		/* background-color: pink; */
	}
	.l1-box{
		width: 17%;
		height: auto;
		display: block;
		/* border-radius: 10px; */
		margin-bottom: 15px;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 10px gainsboro;
	}
	.l1-box img{
		width: 100%;
		height: 150px;
		display: block;
		/* border-radius: 10px; */
		
	}
	.l1-box:hover .text{
		display: block;
		color:#0f9aec;
	}
	
	.text{
		text-align: center;
		padding: 5px 0;
		font-size: 16px;
		font-weight: 600;
		color:#0f9aec;
	}
	.list2{
		width: 90%;
		height: auto;
		margin: 0 auto;
		justify-content: space-around;
		flex-wrap: wrap;
		display: flex;
		padding: 15px 0;
	}
	.list2 .l1-box{
		width: 17%;
		height: auto;
		/* border-radius: 10px; */
		margin-bottom: 15px;
		background-color: #FFFFFF;
	}
	.list2 .l1-box img{
		width: 100%;
		height: 150px;
		display: block;
		/* border-radius: 15px; */
	}
	
	.list3{
		width: 90%;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		
	}
	.list3 .l1-box{
		width: 17%;
		height: auto;
		/* border-radius: 10px; */
		margin-bottom: 15px;
		background-color: #FFFFFF;
		
	}
	.list3 .l1-box img{
		width: 100%;
		height: 150px;
		display: block;
		
	}
	.list3 .l1-box:hover .text{
		display: block;
		color:#0f9aec;
	}
	.list4{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.list4 .l1-box{
		width: 17%;
		height: auto;
		margin-bottom: 15px;
		background-color: #FFFFFF;
	}
	.list4 .l1-box img{
		width: 100%;
		height: 150px;
		display: block;
		
		
	}
	
	
}