﻿.newBox { margin: 0 -2px; padding: 23px 36px; }
.NewsWrapper { padding: 0 10px; max-width: 1192px; margin: 0 auto; text-align: center; }
.NewBoxLeft { display: table-cell; vertical-align: top; width: 47.5%; padding-bottom: 56.5%; border-left: #2dccd3 6px solid; position: relative; margin: 0 -2px; }
.NewBoxRight { display: table-cell; width: 52.5%; vertical-align: top; margin: 0 -1px; text-align: left; position: relative; }
.NewBoxInner { background-color: #e9e9e9; display: table; width: 100%; color: inherit; }
.NewBoxImg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; }

.NewBoxRightInner h4 { font-size: 100%; display: inline-block; padding: 0; line-height: 1.27; text-transform: uppercase; font-family: Inter-Medium; margin-bottom: 0; }
.NewBoxRightInner h3 { font-size: 86%; display: inline-block; padding: 0; line-height: 1.27; margin-top: 0; margin-bottom: 30px; }
.NewBoxRightInner .dateNews { padding-top: 7px; padding-bottom: 10px; font-weight: bold; font-size: 86%; }
.NewBoxRightInner .blueBtn { width: 116px; font-size: 100%; }
.NewBoxRightInner .blueBtnWrapper { display: block; width: 101px; }

@media(max-width:1280px) {
    .NewBoxRight { padding: 35px 35px; }
}

@media(max-width:991px) {
    .NewBoxRight { padding: 34px; width: 54.6%; }
}

@media(min-width:992px) {
    .newBox { display: inline-block; width: 50%; }
    .NewBoxRightInner { position: absolute; top: 50%; transform: translateY(-50%); padding: 0 25px; }
    .NewBoxRight { height: 290px; }
}

@media(max-width:991px) {
    .NewsWrapper { max-width: 551px; }
    .newBox { padding: 12px 0px; }
    .NewBoxLeft { padding-bottom: 46.4%; width: 45.4%; }
}

@media(max-width:767px) {
    .NewBoxRightInner .blueBtnWrapper { width: 90px; }
    .NewBoxRight { padding: 17px; width: 68%; }
    .NewBoxLeft { width: 32%; padding-bottom: 59%; }
}
