@media (min-width: 480px) and (max-width: 768px) {
}

@media (min-width: 768px) and (max-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1200px) {
}

@media (min-width: 321px) {

}

@media (min-width: 481px) {

}

@media (min-width: 768px) {

}

@media (min-width: 993px) {
    #core-features .owl-item:not(.active):not(:first-child):has(+ .owl-item.active) .item,
    #core-features .owl-item.active + .owl-item:not(.active):not(:last-child) .item {
        position: absolute;
        margin-left: 0;
        transform: scale(0.9);
        width: 100%;
        height: 100%;
        background: #fff;
        box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.08);
        border-radius: 36px;
        z-index: 1;
    }

    #core-features .owl-item:not(.active):not(:first-child):has(+ .owl-item.active) .item {
        right: -96%;
    }

    #core-features .owl-item.active + .owl-item:not(.active):not(:last-child) .item {
        left: -96%;
    }

    #core-features .owl-carousel.translated .owl-item.active + .owl-item:not(.active) .item {
        display: none;
    }

    #preshowcase .block .block_title {

        font-size: 56px;

    }


}

@media (min-width: 1140px ) {
}

@media (min-width: 1200px ) {

}

@media (min-width: 1366px ) {
    #count .item .val {
        font-size: 76px;
        font-weight: bold;
    }
}

@media (min-width: 1400px ) {
    #video .container {
        /*  width: 1400px;*/

    }
}

@media screen and (min-width: 1730px) {
}

@media (max-width: 1730px ) {
}

/*before xlg*/
@media (max-width: 1399px ) {
    #ready-to-transform-your-reconditioning-process,
    #ready-to-start,
    #vendor-management-system .mod.block,
    #vendor-management-system,
    .prewrapall,
    footer .footer_wrap {
        max-width: calc(100% - 30px);
    }
}

@media (max-width: 1366px ) {
}

@media (max-width: 1200px ) {

}

@media (max-width: 1140px ) {

}

