@media (max-width: 768px) {

	/* Position */

    .block-article-item {
        margin: 0 auto;
    }
}

@media screen and ( min-width: 768px ) {
	
	/* Display */

	.block-article-item {
		display: inline-block;
	}

	/* Width and Height */
	
	.block-article-item {
        width: calc( 100% / 2 - ( 72px / 2 ) );
	}

	/* Position */

	/* 1,4,7 */
	
/* 	.block-article-item:nth-of-type( 3n+1 ) {
		margin-right: 10px;
		background-color:coral;
	} */
	
	/* 2,5,8 */
	
/* 	.block-article-item:nth-of-type( 3n + 2 ) {
		margin-right: 4px;
		margin-left: 4px;
		background-color:antiquewhite;
	} */

	/* 3,6,9 */
	
	/* .block-article-item:nth-of-type( 3n ) {
        margin-left: 10px;
		background-color:aquamarine;
	} */

    /* 1,3,5 нечетные для варианта с сайдбаром*/

    .block-article-item:nth-of-type( odd ) {
		margin-right: calc( 72px / 2 );
        /* background-color:aquamarine; */
	}

    /* 2,4,6 четные для варианта с сайдбаром */

    .block-article-item:nth-of-type( even ) {
		margin-left: calc( 72px / 2 );
	}

    /*last*/

   /*  .block-article-item:last-of-type:not( :nth-of-type( odd ) ) {
		margin-left: calc( (72px / 2) - 4px );
        background-color:antiquewhite;
	} */
}

/* Display */

.block-article-item .list-article {
    display: flex;
    flex-direction: column;
}

/* Position */

.block-article-item {
    vertical-align: top;
    margin-bottom: 28px;
}

.block-article-item .block-item-title {
    padding-top: 8px;
    padding-bottom: 16px;
}

.block-article-item .article {
    padding-top: 18px;
    padding-bottom: 18px;
}

.block-article-item .block-item-title,
.block-article-item .list-article .article {
    font-family: var( --legal-font-primary );
    font-style: normal;
    color: var( --Base-base-09 );
}

.block-article-item .block-item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.block-article-item .block-item-title a {
    color: var( --Base-base-09 );
    text-decoration: none;
}

.block-article-item .list-article .article {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
}

.block-article-item .list-article .article:hover {
    text-shadow: 0 0 0.5px var(--Base-base-09);
}