@media screen and (max-width: 550px) {
	.content-main {
		width: 94%;
		margin: auto;
		}

	.subitem {
		width: 100%;
		height: auto;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.subitem-video {
		width: 100%;
		height: auto;
	}

	.subitem-video>a>div {
		width: 30% !important;
		left: 35% !important;
		top: 25% !important;
	}
}

@media screen and (max-width: 768px) and (min-width: 551px) {
	.content-main {
		width: 100%;
		display: flex;
		padding: 2% 2% 0 2%;
	}

	.subitem {
	width: 350px;
    margin: auto;
    float: left;
	
}

	.subitem-video {
		width: 100%;
		height: auto;
	}

	.subitem-video>a>div {
		width: 30% !important;
		left: 35% !important;
		top: 25% !important;
	}
	.content-main>div:nth-last-child(2){
		float: left;
	}
}
@media screen and (max-width: 1199px) and (min-width: 769px) {
		.content-main {
			width: 100%;
			display: flex;
		}
	
		.subitem {
	    margin: auto;
	    float: left;
		
	}
	
		.subitem-video {
			width: 100%;
			height: auto;
		}
	
		.subitem-video>a>div {
			width: 30% !important;
			left: 35% !important;
			top: 25% !important;
		}
}
.subitem .subitem-Title{
display: block;
margin-top: 10px;
}