@media (max-width: 992px ) {
    .container {
        width: 100%;
    }


    #main .content {
        padding-left: 0px;
        padding-right: 0px;
    }

    #main .page-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    footer .navigation ul {
        flex-wrap: wrap;
    }

    .slider-block .image {
        padding: 0 15px;
    }

    .prewrapall {

        border-radius: 24px;
    }

    .header .navigation {
        margin-right: 0;
    }

    #core-features .item {
        flex-direction: column-reverse;
    }

    #core-features .mod-articles-category-group + * {
        flex-grow: 2;
    }

    #core-features .item ul {
        padding: 15px;
    }

    #core-features .item {
        padding: 15px;
    }

    #core-features .item ul li {
        padding: 8px;
    }

    #core-features .item .row.flex {
        padding: 0 15px !important;
    }


    #core-features .owl-stage-outer {
        margin: 35px -25px 15px;
        padding: 25px 25px;
    }

    #our-partners .item {
        flex: 0 0 31%;
    }

    .row.flex {
        flex-direction: column;
    }

    #vendor-management-system .item_images .item_image,
    #ready-to-start .item_images .item_image {
        margin-top: 25px;
        text-align: center;
    }

    #vendor-management-system,
    #ready-to-start {
        margin-top: 80px !important;
    }

    #core-features .item ul li .mod-articles-item-title {
        font-size: 16px;
    }

    .items.accordion .accordion-button {
        font-size: 16px;
        padding: 14px 36px 14px 16px;
    }

    .items.accordion .accordion-button i {
        right: 6px;
    }

    .blog.success_stories .items-row .item .row,
    .how_it_works .blog .items-row .item .row {

        flex-direction: column !important;
    }

    .how_it_works .blog .items-row .item .item-image {
        margin: 0 auto 45px;
        float: none !important;
        text-align: center;
    }

    .blog.success_stories .items-row div[class*="col-"],
    .how_it_works .blog .items-row div[class*="col-"] {
        float: none;
    }

    .blog.success_stories .items-row div[class*="col-"] {
        width: 100%;
    }

    .blog.success_stories .items-row .item .h2 {
        text-align: center;
    }

    .item.presentation .readmore {
        text-align: center;
    }

    .item.presentation .item_images {
        text-align: center;
        margin-top: 15px !important;
    }

    .blog .readmore {
        text-align: center;

    }

    .blog .readmore .btn-primary {
        position: relative;
        z-index: 2;
        box-shadow: 0 16px 14px 24px rgba(255, 255, 255, 0.9);
    }

    .blog .items-row:last-child .readmore .btn-primary {
        box-shadow: none;
    }

    .how_it_works .blog .items-row .items-row-sep,
    .how_it_works .blog .items-row .items-row-sep:before {
        height: 120px;
    }

    .how_it_works .blog .items-row + .items-row {
        margin-top: 120px;
    }

    .blog .tags.inline {
        text-align: center;
    }

    .blog .tags + .block_title {
        margin-top: 10px !important;
    }

    .blog .tags.inline li {
        padding: 8px 16px;
        border-radius: 24px;
    }

    .articleBody .modules .row .col-md-6 {
        flex-grow: 2;
    }

    .items.accordion .panel-group .panel .papanel-body {

        padding: 0px 24px 24px;

    }

    #our-partners .mod.block {
        padding-bottom: 0;
    }

    .content .block_title,
    .modal .modal-header .title,
    #afterall .block .block_title,
    #pagebottom .block .block_title {
        margin-top: 10px !important;

    }

    .page-header-wrap .row.flex {
        flex-direction: column;
    }

    .dealer-contact-info .modules {
        order: 2;
    }

    #bfElemWrapcaptcha,
    .recaptcha_invisible {
        opacity: 0;
        pointer-events: none;
    }


    .blog .item .item-image{
        margin-bottom: 50px;
    }

    .blog .item .items-row + .items-row {
        margin-top: 80px;
    }

    .how_it_works .onboarding,
    .how_it_works .ai,
    .how_it_works .cr,
    .how_it_works .automationsmart,
    .how_it_works .unified-task,
    .how_it_works .smart-recon {
        grid-template-columns: 1fr;
    }

    .how_it_works .ai img,
    .how_it_works .automationsmart img,
    .how_it_works .unified-task img,
    .how_it_works .smart-recon  img{
        width: 100%;
    }

    .how_it_works .ai-text,
    .how_it_works .cr-text,
    .how_it_works .text-vendor{
        padding-left: 0;
        padding-right: 0;
    }
    .how_it_works .kanban h3{
        order:-2;
    }

    .how_it_works .cr-text,
    .how_it_works .kanban p,
    .how_it_works .unified-task .text-vendor{
        order:-1;

    }

    .how_it_works .articleBodyContent {
        padding: 40px 0 20px;
        gap: 30px;
    }

    .how_it_works .cr > div:first-child{
        text-align: center;
    }
    .how_it_works .onboarding div:last-child{
        text-align: center;
    }
    .how_it_works .cr img,
    .how_it_works .onboarding img{
        margin: 0 auto;
    }

    .how_it_works .smart-recon,
    .how_it_works .unified-task,
    .how_it_works .cr,
    .how_it_works .onboarding{
        padding-left: 0;
        padding-right: 0;
    }

    .how_it_works .kanban p{
        padding: 15px;
    }

    .how_it_works .automationsmart{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .how_it_works .kanban {
        margin-bottom: 30px;
    }
    .how_it_works .cr,
    .how_it_works .cr .cr-text{
        margin-top: 0;
    }

    .how_it_works .cr .cr-text{
        padding-top: 0;

    }

    .how_it_works .cr + .divider{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .how_it_works .ai-text {
        padding-bottom: 20px;
        padding-top: 0;
    }
    .how_it_works .onboarding{
        margin-bottom:10px;
    }
    .how_it_works .ai{
        margin-bottom: 30px;
    }

}

@media (max-width: 820px ) {

}

@media (max-width: 767px ) {
    .articleBody .modules .row {
        flex-wrap: wrap;
    }

    #our-partners .items {
 width: 100%;
        margin: 0;
    }

    #our-partners .item {
        flex: 0 0 31%;
        padding: 0px 25px;

    }

    .content .block_title,
    .modal .modal-header .title,
    #afterall .block .block_title,
    #pagebottom .block .block_title {
        margin-top: 25px !important;
        font-size: 32px;
        text-align: center;

    }

    .modal .modal-header .title {
        margin-top: 0px !important;
    }

    #roi-rez .ttl {
        font-size: 32px;
    }

    .bfFormDiv legend, .bfFormDiv .bfLabelBlock,
    .blog .block_title h2,
    #core-features .item .sub_cat_title {
        font-size: 24px;

    }


    .singlepage .page-title, h1.page-title, .page-title {
        font-size: 32px;
    }

    .how_it_works .blog .items-row .items-row-sep,
    .how_it_works .blog .items-row .items-row-sep:before {
        height: 80px;
    }

    .how_it_works .blog .items-row + .items-row {
        margin-top: 80px;
    }

    .articleBody .modules .row > * {
        flex-basis: 100%;
    }

    .pweb-field-buttons.buttons {
        justify-content: center;
    }

    #roi-calculator {
        border-right: none;
    }

    footer .navigation {
        flex-basis: 50%;
    }

    footer .footer_top .row1 {
        justify-content: space-between;
    }

    #keep-your-vendors-in-the-know .mod.block {

        margin: 0 0px;
    }

    #ready-to-transform-your-reconditioning-process .mod.block {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .singlepage .page-header {
        padding-bottom: 10px;
        margin-bottom: 45px;
    }

    .bfFormDiv .rowsection {
        flex-direction: column;


    }

    .slider-block .counter1,
    .slider-block .counter2 {
        position: static;
        top: 20%;
        left: 0;

    }

    .slider-block .caption_wrap .caption_content {
        padding-top: 40px;
        display: flex;
        gap: 0 25px;
        justify-content: center;
    }

    .slider-block .caption_wrap .caption_content .counter {
        height: 100%;
    }

    .slider-block .caption_wrap .caption_content .counter .img {
        flex-grow: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    #keep-your-b-vendors-b-in-the-know .images {

        grid-template-columns: repeat(2, 1fr);


    }

    .modal-dialog {

        width: calc(100% - 11px);
    }

}
.how_it_works .h1 {

    font-size: 36px;


}

