@media only screen and (max-width: 1200px) {

    .woocommerce_bubbles {
        padding-left: 0 !important;
        display: flex;
        justify-content: center;
    }

    .woocommerce_bubbles .position-absolute {
        max-width: calc(100% - 50px);
    }

}

@media (min-width: 421px) and (max-width: 766px) {
    .logos_desktop_div {

        display: none !important;
    }

    #carousel_logos {
        display: block !important;
        padding-bottom: 100px;
    }

    .woocommerce_bubbles {
        padding: 0 !important;
        display: flex;
        justify-content: center;
        height: 100%;
    }

    .woocommerce_bubbles > a{
        width: 100%;
        display: flex;
        justify-content: center;
        height: 100%;
    }


    .woocommerce_bubbles .position-relative {
        max-width: 290px;
    }


    .woocommerce_bubbles .logo_position,
    .woocommerce_bubbles .position-absolute {

        max-width: 230px;
        left: 30%!important;
        top: 35% !important;
        /*left: 7rem !important;*/
        /*top: 3rem !important;*/
    }

    .woocommerce_bubbles #best_price{
        max-width: 200px;
        top: 20% !important;
        left: 33% !important;
    }

    .woocommerce_bubbles #viva_logo{
        max-width: 300px!important;
        top: 40% !important;
        left: 25% !important;
    }

    .woocommerce_bubbles #rentSyst{
        max-width: 300px;
        top: 40% !important;
        left: 0 !important;
    }


    .mobile_view {

        flex-direction: column-reverse;
    }


    .column_mobile, #search_integration_form {
        flex-direction: column;
    }
}

@media (min-width: 320px) and (max-width: 420px) {

    #header_integrations .work_text > div {
        font-size: 42px !important;
        max-width: 200px !important;
    }

    #header_integrations .work_text {

        padding-left: 2.5rem !important;
        padding-bottom: 2rem;
    }

    #header_integrations .work_text > p {

        font-size: 20px !important;
    }

    .logos_desktop_div {

        display: none !important;
    }

    #carousel_logos {
        display: block !important;
        padding-bottom: 100px;
    }

    /*.carousel-item-next, .carousel-item-prev, .carousel-item.active{
        display: flex!important;
        align-items: center;
        justify-content: flex-start;
    }*/
    .text_hashtag {
        font-size: 24px !important;
    }

    .grey_line {
        margin: 0 40px 12px 40px !important;
    }


    #submit_search_inte {
        margin-bottom: 0 !important;
    }



    .brand_div {
        margin-bottom: 0 !important;
    }

    .column_mobile, #search_integration_form {

        flex-direction: column;
    }

    .woocommerce_bubbles .position-relative {

        max-width: 200px;
    }


    .woocommerce_bubbles .logo_position,
    .woocommerce_bubbles .position-absolute {

        max-width: 230px!important;
        left: 3rem !important;
        top: 3rem !important;
    }

    .mobile_view {

        flex-direction: column-reverse;
    }

}

@media only screen and (min-width: 1440px) and (max-width: 1649px) {

    .brand_div {
        padding: 55px !important;
    }

    .padding-div {
        padding: 55px !important;
    }
}


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

    #header_integrations .work_text {
        padding-left: calc(25% - 100px) !important;
    }

    #header_integrations .work_text > div {
        font-size: 54px !important;
    }
}

@media only screen and (min-width: 1920px) {


    #header_integrations .work_text {
        padding-left: 36rem !important;
    }

    #header_integrations .work_text > div {
        min-width: 700px !important;;
    }

}

@media only screen and (min-width: 2300px) {

    #header_integrations .work_text > div {
        min-width: 800px !important;;
    }
}


@media (min-width: 390px) and (max-width: 767px) {


    #header_integrations .work_text {
        padding-left: calc(25% - 60px) !important;
        padding-bottom: 120px;
    }

    .desktop_bg {
        display: none;
    }

    .mobile_bg_inte {
        display: block !important;
    }
}

@media (min-width: 767px) and (max-width: 1440px) {


    #carousel_logos_medium {

        display: block !important;
        margin-bottom: 100px;
    }

    .logos_desktop_div {
        display: none !important;
    }
}