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

    .middle-menu-box,
    .login_wrapper .black-btn,
    .stacked-cards .left-path,
    .stacked-cards .right-path,
    .table-content,
    .menu-open .hamberger .menu-icon,
    .middle-menu-box .active-slider {
        display: none;
    }

    .navbar .hamberger {
        display: block;
    }

    .features .features-wrapper,
    .walkt_btns {
        flex-wrap: wrap;
    }
.feature_screen .iphone{
    aspect-ratio: unset;
}
.purple-pp{
        top: -50px;
            left: -40px;
            background: transparent;
            width: 120px;
}
    .features {
        height: calc(var(--vh, 1vh) * 100);
    }

    .clients ul {
        width: 100%;
        gap: 20px;
    }

    .no-scroll {
        overflow: hidden;
    }

    .nabar-parent {
        position: unset;
    }

    .no-scroll .nabar-parent {
        position: fixed;
    }

    .no-scroll .navbar {
        padding: 19px 20px !important;
    }

    .nabar-parent,
    .no-scroll .navbar,
    .hero_section {
        margin-top: 0 !important;
    }

    .hero_section {
        padding-top: 80px;
    }

    .hero_section-wrapper .navbar {
        padding: 19px 20px;
        position: unset !important;
        transform: unset !important;
        transition: unset !important;
    }

    .hero_section-wrapper .navbar.sticky {
        transform: unset !important;
        backdrop-filter: unset !important;
        background: none !important;
    }

    .navbar.menu-open,
    .navbar.sticky.menu-open {
        position: relative !important;
        transform: none !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background: #fff !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        backdrop-filter: none !important;
    }

    .pie-chart p {
        font-size: 7px;
    }

    .hero::after {
        transform: rotate(180deg);
        width: 100vw;
        height: 70%;
        right: -50px;
        animation: none;
            filter: blur(79px);
            background: linear-gradient(106.1deg, #FFB1CD 33.93%, rgba(70, 78, 229, 0.6) 60.22%, #FFFFFF 85.59%, #70FF44 85.59%);
    }

    .pie-chart .chart-pointer div {
        font-size: 6px;
    }
.popup-content{
    width: 90%;
}
.short-url{
        font-size: 16px;
}
.popup-btns button{
    font-size: 14px;
}
    .hero_card .sites-list {
        gap: 5px;
    }

    .hero_card .sites-list li {
        font-size: 9.53px;
    }

    .blog-heading h2 {
        font-size: 22px;
    }

    .left-bg {
        left: -106px;
        top: 25%;
        z-index: -1;
    }

    .pie-chart {
        transform: rotateZ(10deg) translatex(-30px);
        margin-left: -66px;
        padding: 12px;
        border-radius: 12px;
    }

    .pie-chart .chart-pointer .l-purple,
    .pie-chart .chart-pointer .m-purple,
    .pie-chart .chart-pointer .d-purple {
        width: 7.2px;
        height: 7.2px;
    }

    .marquee h2 {
        padding-right: 15rem;
    }

    .hero_banner_wrapper {
        justify-content: left;
    }

    .hero_card {
        transform: perspective(1200px) rotate3d(1.3, -2, 0.2, 35deg);
    }

    .total-clicks {
        transform: translate(11px, 230px) rotateZ(-9deg);
        gap: 32px;
        border-radius: 17px;
        width: fit-content;
        white-space: nowrap;
    }

    .total-clicks h3 {
        font-size: 19px;
    }

    .total-clicks p img {
        height: 14px;
    }

    .total-clicks p {
        font-size: 7.53px;
        gap: 3px;
    }

    .total-clicks p span {
        font-size: 9.53px;
    }

    .total-clicks h6 {
        font-size: 9.53px;
    }

    .stacked-cards-list .stacked-card .card_heading h6 {
        font-size: 24px;
    }

    .pie,
    .clickz {
        width: 20%;

    }

    .features .feature-slide,
    .card,
    .footer_top_div .footer_links_wrapper .brand_logo,
    .footer_top_div .footer_links_wrapper .footer_links_div,
    .stacked-cards-list .stacked-card .card_img img,
    .hero_section .hero_sectionwrapper .header-wrapper .heading_dv,
    .bg-border .yellow-border,
    .hero_card,
    .hero_card .wave,
    .pie-chart img,
    .resources .resource-wrapper ul li,
    .resources .resource-wrapper ul li .img_section,
    .resource-header,
    .detail-wrapper .left-column,
    .detail-wrapper .right-column,
    .input-box,
    .walkt_btns a.blue-btn {
        width: 100%;
    }

    .stacked-cards-list .stacked-card {
        border-radius: 40.51px;
    }

    .features .feature-slide:nth-child(2),
    .features .feature-slide:nth-child(4) {
        padding-top: 60px !important;
    }

    .stacked-cards-list .stacked-card .card_img img {
        height: 222px;
        width: 100%;
    }

    .stacked-cards-list .stacked-card.sky-blue {
        top: 19%;
    }

    .stacked-cards-list .stacked-card.pink {
        top: 36%;
    }

    .card .card-body,
    .links-list_wrapper,
    .footer_top_div .footer_links_wrapper,
    .cpy_ryt_wrapper,
    .payment_faster .payment_faster_wrapper .payment-count ul {
        flex-wrap: wrap;
    }

    .bg-border .yellow-border {
        top: -20px;
    }

    .cpy_ryt_wrapper {
        justify-content: center;
        gap: 20px;
    }

    .brand_logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .scroll-slider .scroll-slider-wrapper ul li .slide_img img {
        width: 100%;
        height: 293px;
    }

    .scroll-slider .swiper {
        padding-left: 25px;
    }

    .scroll-slider .scroll-slider-wrapper ul {
        gap: 0;
    }

    .payment_faster .payment_faster_wrapper::after {
        top: -8%;
        right: -20%;
    }

    .scroll-slider .scroll-slider-wrapper ul li {
        padding: 19px;
        border-radius: 36.73px;
    }

    .payment_faster .payment_faster_wrapper h2 {
        font-size: 56px;
    }

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

    .detail h4 {
        font-size: 20px;
    }

    .hero_section .hero_sectionwrapper .header-wrapper .heading_dv h2,
    .payment_faster .payment_faster_wrapper .payment-count ul li h3,
    .resource-header h2 {
        font-size: 40px;
        line-height: 1.1;

    }

    .scroll-slider .scroll-slider-wrapper h2 {
        font-size: 32px;
        margin-bottom: 42px;
    }

    .scroll-slider .scroll-slider-wrapper ul li h6 {
        font-size: 20px;
    }

    .pricing-header .sub-heading,
    .section-header .sub-heading,
    .hero_section .hero_sectionwrapper .header-wrapper .heading_dv p,
    .resource-header p {
        font-size: 16px;
    }

    .scroll-slider .scroll-slider-wrapper ul li p {
        font-size: 12px;
    }

    .pricing-header h2,
    .section-header h2 {
        font-size: 38px;
    }

    .faq-question {
        padding: 16px 24px;
        font-size: 16px;
    }

    .faq-item.active .faq-answer {
        padding: 0 16px 24px 24px;
    }

    .footer_top_div {
        margin: 0;
    }

    .resource-header {
        padding-bottom: 27px;
    }

    .walk_content {
        padding: 0 8px;
    }

    .walkthrough .walkthrough_wrapper .walkthrough_heading h2 {
        font-size: 38px;
        text-align: center;
    }

    .walkthrough .walkthrough_wrapper {
        background: url(../assets/mob-bg-plastic.png) center center #0b0b0b;
        height: 700px;
        border-radius: 16px;
    }

    .pie-chart svg {
        height: 85%;
        object-fit: cover;
    }

    .corner_flower {
        left: -30%;
    }

    .left-duddle {
        left: -10%;
        top: -6%;
    }

    .faq {
        padding-top: 130px;
    }

    .testimonials {
        padding-bottom: 0;
    }

    .right-path {
        right: -35%;
        top: 32%;
    }

    .pricing {
        padding-top: 46px;
    }

    .payment_faster .payment_faster_wrapper .payment-count ul {
        gap: 32px;
        justify-content: center;
    }

    .payment_faster .payment_faster_wrapper .payment-count ul li {
        width: calc((100% / 2) - 32px);
    }

    .right-doodle {
        right: -50px;
        top: 6%;
        z-index: -1;
    }

    .scroll-slider,
    .payment_faster {
        padding: 120px 0;
    }

    .clients {
        padding: 20px 16px 11px 16px;
    }

    .payment_faster,
    .stacked-cards,
    .section-header,
    .faq-list,
    .pricing,
    .walkthrough,
    .footer,
    .hero_section .hero_sectionwrapper .header-wrapper .heading_dv,
    .resources,
    .resource-header {
        padding-left: 16px;
        padding-right: 16px;
    }

    .resources .resource-wrapper ul li .img_section .detail-link {
        opacity: 1;
        pointer-events: visible;
    }

    .blog-detail.container {
        padding: 0 16px;
    }

    .detail-wrapper {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 27px;
    }

    .blog-detail .walkthrough,
    .blog-detail .footer {
        padding: 0;
    }

    .resources-listing .listing-leftpath,
    .blog-detail .listing-leftpath {
        top: 12%;
    }

    .links-list_wrapper .column {
        padding-left: 0;
    }

    .links-list_wrapper .column:first-child {
        width: 100%;
        flex-direction: row;
        margin-bottom: 40px;
        padding-left: 36px;
    }

    .links-list_wrapper .column:nth-child(2) {
        padding-left: 36px;
    }

    .links-list_wrapper .column .inner_column:nth-child(2) {
        margin-top: 0;
    }

    .links-list_wrapper .column:nth-child(2),
    .links-list_wrapper .column:nth-child(3) {
        width: 50%;
    }

    .links-list_wrapper .column .inner_column {
        width: calc(100% / 2);
    }

    .links-list_wrapper .column li a,
    .links-list_wrapper .column li {
        font-size: 16px;
    }

    .brand_logo_box img {
        width: 80%;
    }

    .login-button-box {
        opacity: 0;
    }

    .menu-icon,
    .navbar .middle-menu-box ul li a img,
    .menu-open .hamberger .close-menu {
        display: block;
    }

    .menu-open .middle-menu-box {
        position: absolute;
        display: block;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        width: 100vw;
        background: white;
        left: 0 !important;
        z-index: 99;
        top: 0;
    }

    .menu-open .middle-menu-box .blue-btn {
        width: 95%;
        padding: 16px;
        font-size: 16px;
        font-weight: 400;
        margin: 0 auto;
        display: block;
        text-align: center;
        position: fixed;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        /* position: relative;
             bottom: env(safe-area-inset-bottom, 20px);
             margin-bottom: calc(env(safe-area-inset-bottom, 20px) + 24px); */
    }

    .menu-open .middle-menu-box ul {
        flex-direction: column;
        width: 100%;
        padding: 95px 20px 0 20px;
        gap: 20px;
        background-color: #fff;
    }

    .navbar.menu-open .middle-menu-box ul {
        transform: unset;
        display: inline-block;
    }

    .navbar.menu-open .middle-menu-box ul li {
        padding: 10px;
    }

    .menu-open .middle-menu-box ul li a {
        color: #000;
        font-size: 20px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu-open .brand_logo_box,
    .menu-open .hamberger {
        z-index: 999;
    }

    .contact-popup {
        width: 90%;
        padding: 24px;
    }
}