@media (max-width: 680px ) {
    #our-partners .item {
        flex: 0 0 47%;
    }
    .how_it_works .integrations{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px ) {
    #core-features .category_info .row {
        flex-direction: column;
    }

    #core-features .category_title br {
        display: none;
    }


}

@media (max-width: 540px ) {

}

@media (max-width: 480px ) {
    footer .footer_top .row1 {
        flex-direction: column;
        gap: 15px 0;
    }

    footer .navigation ul {
        justify-content: center;
        align-items: center;
    }

    #showcase {
        margin-bottom: 30px;
    }

    #afterall #our-partners.block_wrap {
        margin-top: 15px;
    }

    #vendor-management-system, #ready-to-start {
        margin-top: 50px !important;
    }

    #afterall #schedule-a-demo.block_wrap {
        margin-top: 55px;
    }

    #afterall #faq.block_wrap {
        margin-top: 50px;
    }

    .blog .page-header {
        margin-bottom: 45px;
    }

    #keep-your-vendors-in-the-know {
        margin-top: 50px !important;
    }

    #ready-to-transform-your-reconditioning-process {
        margin-top: 30px !important;
    }


    #video {
        margin-top: 80px !important;
    }

    .dealer-info_miscinfo .ttl,
    .dealer-info_miscinfo .val,
    .dealer-info_phone-numbers .ttl,
    .dealer-info_phone-numbers .items {
        flex-basis: 100%;
    }

    .dealer-contact-info .dealer-info .elem {
        text-align: center;
        justify-content: flex-start;

    }

    .contacts .dealer-info_data, .contacts .pwebcontact {
        padding: 15px;
    }

    .dealer-contact-info {
        margin-top: 70px;
        margin-bottom: 20px;
    }

    .dealer-contact-info .dealer-info_image {
        margin-bottom: 50px;

    }

    .dealer-info_miscinfo .elem .ttl:before,
    .dealer-info_phone-numbers .elem .ttl:before,
    .contactinfo .email a:before,
    .contactinfo .telephone a:before {
        line-height: 20px;
        width: 20px;
        height: 20px;
    }

    #our-partners .item {
        height: 70px;
    }

    #core-features .mod.block {
        padding: 0;
    }

    #core-features .item {
        gap: 15px 15px;
    }

    #core-features .owl-stage-outer {
        margin: 35px -15px 15px;
        padding: 25px 15px;
    }


    .articleBody .modules {
        padding: 0px 0;
    }

    #afterall .row.flex,
    #pagebottom .row.flex {

        padding: 0 0px;
    }

    .mod-articles-category .category_info {
        padding: 0 15px;
    }


    .page-header-wrap .mod.block {

        padding: 15px 15px;

    }


    .blog .item .item-image{
        margin-bottom: 50px;
    }

    .blog .items-row + .items-row {
        margin-top: 55px;
    }

    .blog.success_stories {
        margin-bottom: 20px;
    }

    .blog.success_stories .items-row + .items-row {
        margin-top: 24px;
    }

    #pagebottom {
        padding: 15px 15px;
    }


    #we-re-here-for-you .fields .field-container.field-f_name,
    #we-re-here-for-you .fields .field-container.field-l_name,
    #we-re-here-for-you .fields .field-container.field-email,
    #we-re-here-for-you .fields .field-container.field-phone,
    #we-re-here-for-you .fields .field-container.field-job,
    #we-re-here-for-you .fields .field-container.field-company {
        flex-basis: 100%;
    }


    #count .item .val {
        font-size: 36px;
        font-weight: bold;
    }

    #count {
        margin-top: 55px;
    }

    .articleBody .modules .h4 {
        padding: 0 18px 28px 18px;
    }

#cartuulai{
margin:20px 0 20px;
}

}

@media (max-width: 460px ) {
    #our-partners .item {
        max-width: none;
        min-width: 0;
        flex-basis: 46%;
        padding: 10px;
    }

    #bfPage6 .intro div{
 flex-wrap: wrap;
    }
}

@media (max-width: 420px ) {
    #bfElemWrapteam .controls_group, #bfElemWrapdealership_network .controls_group {

        grid-template-columns: repeat(1, 1fr);

    }

}

@media (max-width: 380px ) {
    .slider-block .caption_wrap .caption_content {
        gap: 15px 10px;

    }

    #count {
        display: grid;
        grid-template-columns: repeat(2, 1fr);

    }

    #count .item:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }

}

@media (max-width: 340px ) {

}

@media (max-width: 320px ) {
    .slider-block .caption_wrap .caption_content {
        flex-direction: column;

    }

    .slider-block .caption_wrap .caption_content .counter {
        width: 100%;
        max-width: 220px;
        margin: 0 auto;
    }

    .slider-block .caption_wrap .caption_content .counter img {
        max-height: 100px;
    }

    #our-partners .item {

        flex-basis:100%;

    }

}