.markino-client .owl-carousel .owl-item .markino-client-img img {
    margin: 0 auto;
    width: auto;
    border-radius: var(--border-radius-box);
}

.markino-client .owl-stage-outer {
    padding: 30px 0 30px 0;
    border-radius: var(--border-radius-box);
}

.markino-client .owl-carousel.owl-loaded .owl-nav button.owl-next {
    right: -120px;
}

.markino-client .owl-carousel.owl-loaded .owl-nav button.owl-prev {
    left: -120px;
}

.markino-client {
    width: 100%;
}

.markino-client-grid {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    list-style-type: none;
}

.markino-client-col-6 li {
    width: 16.66%
}

.markino-client-col-5 li {
    width: 20%
}

.markino-client-col-4 li {
    width: 25%
}

.markino-client-col-3 li {
    width: 33.33%
}

.markino-client-col-2 li {
    width: 50%;
}

.markino-client-grid li {
    float: left;
    padding: 0px;
}

.markino-client .markino-client-grid li {
    text-align: center;
}

.markino-client .markino-client-grid li {
    margin: 0 56px 0 0;
}

.markino-client .markino-client-grid li .client-list-item {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.markino-client .markino-client-grid li.button .client-list-item {
    background: var(--color-theme-primary);
}

.markino-client .markino-client-grid li:last-child {
    margin-right: 0 !important;
}

.markino-client .markino-client-col-6.markino-client-grid li,
.markino-client .markino-client-col-5.markino-client-grid li,
.markino-client .markino-client-col-3.markino-client-grid li {
    height: 240px;
    max-width: 240px;
}

.markino-client .owl-carousel .owl-item .markino-client-info {
    margin-top: 32px;
    text-align: center;
}


/*========================
Responsive
=================================*/

@media (max-width: 1600px) and (min-width: 1450px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 200px;
        max-width: 200px;
    }
}

@media(max-width:1560px) {

    .markino-client .owl-carousel.owl-loaded .owl-nav button.owl-prev, .markino-client .owl-carousel.owl-loaded .owl-nav button.owl-next {
        position: relative;
        top: inherit;
        transform: inherit;
        margin-top: 30px;
        text-align: initial;
    }

    .markino-client .owl-carousel.owl-loaded .owl-nav button.owl-next {
        right: 0;
    }

    .markino-client .owl-carousel.owl-loaded .owl-nav button.owl-prev {
        left: 0;
        margin-right: 30px;
    }

    .markino-client .owl-nav {
        text-align: center;
    }
}

@media (min-width: 1450px) {
    .markino-client-grid {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 1449px) and (min-width: 1176px) {
    .markino-client .markino-client-grid li {
        margin: 0 27px 32px 27px;
    }
}

@media (max-width: 1250px) and (min-width: 1200px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 220px;
        max-width: 220px;
    }
}

@media (max-width: 1175px) and (min-width: 1152px) {
    .markino-client .markino-client-grid li {
        margin: 0 56px 32px 56px;
    }

    .markino-client-col-5 li {
        width: 27%;
    }
}

@media (max-width: 1151px) and (min-width: 1025px) {
    .markino-client .markino-client-grid li {
        margin: 0 34px 32px 34px;
    }

    .markino-client-col-5 li {
        width: 28%;
    }

}

@media(max-width:1024px) {
    .markino-client-grid li {
        width: 50%;
    }

    .markino-client .markino-client-col-5.markino-client-grid li {
        width: 100%;
    }

    .markino-client .markino-client-col-5.markino-client-grid li {
        max-width: 33.33%;
    }

    .markino-client .markino-client-grid li {
        margin: 0;
        padding: 16px;
    }

    .markino-client-grid li {
        width: 50%;
    }
}


@media(max-width:767px) {
    .markino-client-grid.markino-client-col-5 li {
        width: 100%;
    }

    .markino-client .markino-client-col-5.markino-client-grid li {
        width: 100%;
    }

    .markino-client .markino-client-col-5.markino-client-grid li {
        max-width: 50%;
    }

    .markino-client .owl-stage-outer {
        padding: 30px 0 15px 0;
    }

    .markino-client-grid li {
        width: 50%;
    }
}

@media(max-width:479px) {
    .markino-client-grid li {
        width: 100%;
    }

    .markino-client .markino-client-col-5.markino-client-grid li {
        max-width: 100%;
    }
}

@media (max-width: 1024px) and (min-width: 980px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 330px;
    }
}


@media (max-width: 979px) and (min-width: 950px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 320px;
    }
}

@media (max-width: 949px) and (min-width: 880px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 300px;
    }
}

@media (max-width: 879px) and (min-width: 800px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 260px;
    }
}

@media (max-width: 799px) and (min-width: 768px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 250px;
    }
}

@media (max-width: 767px) and (min-width: 715px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 350px;
    }
}

@media (max-width: 714px) and (min-width: 650px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 320px;
    }
}

@media (max-width: 649px) and (min-width: 600px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 300px;
    }
}

@media (max-width: 599px) and (min-width: 550px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 280px;
    }
}

@media (max-width: 549px) and (min-width: 501px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 250px;
    }
}

@media (max-width: 500px) and (min-width: 480px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 225px;
    }
}

@media (max-width: 479px) and (min-width: 379px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 350px;
    }
}

@media (max-width: 378px) and (min-width: 360px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 335px;
    }
}

@media (max-width: 359px) and (min-width: 340px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 320px;
    }
}

@media (max-width: 339px) and (min-width: 326px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 300px;
    }
}

@media (max-width: 325px) {
    .markino-client .markino-client-col-5.markino-client-grid li {
        height: 280px;
    }
}