.info_blocs {
    height                : 30vh;
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    grid-template-rows    : 1fr;
    grid-column-gap       : 30px;
    grid-row-gap          : 0;
    margin-top            : 60px;
    margin-bottom         : 60px;
}

.info_blocs .block {
    position     : relative;
    height: 274px;
}

.info_blocs .block:nth-of-type(1) {
    grid-area : 1 / 1 / 2 / 2;
}

.info_blocs .block:nth-of-type(2) {
    grid-area : 1 / 2 / 2 / 3;
}

.info_blocs .block:nth-of-type(3) {
    grid-area : 1 / 3 / 2 / 4;
}

.info_blocs .block:nth-of-type(4) {
    grid-area : 1 / 4 / 2 / 5;
}
#wid-key_1617350109562 > div > div > div > div:nth-child(2) > a > div.img > img {
    width: 66%;
    margin-top: 15px;
}
#wid-key_1617350109562 > div > div > div > div:nth-child(4) > a > div.img > img  {
    margin-top: 28px;
}

.info_blocs .block .text {
    min-width   : webkit-fill-available;
    position    : absolute;
    text-align  : center;
    width       : calc(100% - 30px - 30px);
    color       : White;
    bottom      : 0;
    top         : initial;
    margin      : 30px;
    padding     : 30px;
    font-weight : bold;
    line-height : 1.2em;
    font-family : "Oswald";
    text-transform: uppercase;
}


.block a .img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
@media screen and (min-width: 1000px) {
    .block a:hover img{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.info_blocs .block .title {
    font-size      : calc(1em + 1vw);
    text-transform : uppercase;
    line-height    : 1.2em;
    margin-bottom  : 1em;
}

.img-info_blocs {
    margin : 1em auto;
}

@media (min-width : 491px) and (max-width : 1100px) {
    .info_blocs .block .text {
        font-size : 22px;
    }
}


@media (min-width : 491px) and (max-width : 991px) {
    .info_blocs {
        margin-top : 20px;
    }
}

@media screen and (min-width : 492px) and (max-width : 1024px) {
    .info_blocs {
        height: auto;
        min-height                : 40vh;
        display               : grid;
        grid-template-columns : repeat(2, 1fr);
        grid-template-rows    : repeat(2, 1fr);
        grid-column-gap       : 0px;
        grid-row-gap          : 0px;
        margin-top            : 60px;
        margin-bottom         : 60px;
    }

    .info_blocs .block:nth-of-type(1) {
        grid-area : 1 / 1 / 2 / 2;
    }

    .info_blocs .block:nth-of-type(2) {
        grid-area : 1 / 2 / 2 / 3;
    }

    .info_blocs .block:nth-of-type(3) {
        grid-area : 2 / 1 / 3 / 2;
    }

    .info_blocs .block:nth-of-type(4) {
        grid-area : 2 / 2 / 3 / 3;
    }

    .block-info > div > div > div > div > div {
        width : 100% !important;
    }

}

@media (max-width : 492px) {
    .info_blocs {
        height                : initial;
        /*display               : block;*/
        /*grid-template-columns : none;*/
        /*grid-gap              : initial;*/
        /*grid-auto-rows        : initial;*/
        margin-top            : 30px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-color: #CCA677 #F5F5F5;
        display: flex;
        margin-left: 20px;
    }

    .info_blocs .block {
        margin       : 15px 0 15px 0;
        height       : 77vw;
        /*overflow     : hidden;*/
        flex: 1;
        min-width: 90vw;
    }

    .info_blocs .block .text {
        font-size : 18px;
        height: fill-available;
        height: -webkit-fill-available;
    }

    .info_blocs .block .text .title {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        justify-content: center;
        height: fill-available;
        height: -webkit-fill-available;
    }

    .info_blocs .block .img {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        height: fill-available;
        height: -webkit-fill-available;
    }

    .info_blocs .block .img img {
        /*max-width: none;*/
        margin-top: 0 !important;
        width: 100% !important;
        max-width: 280px;
        object-fit: contain;
        height: inherit;
    }

    .first-text {
        position : relative!important;
        margin   : 0 30px!important;
    }
}
@media screen and (max-width: 720px) {
    .info_blocs > div:nth-child(3) > a > div.img {
        width: 55%;
        margin: auto;
    }
    .info_blocs > div:nth-child(2) > a > div.img {
        width: 80%;
        margin: auto;
    }
    .info_blocs > div:nth-child(2) > a > div.img > img {
        margin-top: 25px;
    }
}
@media (max-width: 768px) {
    #header .header-top {
        padding: 35px 0;
         background: black!important;
    }
}