@media screen and (max-width: 767px) {
	.project-item__content {
		left:10px;
		right:30px;
		bottom:5px;
	}


	.section-category__description p {

		margin-bottom:15px;

	}

	.project-item .project-item__video-play {
		max-width: 30%;
	}
}
@media (min-width: 1024px) {

	/*
	--------------------------------------
	items
	--------------------------------------
	*/

	.project-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 30px;
		row-gap: 50px;
	}

}