.media-partners--parent-wrapper__padding {
    margin: 0;
    padding-top: 112px;
}

.refactor-media-partners--hexagon-logos-container {
    padding-top: 48px;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    white-space: nowrap;
}

.media-partners--hexagon-item__size {
    height: 176px;
    width: 176px;
    /* TODO: Review */
    object-fit: contain;
}

.hexagon-carousel--row-wrapper__layout.hexagon-carousel--row-index-1 {
    padding-left: 88px;
}

.wrapper-refactor {
    display: inline-block;
}

.animation1 {
    animation: pulse 2s ease-in-out infinite;
    animation-delay: 500ms;
}

.animation2 {
    animation: pulse 4s ease-in-out infinite;
    animation-delay: 50ms;
}

.animation3 {
    animation: pulse 12s ease-in-out infinite reverse;
    animation-delay: 2s;
}

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1.04);
    }

    50% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(1.04);
    }
}

.js-media-partners-container .refactor-js-list {
    /*height: 350px;*/
    width: auto;
    width: 2150px;
    height: 100%;
}

.js-media-partners-container .refactor-js-list {
    animation: moveSlideshow 60s linear infinite;
    -webkit-animation: moveSlideshow 60s linear infinite;
    -moz-animation: moveSlideshow 60s linear infinite;
    -o-animation: moveSlideshow 60s linear infinite;
    animation-direction: reverse;
}

/* https://stackoverflow.com/questions/61620687/infinite-marquee-responsive-no-gap */
@keyframes moveSlideshow {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 1160px) {
    .js-media-partners-container .refactor-js-list {
        width: 1000px;
    }

    .hexagon-carousel--row-wrapper__layout.hexagon-carousel--row-wrapper__layout-1 {
        padding-left: 40px
    }

    .media-partners--hexagon-item__size {
        width: 80px;
        height: 80px;
    }

    .refactor-media-partners--hexagon-logos-container {
        padding-top: 16px;
    }

    .media-partners--parent-wrapper__padding {
        margin: 0;
        margin-bottom: 96px;
        padding-top: 8px;
    }
}