.post_blocks_sec { position: relative; width: 100%; overflow: hidden; }
.post_blocks_sec .post_block { position: relative; width: 100%; height: calc(17.29vw + 249px); }
.post_blocks_sec .post_block .post_link { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; display: block; }
.post_blocks_sec .media_main { position: relative; width: 100%; height: 100%; }
.post_blocks_sec .media_main:before { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(6,8,11,15%); mix-blend-mode: multiply; content: ''; pointer-events: none; transition: all ease-in-out 300ms; }
.post_blocks_sec .post_block:hover .media_main:before { background: rgba(20,26,65,50%); }
.post_blocks_sec .image_wrap { position: relative; width: 100%; height: 100%; display: flex; }
.post_blocks_sec .image_wrap .imgbox { position: relative; width: 100%; height: 100%; display: flex; overflow: hidden; }
.post_blocks_sec .image_wrap img { display: flex; width: 100%; height: 100%; object-fit: cover; transition: all ease-in-out 300ms; }
.post_blocks_sec .post_block:hover .image_wrap img { transform: scale(1.1); }
.post_blocks_sec .video_wrap { position: relative; width: 100%; height: 100%; display: flex; }
.post_blocks_sec .video_wrap .videobox { position: relative; display: flex; width: 100%; height: 100%; }
.post_blocks_sec .video_wrap video { display: flex; width: 100%; height: 100%; object-fit: cover; }
.post_blocks_sec .media_caption { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(20,26,65,15%); opacity: 0; visibility: hidden; text-align: center; transition: all ease-in-out 300ms; }
.post_blocks_sec .post_block:hover .media_caption { opacity: 1; visibility: visible; }
.post_blocks_sec .media_caption .caption_wrap { position: relative;width: 100%; }
.post_blocks_sec .media_caption h2 { font-size: 59px; line-height: 1.2033; letter-spacing: 0.02em; font-weight: 200; color: var(--white); font-weight: 500; text-transform: uppercase; }
.post_blocks_sec .media_caption h6 { margin-top: 29px; font-family: 'apparat'; font-size: 24px; color: var(--white); line-height: 1.0833; font-weight: 500; }


@media (min-width: 992px) and (max-width: 1230px) {

    .post_blocks_sec .media_caption h2 { font-size: 48px; }

}

@media (max-width: 991px) {

    .post_blocks_sec .post_block { min-height: 500px; }
    .post_blocks_sec .media_caption { opacity: 1; visibility: visible; align-items: flex-start; text-align: left; }
    .post_blocks_sec .media_caption .container { height: 100%; }
    .post_blocks_sec .media_caption .caption_wrap { height: 100%; display: flex; padding: 31px 0; flex-direction: column; justify-content: space-between; }
    .post_blocks_sec .post_block .media_main:before { background: rgba(44,36,36,50%); }
    .post_blocks_sec .media_caption h6 { position: relative; margin-top: 0; padding-top: 55px; }
    .post_blocks_sec .media_caption h6:before { position: absolute; top: 0; left: 0; width: 39px; height: 39px; content: ''; background: url(../images/round-arrow.svg) no-repeat center center; background-size: contain; }

}

@media (min-width: 768px) and (max-width: 991px) {

    .post_blocks_sec .media_caption .caption_wrap { max-width: 500px; }
    .post_blocks_sec .media_caption h2 { font-size: 44px; }
    .post_blocks_sec .media_caption h6 { font-size: 22px; }

}


@media (max-width: 767px) {

    .post_blocks_sec .media_caption .caption_wrap { max-width: 300px; }
    .post_blocks_sec .media_caption h2 { font-size: 32px; }
    

}