.fl-builder-xpro-logo-grid-settings .fl-field[data-type="button-group"] .fl-button-group-field-option {
    padding: 0px 20px;
}
.fl-builder-settings[data-type="logo_grid_form"] .fl-field[data-type="button-group"] .fl-button-group-field-option {
    padding: 0px 20px;
}
.fl-builder-edit {
    transition: none;
}
.xpro-logo-grid-wrapper a {
    text-decoration: none;
}
.xpro-logo-grid-wrapper:after {
    display: block;
    clear: both;
    content: "";
}
.xpro-logo-grid-item {
    float: left;
    overflow: hidden;
    border-color: #e7e7e7;
    height: 200px;
}
.xpro-logo-grid-figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 30px;
    width: 100%;
    height: 100%;
}
.xpro-logo-grid-figure > img {
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.xpro-logo-grid-box .xpro-logo-grid-wrapper {
    margin: -0.5rem;
}
.xpro-logo-grid-box .xpro-logo-grid-item {
    margin: 0.5rem;
    border-width: 2px;
    border-style: solid;
    border-radius: 0.5rem;
}
@media (min-width: 992px) {
    .xpro-logo-grid-col-2 .xpro-logo-grid-item {
        width: calc(100% / 2);
    }
    .xpro-logo-grid-col-3 .xpro-logo-grid-item {
        width: calc(100% / 3);
    }
    .xpro-logo-grid-col-4 .xpro-logo-grid-item {
        width: calc(100% / 4);
    }
    .xpro-logo-grid-col-5 .xpro-logo-grid-item {
        width: calc(100% / 5);
    }
    .xpro-logo-grid-col-6 .xpro-logo-grid-item {
        width: calc(100% / 6);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-2 .xpro-logo-grid-item {
        width: calc((100% / 2) - 1rem);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-3 .xpro-logo-grid-item {
        width: calc((100% / 3) - 1rem);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-4 .xpro-logo-grid-item {
        width: calc((100% / 4) - 1rem);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-5 .xpro-logo-grid-item {
        width: calc((100% / 5) - 1rem);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-6 .xpro-logo-grid-item {
        width: calc((100% / 6) - 1rem);
    }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
    .xpro-logo-grid-col-tablet2 .xpro-logo-grid-item {
        width: calc(100% / 2);
    }
    .xpro-logo-grid-col-tablet .xpro-logo-grid-item {
        width: calc(100% / 1);
    }
    .xpro-logo-grid-col-tablet3 .xpro-logo-grid-item {
        width: calc(100% / 3);
    }
    .xpro-logo-grid-col-tablet4 .xpro-logo-grid-item {
        width: calc(100% / 4);
    }
    .xpro-logo-grid-col-tablet5 .xpro-logo-grid-item {
        width: calc(100% / 5);
    }
    .xpro-logo-grid-col-tablet6 .xpro-logo-grid-item {
        width: calc(100% / 6);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-tablet .xpro-logo-grid-item {
        width: calc((100% / 1) - 1rem);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-tablet2 .xpro-logo-grid-item {
        width: calc((100% / 2) - 1rem);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-tablet3 .xpro-logo-grid-item {
        width: calc((100% / 3) - 1rem);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-tablet4 .xpro-logo-grid-item {
        width: calc((100% / 4) - 1rem);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-tablet5 .xpro-logo-grid-item {
        width: calc((100% / 5) - 1rem);
    }
    .xpro-logo-grid-box.xpro-logo-grid-col-tablet6 .xpro-logo-grid-item {
        width: calc((100% / 6) - 1rem);
    }
}