@media(max-width: 1500px)
{
    .cro-banner-text h1.title
    {
        font-size: 3.4rem;
    }
    .roas-box h3
    {
        font-size: 22px;
    }
    .left-graph-gr
    {
        margin-top: -4rem;
    }
    .process-tabs.sticky
    {
        top: 74px;
    }
    body .facets-vertical .facets-wrapper
    {
        width: 250px;
    }
    .custom__collsearech
    {
        width: calc(100% - 280px);
    }
    .page-width
    {
        max-width: 85%;
    }
    body .h0
    {
        font-size: calc(var(--font-heading-scale) * 5rem);
    }
    body h1, body .h1
    {
        font-size: calc(var(--font-heading-scale) * 4rem);
    }
    body h2, body .h2
    {
        font-size: calc(var(--font-heading-scale) * 2.8rem);
    }
    body h3, body .h3
    {
        font-size: calc(var(--font-heading-scale) * 2.4rem);
    }
    body h4, body .h4
    {
        font-size: calc(var(--font-heading-scale) * 2.2rem);
    }
    body h5, body .h5
    {
        font-size: calc(var(--font-heading-scale) * 2rem);
    }
    body h6, body .h6
    {
        font-size: calc(var(--font-heading-scale) * 1.8rem);
    }
    body
    {
        font-size: 1.5rem;
    }
    body .subtitle
    {
        font-size: 1.8rem;
    }
    .testimonial-text .testi-grid-item.testi-text
    {
        max-width: 100%;
        padding-left: 12rem;
    }
    .unique-text-box
    {
        max-width: 550px;
    }
    .button svg
    {
        height: 25px;
        width: 25px;
    }
    body .header__heading-link
    {
        padding: 0;
    }
    .banner-buttons
    {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }
    .banner-logo-bar
    {
        margin-top: 50px;
    }
    body .header__menu-item
    {
        padding: 1.7rem 1.2rem 1.2rem;
        font-size: 15px;
    }
    body .button, body .button-label, body .shopify-challenge__button, body .customer button
    {
        font-size: 1.5rem;
    }
}
@media(max-width: 1310px)
{
    .page-width
    {
        max-width: 95%;
    }
    body .header__menu-item
    {
        padding: 1.7rem 1.5rem 1.2rem;
        font-size: 15px;
    }
    .testimonial-text .testi-grid-item.testi-text
    {
        padding-left: 8rem;
    }
}
@media(max-width: 1200px)
{
    .csbanner-grid
    {
        min-height: 500px;
    }
    .page-width
    {
        max-width: 100%;
    }
    body .header__menu-item
    {
        padding: 1.7rem .8rem 1.2rem;
        font-size: 14px;
    }
    body .header--middle-left
    {
        grid-template-columns: .25fr 1fr .48fr;
    }
    .title-wrapper--no-top-margin .subtitle br
    {
        display: none;
    }
    .projectend .price
    {
        width: 100%;
    }
    .left-graph-gr
    {
        margin-top: -1rem;
    }
    .crotop-grid_item.left-graph
    {
        padding: 2rem;
    }
}
@media(max-width: 1060px)
{
    .pricing-cell
    {
        min-height: 115px;
    }
    .cro-banner-text .starsbg
    {
        gap: 1rem;
    }
    .cro-banner-text .starsbg .stars
    {
        width: 100px;
    }
    .cro-banner-text .starsbg .stars svg
    {
        width: 100%;
    }
    .need-cro-grid h6
    {
        font-size: 1.6rem;
    }
    .crobottom-grid_item.crob-right .faster-icon
    {
        margin-bottom: -3rem;
    }
    .reason-grid
    {
        gap: 2rem;
    }
    .reason-image, .reason-text
    {
        width: calc(50% - 10px);
    }
    .reasons
    {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .reason-text .title-wrapper
    {
        margin-bottom: 1rem;
    }
    .unique-grid
    {
        gap: 2rem;
    }
    .unique-grid-item
    {
        width: calc(50% - 1rem);
    }
    .about-home .page-widths
    {
        padding: 0 2rem;
    }
}
@media(max-width: 989px)
{
    .pricing-row .pricing-cell:first-child
    {
        width: 25%;
    }
    .pricing-cell
    {
        width: 25%;
        padding: 1rem;
    }
    .pricing-table-box
    {
        overflow-y: scroll;
    }
    .pricing-table-inner
    {
        width: 810px;
    }
    .pricing-cell
    {
        min-height: 75px;
    }
    .left_side, .right_side
    {
        width: 100%;
    }
    .custom__content-fields
    {
        gap: 30px;
    }
    .step-form .skip-meeting
    {
        text-align: center;
    }
    .main-pro-text, .main-pro-img
    {
        width: 100%;
    }
    .main-pro-grid
    {
        gap: 3rem;
    }
    .proinfo, .propay
    {
        width: 100%;
    }
    .related-products ul.grid.product-grid
    {
        overflow-y: scroll;
        flex-wrap: nowrap;
    }
    .related-products ul.grid.product-grid .grid__item
    {
        width: calc(60% - var(--grid-desktop-horizontal-spacing) / 2);
        max-width: calc(100% - var(--grid-desktop-horizontal-spacing) / 1);
    }
    .banner-usp-box
    {
        width: calc(33.33% - 14px);
    }
    .process-tabs ul.tabs li.tab-link h2
    {
        font-size: 24px;
    }
    .stats-calculator
    {
        column-gap: 3rem;
        margin-top: 3rem;
        row-gap: 3rem;
        margin-bottom: 2rem;
    }
    .mobile__section
    {
        display: flex;
        gap: 2rem;
        overflow-y: scroll;
        padding-bottom: 15px;
    }
    .cs-review-box
    {
        padding: 20px;
        margin-bottom: 0;
        width: calc(45% - 1rem);
        flex: 1 0 auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .custom__section.desktop_section
    {
        display: none;
    }
    .brand-logos .logo-bars
    {
        overflow-y: scroll;
        flex-wrap: nowrap;
    }
    .cro-partners .logimage
    {
        width: calc(23% - 2rem);
        max-width: 100%;
        flex: 1 0 auto;
    }
    .crobanner-image.grid__item
    {
        text-align: center;
        display: none;
    }
    .crotop-grid_item.left-graph
    {
        width: 100%;
    }
    .crotop-grid_item
    {
        width: calc(50% - 10px);
    }
    .need-cro-grid h6
    {
        font-size: 1.8rem;
    }
    .crobottom-grid_item.crob-middle, .crobottom-grid_item
    {
        width: calc(50% - 10px);
    }
    .crobottom-grid_item.crob-right, .left-graph-gr img
    {
        width: 100%;
    }
    .left-graph-text h2
    {
        max-width: 100%;
    }
    .left-graph-gr
    {
        margin-top: -4rem;
    }
    .process-tabs.sticky
    {
        top: 62px;
    }
    .process-tabs.sticky ul.tabs li.tab-link h2
    {
        font-size: 2rem;
    }
    .process-tabs ul.tabs li.tab-link img
    {
        height: 90px;
    }
    .cro-banner-grid.grid
    {
        row-gap: 4rem;
    }
    .choose-grid
    {
        column-gap: 4rem;
        row-gap: 3rem;
    }
    .choose-box
    {
        width: calc(50% - 2rem);
    }
    body .collapsible-content-wrapper-narrow
    {
        padding-right: 3rem;
        padding-left: 3rem;
        max-width: 100%;
    }
    .work-grid
    {
        gap: 4rem;
    }
    .work-grid-item, .process-grid-item.process-right
    {
        width: 100%;
    }
    .process-text .main-process-title
    {
        margin: .5rem 0 1rem;
    }
    .process-text .rte ul
    {
        padding-left: 1.5rem;
    }
    .main-process-box
    {
        padding-top: 4rem;
    }
    body .article-template>*:first-child:not(.article-template__hero-container)
    {
        margin-top: calc(3rem + var(--page-width-margin));
    }
    .art-text-content
    {
        width: 100%;
        gap: 1.5rem;
    }
    .art-image
    {
        width: 100%;
    }
    .artbanner-grid
    {
        gap: 3rem;
    }
    .art-text-box
    {
        height: auto;
        display: block;
    }
    .case-detail-text-box .page-width.cs-article
    {
        padding-left: 0;
        padding-right: 0;
    }
    .csd-grid .case-rte.rte
    {
        padding: 0 3rem;
    }
    .article-grid
    {
        gap: 0;
        flex-direction: column-reverse;
    }
    .page-width.art-page-width
    {
        padding-left: 0;
        padding-right: 0;
    }
    .article-box
    {
        width: 100%;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .locontent
    {
        width: 100%;
        position: sticky;
        top: 62px;
    }
    .locontent .toc-box .toc-case-text .hidden-menu
    {
        padding-bottom: 2rem;
    }
    .main-first-article
    {
        width: 100%;
    }
    .recent-articles .slider-buttons
    {
        display: none;
    }
    .locontent .toc-box .toc-case-text
    {
        padding-bottom: 0;
    }
    .main-other-articles
    {
        width: 100%;
        flex-direction: row;
        justify-content: inherit;
        overflow-y: scroll;
        padding-bottom: 8px;
        gap: 14px;
    }
    .main-other-articles .blog-articles__article.other-articles
    {
        margin-bottom: 0;
        flex: 1 0 auto;
        width: calc(45% - 10px);
    }
    .main-other-articles .card.article-card
    {
        flex-direction: column;
        gap: 15px;
    }
    .main-other-articles .card.article-card .card__inner, .main-other-articles .card.article-card .card__content
    {
        width: 100%;
    }
    .main-other-articles .card.article-card .card__content .card__information .article-card__excerpt.rte-width, .main-other-articles .card.article-card .card__content .card__information .brand-button
    {
        display: -webkit-box;
    }
    body .slider--tablet.grid--peek .grid__item:first-of-type
    {
        margin-left: 0;
    }
    body .slider--tablet:after
    {
        padding-left: 0;
    }
    .case-study.case-detail-slider .slider-buttons
    {
        display: none;
    }
    .customers_toc-toggle h6
    {
        display: flex;
        justify-content: space-between;
        padding: 1.5rem 3rem;
    }
    .toc-box .toc-case-text
    {
        border: none;
        margin-bottom: 0;
        border-bottom: 1px solid #d8d8d8;
    }
    .toc-box .toc-case-text .hidden-menu
    {
        width: 100%;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        overflow: hidden;
        background: #fff;
        z-index: 1;
        border-bottom: 1px solid #e4e4e4;
        box-shadow: 0 120px 100px #00000012,0 80px 60px #0000000f,0 40px 32px #0000000d,0 10px 16px #00000014,0 10px 8px #00000008,0 2px 4px #00000005;
        padding-top: 2rem;
    }
    .customers_social-inner-text
    {
        margin-top: 3rem;
    }
    .csd-grid .case-rte.rte
    {
        width: 100%;
        margin: 3rem 0 0 auto;
    }
    .toc-box
    {
        width: 100%;
        top: 62px;
        margin: 0;
        background: #fff;
    }
    .csd-grid
    {
        flex-direction: column-reverse;
    }
    .csbanner-grid .csb-text-content
    {
        width: 100%;
    }
    .csbanner-grid .csb-image
    {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        border-radius: 10px;
        margin-bottom: -3rem;
    }
    nav.cs-breadcrumb-nav
    {
        position: relative;
    }
    .csbanner-grid
    {
        min-height: auto;
        gap: 4rem;
    }
    .csb-details
    {
        padding: 6rem 0 3.5rem;
    }
    .csb-details-grid-items
    {
        width: 100%;
        gap: 2rem;
    }
    .pricingrow
    {
        flex-wrap: nowrap;
        overflow-y: scroll;
        padding-bottom: 15px;
    }
    .pricingbox
    {
        width: calc(45% - 10px);
        flex: 1 0 auto;
    }
    body .footer-block__details-content .list-menu__item--link
    {
        padding-top: .5rem;
    }
    .cohead, .codesc, .contacttext, .conform
    {
        width: 100%;
        text-align: center;
    }
    .contact .field
    {
        text-align: left;
    }
    .cohead p, .contacttext p
    {
        margin-bottom: 0;
    }
    .cobox, .contform
    {
        row-gap: 10px;
    }
    .codesc p
    {
        margin: 0 0 1rem;
    }
    .codesc p:last-child
    {
        margin: 0;
    }
    .plateform-grid-item
    {
        width: 100%;
    }
    .plateform-grid
    {
        gap: 4rem;
        text-align: center;
    }
    .about-marquee .marquee-text
    {
        width: 350px;
    }
    .port-number h2.h0.round-head
    {
        font-size: 4rem;
    }
    .port-number h2.round-subhead
    {
        font-size: 2.2rem;
    }
    .port-number
    {
        width: 200px;
        height: 200px;
    }
    .about-touch-grid-item
    {
        width: calc(50% - 10px);
        text-align: center;
    }
    .about-touch-grid
    {
        row-gap: 3.5rem;
    }
    .about-touch-grid-item h6
    {
        margin: 0 0 1rem;
    }
    body .header--middle-left
    {
        grid-template-columns: 1.2fr 2fr 1.2fr;
    }
    body .menu-drawer__menu-item
    {
        padding: .8rem 3rem;
        font-size: 1.6rem;
    }
    body .menu-drawer__navigation
    {
        padding-top: 1rem;
    }
    body .header--has-social .menu-drawer__utility-links
    {
        padding: 1rem 3rem;
    }
    h6.banner-content br
    {
        display: none;
    }
    h6.banner-content
    {
        max-width: 95%;
    }
    .shtabs .tab-titles .tab-links
    {
        padding: 10px 15px;
    }
    .shtext .shboxs
    {
        width: calc(45% - 12px);
        flex: 1 0 auto;
    }
    .shtext
    {
        flex-wrap: nowrap;
        overflow-y: scroll;
        padding-bottom: 6px;
    }
    .image_slider .owl-item .item
    {
        margin: 60px 0;
    }
    .unique-grid-item
    {
        width: 100%;
    }
    .unique-grid
    {
        flex-direction: column-reverse;
    }
    .unique-text-box
    {
        max-width: 100%;
        padding: 0 0 5rem;
    }
    .about-home .page-widths
    {
        padding: 0 3rem;
    }
    .reason-image, .reason-text
    {
        width: 100%;
    }
    body .seven-reason .owl-carousel .owl-nav.disabled
    {
        display: none;
    }
    .page-width
    {
        padding: 0 3rem;
    }
    body .image-slider .owl-carousel .owl-nav.disabled
    {
        display: none;
    }
    .bex-grid
    {
        gap: 20px;
    }
    .bex-grid-item
    {
        width: 100%;
    }
    .projectend .price
    {
        width: auto;
    }
    .project-home .projectboxes ul.grid.product-grid
    {
        overflow-y: scroll;
        padding-bottom: 6px;
        flex-wrap: nowrap;
    }
    .project-home .projectboxes ul.grid.product-grid .grid__item
    {
        width: calc(60% - var(--grid-desktop-horizontal-spacing) / 2);
        max-width: calc(100% - var(--grid-desktop-horizontal-spacing) / 1);
    }
    .testimonial-slider.owlslider, .testimonial-text
    {
        width: 100%;
        padding: 0 3rem;
    }
    .testi-grid
    {
        gap: 2rem;
        flex-direction: column-reverse;
    }
    .testimonial-text .testi-grid-item.testi-text
    {
        padding-left: 0;
    }
    .text-testi .rte.quote-text
    {
        position: relative;
    }
    span.quote-icon
    {
        position: absolute;
        top: 0;
        left: 0;
        opacity: .5;
    }
    .rte.quote-text h6, .testi-details h6, .testi-details p
    {
        position: relative;
    }
    .testi-details
    {
        margin-top: 4rem;
        margin-bottom: 2.5rem;
    }
    .testimonial-slider.owlslider
    {
        padding-right: 0;
    }
    body .rich-text__blocks
    {
        max-width: 100%;
    }
    .footer-block__newsletter h5.inline-richtext
    {
        width: calc(50% - 1rem);
    }
    .footer-block__newsletter .newsletter-form
    {
        max-width: 50%;
        width: calc(50% - 10px);
    }
}
@media(max-width: 749px)
{
    div#target.mobilefilter
    {
        display: none;
        position: fixed;
        top: 56px;
        bottom: 0;
        overflow: auto;
        background: #fff;
        width: 300px;
        z-index: 999999999;
        left: 0;
        padding: 5rem 2rem 2rem;
    }
    div#target.mobilefilter button.toggle.close
    {
        padding: 6px;
        border-radius: 40px;
        position: absolute;
        top: 6px;
        right: 6px;
        color: #333;
        background: #f0f0f0;
    }
    button#close-referral-drawer
    {
        right: 6px;
        top: 6px;
        height: 20px;
        width: 20px;
        font-size: 10px;
        line-height: normal;
    }
    .article-template__content h2
    {
        font-size: calc(var(--font-heading-scale) * 2.2rem);
    }
    .article-template__content h3, .article-template__content h4
    {
        font-size: calc(var(--font-heading-scale) * 1.7rem);
    }
    .cro-pricing.one-price
    {
        overflow-y: auto;
    }
    .cro-pricing-table
    {
        width: 660px;
    }
    .cro-pricing-head-middle.basic, .cro-pricing-head-right
    {
        padding: 2rem;
    }
    .cro-pricing-row-left
    {
        padding: 15px 15px 13px;
        gap: 6px;
    }
    .cro-pricing-row svg
    {
        width: 1.6rem;
    }
    .cro-pricing-head-middle.basic .button.button--primary, .cro-pricing-head-right .button.button--primary
    {
        min-height: 4rem;
        min-width: inherit;
        padding: 0 10px;
    }
    .pri-head
    {
        max-width: 100%;
        padding: 5px 10px 20px;
        box-shadow: none;
    }
    .tooltip-content
    {
        padding: 10px;
        font-size: 13px;
        line-height: 1.4;
    }
    .related-products ul.grid.product-grid .grid__item
    {
        width: calc(80% - var(--grid-desktop-horizontal-spacing) / 2);
    }
    .cro-banner-text h1.title
    {
        font-size: 2.6rem;
    }
    .process-tabs.sticky
    {
        top: 56px;
    }
    .cro-partners .logimage
    {
        width: calc(30% - 2rem);
    }
    body .collapsible-content-wrapper-narrow
    {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    .accordion:first-child
    {
        margin-top: 1rem;
    }
    .main-other-articles .blog-articles__article.other-articles
    {
        width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing));
    }
    .blog-articles.blog-grid-flex
    {
        row-gap: 1.5rem;
    }
    .toc-box, .locontent
    {
        top: 56px;
    }
    .customers_toc-toggle h6
    {
        padding: 1.5rem 2rem;
    }
    .pricingbox
    {
        width: calc(90% - 10px);
    }
    .pbin .hedingbox
    {
        padding: 15px;
        margin: 0;
        min-height: 100px;
    }
    .pbinn
    {
        padding: 15px;
    }
    body .section-header.shopify-section-header-sticky.scrolled-past-header
    {
        z-index: 5;
    }
    body .mobile-facets__heading
    {
        font-size: calc(var(--font-heading-scale) * 1.6rem);
    }
    body .facets-vertical .facets-wrapper, .custom__collsearech
    {
        width: 100%;
    }
    .template-collection .facets-container
    {
        border: none;
        z-index: 4;
    }
    body .facets-vertical .active-facets
    {
        gap: 0;
        padding: 0;
        margin: 0;
    }
    a.active-facets__button-remove.underlined-link
    {
        border: 1px solid;
        padding: 1px;
        opacity: .9;
    }
    body .facets-vertical
    {
        gap: 2rem;
    }
    body .active-facets__button, body .active-facets__button-remove
    {
        padding: .5rem 0;
    }
    .career-list__item.grid__item
    {
        padding: 20px;
    }
    .custom__popup-contain
    {
        max-width: 90%;
        margin: 4rem auto;
        padding: 2rem;
    }
    .flex-between .apply-btn.careersubmit
    {
        display: none;
    }
    .job-detail
    {
        margin-top: 2rem;
    }
    .popup-list
    {
        margin: 2rem 0;
    }
    .job-detail h6
    {
        margin: 2rem 0 1rem;
    }
    body .title-wrapper
    {
        margin-bottom: 3rem;
    }
    body .field__label, body .customer body .field label
    {
        font-size: 1.4rem;
    }
    .contact-details h2.title br
    {
        display: none;
    }
    body .header
    {
        padding: 6px 3rem;
    }
    .menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account
    {
        display: none;
    }
    .page-width
    {
        padding: 0 3rem;
    }
    body .h0
    {
        font-size: calc(var(--font-heading-scale) * 3rem);
    }
    body h1, body .h1
    {
        font-size: calc(var(--font-heading-scale) * 2.6rem);
    }
    body h2, body .h2
    {
        font-size: calc(var(--font-heading-scale) * 2.2rem);
    }
    body h3, body .h3
    {
        font-size: calc(var(--font-heading-scale) * 2rem);
    }
    body h4, body .h4
    {
        font-size: calc(var(--font-heading-scale) * 1.8rem);
    }
    body h5, body .h5, body h6, body .h6
    {
        font-size: calc(var(--font-heading-scale) * 1.7rem);
    }
    body
    {
        font-size: 1.4rem;
        line-height: 20px;
    }
    body .subtitle
    {
        font-size: 1.5rem;
    }
    .footer-block__newsletter h5.inline-richtext
    {
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }
    .footer-block__newsletter .newsletter-form
    {
        max-width: 100%;
        width: 100%;
    }
    .banner-text-box h6.banner-caption, .banner-text-box h6.banner-content
    {
        font-weight: 300;
        font-size: 18px;
    }
    h6.banner-content
    {
        margin: 1rem auto 0;
    }
    h6.banner-caption
    {
        margin: 0 0 1rem;
    }
    .banner-buttons
    {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
    }
    .starsbg
    {
        padding: 5px 10px;
        gap: 10px;
    }
    .starsbg .stars svg
    {
        width: 100%;
    }
    .starsbg .stars
    {
        height: 18px;
        width: 70px;
    }
    body .button, body .button-label, body .shopify-challenge__button, body .customer button
    {
        font-size: 1.4rem;
    }
    .button svg
    {
        height: 20px;
        width: 20px;
    }
    .uspst span.dot:before
    {
        top: 5px;
    }
    .uspst
    {
        margin-top: 2rem;
        gap: 10px;
    }
    .banner-logo-bar
    {
        margin-top: 50px;
    }
    .banner-logo-bar .title-wrapper
    {
        margin-bottom: 3rem;
    }
    .shtext .shboxs
    {
        width: calc(85% - 12px);
    }
    .text-btn
    {
        font-size: 1.4rem;
    }
    .unique-grid-item.unique-image
    {
        display: none;
    }
    .unique-text-box
    {
        padding: 4rem 0;
    }
    .project-home .projectboxes ul.grid.product-grid .grid__item
    {
        width: calc(80% - var(--grid-desktop-horizontal-spacing) / 2);
    }
    .image_slider .owl-item .item
    {
        margin: 0;
    }
    .image_slider .owl-item .item img
    {
        opacity: 1;
    }
    .footer-block.grid__item.footer-block--text
    {
        width: 100%;
    }
    .footer-block.grid__item.footer-block--menu
    {
        width: 100%;
        border-bottom: .5px solid rgba(var(--color-foreground),.3);
        padding-bottom: 2rem;
    }
    ul.footer-block__details-content.mobile-hide
    {
        display: none;
    }
    .footer-block.grid__item.footer-block--text .footer-block__details-content.rte
    {
        max-width: 100%;
    }
    body .footer-block__details-content
    {
        margin-bottom: 0;
    }
    body .footer__content-top
    {
        padding-left: calc(3rem / var(--font-body-scale));
        padding-right: calc(3rem / var(--font-body-scale));
    }
    body .footer-block.grid__item
    {
        margin: 2rem 0;
    }
    body .footer-block__heading
    {
        font-size: calc(var(--font-heading-scale) * 1.7rem);
        margin-bottom: 0;
    }

    body .footer-block--menu.is-open .footer-block__heading:after
    {
        transform: rotate(180deg);
    }
    .footer-block.grid__item.footer-block--menu .footer-block__heading
    {
        position: relative;
    }
    .footer-block.grid__item.footer-block--text .footer-block__details-content.rte
    {
        display: block!important;
    }
    .footer-block.grid__item.footer-block--text h2.footer-block__heading
    {
        margin-bottom: 1.2rem;
    }
    .footer-block.grid__item:first-child
    {
        border-bottom: .5px solid rgba(var(--color-foreground),.3);
        padding-bottom: 2rem;
    }
    .footer-block.grid__item.footer-block--menu:last-child
    {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .btns.owlcustom
    {
        display: none;
    }
    .fta-action .rich-text__text
    {
        margin-top: 1rem;
    }
    body .copyright__content
    {
        font-size: 1.3rem;
    }
}
@media(max-width: 640px)
{
    .process-tabs.sticky ul.tabs li.tab-link h4
    {
        font-size: 1.4rem;
        margin-top: 0;
    }
    .rte-sub h4, .rte-sub h5
    {
        font-size: 15px;
    }
    body .rich-text__wrapper
    {
        width: calc(100% - 0rem / var(--font-body-scale));
    }
    .process-fixes
    {
        padding: 2rem;
        margin: 3.5rem auto;
    }
    .reasultpro-head.rte
    {
        margin-bottom: 3rem;
    }
    .result-item
    {
        margin-bottom: 0;
        flex-wrap: wrap;
        flex: 1 0 auto;
        flex-direction: column;
        width: calc(80% - 1rem);
        padding: 0;
    }
    .result-item:last-child
    {
        padding-bottom: 2rem;
    }
    .result-text
    {
        width: 100%;
    }
    .results-grid
    {
        background: transparent;
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
        overflow-y: scroll;
        gap: 2rem;
    }
    .comparison-table-box
    {
        overflow-y: scroll;
    }
    .comparison-table-inner
    {
        width: 800px;
    }
    .comparison-table-inner
    {
        width: 600px;
    }
    .comparison-cell.comparison-header, .comparison-cell
    {
        min-height: 60px;
        display: flex;
        align-items: center;
    }
    .comparison-cell.highlight-cell, .comparison-cell.freelancers
    {
        justify-content: center;
    }
    .cs-review-box
    {
        width: calc(90% - 1rem);
    }
    .left-graph-text .taggraph
    {
        padding: 8px 1.2rem 6px 1.8rem;
        margin-bottom: 10px;
    }
    .left-graph-text .taggraph:before
    {
        height: 6px;
        width: 6px;
        top: 12px;
        left: 7px;
    }
    .left-graph-gr
    {
        margin-top: -2rem;
    }
    .process-tabs ul.tabs li.tab-link h2
    {
        font-size: 18px;
        margin-top: 5px;
    }
    .process-tabs ul.tabs li.tab-link p
    {
        font-size: 1.4rem;
    }
    .process-tabs ul.tabs li.tab-link img
    {
        height: 55px;
    }
    .prtab
    {
        padding: 1.5rem;
    }
    .rte-sub h4
    {
        flex-direction: column;
        row-gap: 1rem;
    }
    .rte-sub h4 img
    {
        display: none;
    }
    .process-container
    {
        padding: 0;
    }
    .process-tabs.sticky ul.tabs li.tab-link h2
    {
        font-size: 1.6rem;
    }
    .choose-box
    {
        width: 100%;
        text-align: center;
    }
    .how-process .title-wrapper, .how-choose .title-wrapper
    {
        margin-bottom: 3rem;
    }
    .case-study.case-detail-slider .case-boxes li.grid__item
    {
        width: calc(90% - var(--grid-mobile-horizontal-spacing) - 1rem);
        max-width: calc(100% - var(--grid-mobile-horizontal-spacing) / 1);
    }
    .related-art ul.blog-articles.slider--tablet.grid--peek.grid--2-col-tablet-down li.grid__item
    {
        width: calc(90% - var(--grid-mobile-horizontal-spacing) - 1rem);
        max-width: 100%;
    }
    .related-articles
    {
        padding: 4rem 0 5rem;
    }
    .toc-box
    {
        width: 100%;
        top: 56px;
        margin: 0;
    }
    .locontent
    {
        margin-top: calc(1.5rem + var(--page-width-margin));
    }
    .article-box
    {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    nav.cs-breadcrumb-nav ol.breadcrumb-list
    {
        margin: 0 0 0;
    }
    body .caption-with-letter-spacing
    {
        font-size: 1.2rem;
    }
    nav.cs-breadcrumb-nav ol.breadcrumb-list li.breadcrumb-item a.eyebrow.cc-breadrumb, nav.cs-breadcrumb-nav ol.breadcrumb-list li.breadcrumb-item
    {
        font-size: 10px;
        line-height: 15px;
    }
    nav.cs-breadcrumb-nav ol.breadcrumb-list li.breadcrumb-item .caption
    {
        line-height: 10px;
        margin-top: 0;
        font-size: 8px;
    }
    nav.cs-breadcrumb-nav ol.breadcrumb-list li.breadcrumb-item
    {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }
    nav.cs-breadcrumb-nav ol.breadcrumb-list
    {
        grid-column-gap: 4px;
    }
    .csd-grid .case-rte.rte
    {
        margin: 3rem 0 0 auto;
        padding: 0 2rem;
    }
    body .grid--peek.slider .grid__item:first-of-type
    {
        margin-left: 0;
    }
    body .slider--tablet:after
    {
        padding-left: 0;
    }
    .csb-state-box
    {
        width: 100%;
    }
    .csb-stats
    {
        grid-row-gap: 15px;
        margin-top: 3rem;
    }
    .csbanner-grid
    {
        gap: 3rem;
    }
    .csb-details-box
    {
        width: 100%;
    }
}
@media(max-width: 500px)
{
    .contact-form-section
    {
        padding: 2rem;
    }
    .cro-pricing-head p.h6
    {
        margin-top: 1rem;
    }
    .tooltip-content
    {
        width: 250px;
        transform: translate(-50%,-78%);
        font-size: 14px;
    }
    .result-text li
    {
        width: 100%;
    }
    .loimage
    {
        width: 170px;
    }
    .flex-horizontal .icon-container-alt
    {
        flex: 1 0 auto;
        width: 150px;
    }
    .logo-bars.logo-mar-brand
    {
        row-gap: 3rem;
    }
    .flex-horizontal
    {
        animation: marquee-horizontal 100s linear infinite;
    }
    .track-horizontal.backward-logos .flex-horizontal
    {
        animation: marquee-horizontal-alt 100s linear infinite;
    }
    .chat-message:before
    {
        height: 20px;
    }
    .chat-message
    {
        margin-bottom: 30px;
    }
    .msgbox
    {
        max-width: 100%;
        letter-spacing: 0;
        line-height: 20px;
    }
    .work-btn
    {
        margin-top: 3rem;
    }
    .related-products ul.grid.product-grid .grid__item
    {
        width: calc(90% - var(--grid-desktop-horizontal-spacing) / 2);
    }
    .main-pro-text-box
    {
        margin-top: 10px;
    }
    .atcbox, .cstreq-box
    {
        padding: 1.5rem;
    }
    .projectend
    {
        padding: 4px 6px;
    }
    .process-tabs ul.tabs li.tab-link p
    {
        font-size: 1.2rem;
    }
    .process-top-text .rte h6
    {
        font-size: 16px;
    }
    .rte-sub h4
    {
        font-size: 1.6rem;
    }
    .process-top-text
    {
        margin: 0 auto 4rem;
    }
    .cro-partners .logimage
    {
        width: calc(49% - 2rem);
    }
    .banner-usp-box
    {
        width: 100%;
        padding: 0;
    }
    .banner-usp-box:after
    {
        display: none;
    }
    .crotop-grid_item
    {
        width: 100%;
    }
    .roas-box h3
    {
        font-size: 20px;
    }
    .crotop-grid_item.right-roas
    {
        height: 330px;
    }
    .crobottom-grid_item.crob-middle, .crobottom-grid_item
    {
        width: 100%;
    }
    .need-cro-grid h6
    {
        font-size: 1.7rem;
    }
    body .footer__content-bottom-wrapper
    {
        row-gap: 1rem;
        justify-content: center;
    }
    body .footer-block__details-content .list-menu__item--link
    {
        padding-top: 0;
    }
    body .footer-block__details-content .list-menu__item--link
    {
        font-size: 1.4rem;
    }
    ul.footer-block__details-content.mobile-hide
    {
        margin-top: .5rem;
    }
    .branding.grid-item-inner
    {
        padding: 1.5rem;
    }
    .case-study .case-boxes li.grid__item
    {
        width: 100%;
        max-width: 100%;
    }
    .case-study .case-boxes
    {
        row-gap: 2rem;
    }
    body .accordion summary
    {
        gap: 10px;
        padding: 1.2rem 1.4rem;
    }
    span.collap-icon
    {
        width: 25px;
        height: 25px;
    }
    body .accordion__content
    {
        margin-bottom: 1.4rem;
        padding: 0 1.4rem 0 5rem;
    }
    .about-portfolio .title-wrapper
    {
        padding: 0 2rem;
    }
    .about-marquee .marquee-text
    {
        width: 200px;
    }
    .port-number h2.h0.round-head
    {
        font-size: 3rem;
        line-height: normal;
    }
    .port-number
    {
        width: 150px;
        height: 150px;
    }
    .logimage-box
    {
        height: 30px;
    }
    .about-touch-grid-item
    {
        width: 100%;
    }
    .about-touch-grid
    {
        row-gap: 3.5rem;
        margin: 3rem 0;
    }
    .tech-logo-box
    {
        height: 50px;
    }
    .port-number h2.round-subhead
    {
        font-size: 1.8rem;
    }
    .starsbg
    {
        gap: 5px;
        flex-wrap: wrap;
    }
    .starsbg .stars
    {
        height: 17px;
        width: 90px;
    }
    .starsbg p.btm-prap
    {
        margin: 0;
        line-height: normal;
    }
    .uspst span.dot
    {
        padding-left: 10px;
        font-size: 13px;
    }
    .uspst span.dot:before
    {
        top: 7px;
        height: 5px;
        width: 5px;
    }
    .shtext .shboxs
    {
        width: calc(90% - 12px);
    }
    .project-titles h6.project-links
    {
        flex: 1 0 auto;
    }
    .project-titles
    {
        column-gap: 2rem;
        flex-wrap: nowrap;
        overflow-y: scroll;
        padding-bottom: 4px;
        margin-top: 1rem;
    }
    .project-home .projectboxes ul.grid.product-grid .grid__item
    {
        width: calc(90% - var(--grid-desktop-horizontal-spacing) / 2);
    }
    .projectend p
    {
        font-size: 13px;
        letter-spacing: 0;
        line-height: normal;
    }
    .text-btn svg
    {
        height: 22px;
        width: 22px;
    }
    .rte.quote-text h6, .testi-details h6
    {
        font-size: 15px;
    }
    .richtext-profile
    {
        gap: 10px;
        flex-wrap: wrap;
    }
    .profile-text
    {
        text-align: center;
        width: 100%;
    }
    .profile-text h6, .profile-text p
    {
        text-align: center;
    }
    body .rich-text__wrapper
    {
        width: 100%;
    }
    .newsletter-form__field-wrapper .field
    {
        flex-wrap: wrap;
        gap: 15px;
    }
    .newsletter-form__field-wrapper .field:before, .newsletter-form__field-wrapper .field:after
    {
        display: none;
    }
    .footer-block__newsletter .newsletter-form .newsletter-form__field-wrapper .field__input
    {
        border-radius: 10px;
    }
    body .footer-block__newsletter .newsletter-form .newsletter-form__button
    {
        width: 100%;
        border-radius: 10px;
    }
}