/* .container width is now controlled globally by --zyla-layout-max
   in public/layouts/css/marketplace.css (unified layout token). */

.containerItem{
    max-width: 99% !important;
}

.maxWidth {
    width: 100%;
    display: flex;
    justify-content: center;
}

.col-xl-12 .arrow-right {
    right: 10px !important;
}

.col-xl-12 .arrow-left {
    left: 10px !important;
}

.secondCol{
    padding: 0px;
}

@media (max-width: 1024px) {
    .secondCol{
        padding: 0 8px !important;
    }
}

@media (min-width: 768px) {
    .owl-item {
        padding: 0 10px !important;
    }

    .maxWidth .owl-carousel {
        max-width: 90%;
    }
}

@media (min-width: 1200px) {
    .leftColumn {
        flex: 0 0 74% !important;
    }

}

@media (min-width: 1350px) {
    .maxWidth .owl-carousel {
        max-width: 93%;
    }
}

@media (min-width: 1650px) {
    .maxWidth .owl-carousel {
        max-width: 94%;
    }
}