@media (min-width:420px) {
    /*--- Payout System Section ---*/
    /*--- Footer Section ---*/
    .col-links {
        margin-bottom: 0 !important;
    }
    /*========== About us Page ========*/
}

@media (min-width:420px) and (max-width:575px) {
    /*--- Payout System Section ---*/
    /*--- Footer Section ---*/
    .col-links {
        width: 50%
    }
}

@media (min-width:576px) {
    .inner-banner-image img {
        width: 270px;
    }
    .round-circle {
        position: absolute;
        right: -95px;
        top: -56px;
        width: 434px;
        left: auto;
    }
    .home-banner-icon {
        width: 65px;
    }
    .first-box {
        top: -34px;
        left: 110px;
        position: absolute;
        display: flex;
        align-content: center;
        align-items: center;
        gap: 15px;
    }
    .second-box {
        top: 73px;
        left: 58px;
        position: absolute;
        display: flex;
        align-content: center;
        align-items: center;
        gap: 15px;
    }
    .third-box {
        bottom: 37px;
        left: -5px;
        position: absolute;
        display: flex;
        align-content: center;
        align-items: center;
        gap: 15px;
    }
    .fourth-box {
        bottom: -47px;
        right: 0;
        left: 95px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-content: center;
        align-items: center;
        gap: 15px;
    }
    /*--- Home Blog Section ---*/
    .blog-image img {
        height: 350px;
    }
    /*========== About us Page ========*/
    .about-payment-mode {
        width: 375px;
        margin-left: auto;
    }
    .about-image {
        text-align: end;
        padding: 80px 50px 0 15px;
        border-radius: 0 20px 20px 0;
        overflow: hidden;
    }
    .big-image img {
        width: auto;
    }
    .about-card-img.card-image1 {
        right: -62px;
        width: 190px;
    }
    .about-card-img.card-image2 {
        left: -108px;
        width: 249px;
    }
    .about-card-img.card-image3 {
        left: -133px;
        width: 234px;
    }
    .about-content {
        padding: 0 0 0 15px;
    }
}

@media (min-width:768px) {
    /*========== Home Page ========*/
    /* .banner-text {
        margin-bottom: 60px;
    } */
    /* .banner-text {
        margin-bottom: 60px;
    } */
    .banner-right {
        text-align: right;
        margin-top: 70px;
    } 
    .banner-main-image {
        display: inline-block;
        margin-left: auto;
    }
    .inner-banner-image img {
        width: 369px;
    }
    .round-circle {
        position: absolute;
        right: -95px;
        top: -56px;
        width: 559px;
        left: auto;
    }
    .first-box {
        top: -34px;
        left: 211px;
    }
    .second-box {
        top: 112px;
        left: 125px;
    }
    .third-box {
        bottom: 54px;
        left: 61px;
    }
    .fourth-box {
        bottom: -65px;
        right: 0;
        left: 197px;
        margin: 0 auto;
        text-align: center;
    }
    .home-banner-icon-title {
        font-size: 18px;
    }
    .home-banner-icon {
        width: 80px;
    }
    .banner-review::before {
        width: 75%;
    }
    /*--- Programer Card Section -----*/
    .min-pera {
        width: 820px;
        margin: 0 auto;
    }
    .card-row {
        margin: 100px 0 46px
    }
    /*------- Resources Section ------*/
    .perspective-card {
        padding: 50px 32px;
    }
    /**-------specialities section -------*/
    .common-card {
        padding: 70px 30px 50px;
    }
    .revenue-processed-text {
        margin-top: 60px;
    }
    .testimonials-inner-card {
        padding: 45px;
    }
    /*--- Home Blog Section ---*/
    .blog-image img {
        height: 245px;
    }
    /*--- Payout System Section ---*/
    .payout-system {
        padding: 80px 50px;
    }
    /*--- FAQs Section ---*/
    .panel-button-click {
        padding: 20px 34px;
    }
    .accordion-button.panel-button-click:not(.collapsed) {
        padding: 34px 34px 20px;
    }
    .panel-body {
        padding: 0 71px 34px 34px;
    }
    .panel-button-click::before {
        right: 21px;
    }
    /*--- Footer Section ---*/
    .footer-left {
        padding: 40px 30px;
    }
    .footer-forms {
        padding: 40px 30px
    }
    /*========== About us Page ========*/
    /*--- About section ---*/
    .about-image {
        padding: 80px 100px 0 0;
    }
    /*--- screenshot image ---*/
    .screenshot-left img {
        margin-top: -66px;
    }
    .screenshot-right img {
        top: 18px;
    }
}

@media (min-width:992px) {
    /*========== Home Page ========*/
    /* .banner-text {
        margin-bottom: 60px;
    } */
    .banner-right {
        margin-top: 0;
    } 
    .inner-banner-image img {
        width: 275px;
    }
    .round-circle {
        position: absolute;
        right: -76px;
        top: -39px;
        width: 410px;
        left: auto;
    }
    .first-box {
        top: -26px;
        left: 51px;
    }
    .second-box {
        top: 78px;
        left: 5px;
    }
    .third-box {
        bottom: 34px;
        left: -58px;
    }
    .fourth-box {
        left: 37px;
        margin: 0 auto;
        text-align: center;
        bottom: -48px;
    }
    .home-banner-icon-title {
        font-size: 18px;
    }
    .home-banner-icon {
        width: 65px;
    }
    .banner-review::before {
        width: 800px;
    }
    /*--- Partnership counter Section -----*/
    .partnership-counter {
        width: 210px;
        height: 210px;
    }
    /*--- Programer Card Section -----*/
    .card-row {
        margin: 290px 0 46px;
    }
    /**-------specialities section -------*/
    .common-card {
        padding: 30px 30px;
        height: 387px;
    }
    .speciality-heading {
        font-size: 60px;
    }
    /*--- Testimonials Section ---*/
    .testimonials-slider {
        width: 850px;
        padding: 0 15px;
    }
    .testimonials-slider .slick-dots {
        right: -42px;
    }
    /*--- Home Blog Section ---*/
    .blog-image img {
        height: 220px;
    }
    /*--- Payout System Section ---*/
    .payout-system {
        padding: 80px 78px;
    }
    /*--- FAQs Section ---*/
    .accordion-panel {
        width: 914px;
        margin: 0 auto;
    }
    /*========== About us Page ========*/
    .about-image {
        padding: 80px 40px 0 0;
    }
    .about-payment-mode {
        width: 320px;
        margin-left: auto;
    }
    .about-card-img.card-image1 {
        right: -43px;
        width: 173px;
    }
    .about-card-img.card-image2 {
        left: -84px;
        width: 200px;
    }
    .about-card-img.card-image3 {
        left: -103px;
        width: 187px;
    }
    .about-content {
        padding-left: 15px;
    }
    /*--- screenshot image ---*/
    .screenshot-groups-image {
        padding: 45px 30px 0 30px;
        margin-top: 70px;
        margin-bottom: -17px;
    }
    .screenshot-left img {
        margin-top: -90px;
    }
    .screenshot-right img {
        top: 63px;
    }
    .mobile-card-image {
        width: 396px;
        margin-left: -100px;
    }
}

@media (min-width:1200px) {
    .inner-banner-image img {
        width: 350px;
    }
    .round-circle {
        top: -43px;
        width: 513px;
        right: -81px;
    }
    .fourth-box {
        bottom: -60px;
        left: 30px;
    }
    .first-box {
        left: 90px;
    }
    .second-box {
        top: 87px;
        left: 15px;
    }
    .third-box {
        bottom: 68px;
        left: -48px;
    }
    .fourth-box {
        bottom: -51px;
        left: 75px;
    }
    /*--- Partnership counter Section -----*/
    .partnership-counter {
        width: 246px;
        height: 246px;
    }
    .card-row {
        margin: 552px 0 46px;
    }
    /* Partnership Program card list */
    .single-points {
        padding: 15px 17px;
        margin: 9px;
    }
    /*--- Our Specialities Section ---*/
    .common-card {
        height: 387px;
    }
    .speciality-heading {
        font-size: 100px;
    }
    .revenue-processed-text {
        margin-top: 130px;
    }
    .blue-card-list li {
        padding: 13px 14px;
    }
    .list-text {
        font-size: 16px;
    }
    /*--- Testimonials Section ---*/
    .testimonials-slider {
        width: 950px;
    }
    /*========== About us Page ========*/
    .about-payment-mode {
        width: 375px;
    }
    .about-content {
        padding-left: 30px;
    }
    /*--- screenshot image ---*/
    .screenshot-groups-image {
        padding: 45px 8% 0 8%;
    }
    .screenshot-left img {
        margin-top: -130px;
    }
    .screenshot-right img {
        top: 63px;
    }
    .mobile-card-image {
        width: 476px;
        margin-left: -121px;
    }
}

@media (min-width:1400px) {
    /*========== Home Page ========*/
    .banner-text {
        margin-bottom: 60px;
    } 
    .inner-banner-image img {
        width: 369px;
    }
    .round-circle {
        position: absolute;
        right: -95px;
        top: -56px;
        width: 559px;
        left: auto;
    }
    .first-box {
        top: -34px;
        left: 142px;
    }
    .second-box {
        top: 99px;
        left: 60px;
    }
    .third-box {
        bottom: 60px;
        left: 3px;
    }
    .fourth-box {
        bottom: -60px;
        right: 0;
        left: 132px;
        margin: 0 auto;
        text-align: center;
    }
    .home-banner-icon-title {
        font-size: 18px;
    }
    .home-banner-icon {
        width: 80px;
    }
    /*--- Our Specialities Section ---*/
    .specialities-pera {
        width: 1166px;
    }
    /*--- Home Blog Section ---*/
    .blog-image img {
        height: 310px;
    }
    /*========== About us Page ========*/
    .about-image {
        padding: 80px 100px 0 0
    }
    .about-content {
        padding-left: 75px;
    }
    /*--- screenshot image ---*/
    .screenshot-groups-image {
        padding: 45px 19% 0 13%;
    }
    .mobile-card-image {
        width: 561px;
        margin-left: -141px;
    }
}

@media (max-width:1599px) {
    .card-bottom-left {
        bottom: 47px !important;
        left: -124px !important;
    }
    .card-top-left {
        top: -45px !important;
        left: -110px !important;
    }
}

@media (max-width:1399px) {
    .card-top-left {
        width: 70% !important;
        left: -82px !important;
    }
    .card-bottom-left {
        width: 70% !important;
    }
    .card-bottom-right {
        bottom: 163px !important;
        right: -60px !important;
    }
}

@media (max-width:1199px) {
    .card-top-left {
        left: -60px !important;
    }
    .card-bottom-left {
        left: -104px !important;
    }
    .card-bottom-right {
        bottom: 130px !important;
        right: -50px !important;
    }
    .card-top-right {
        right: 20px !important;
    }
}

@media (max-width:991px) {
    .card-top-left {
        left: -45px !important;
        width: 59% !important;
        top: -6px !important;
    }
    .card-bottom-left {
        left: -80px !important;
        width: 59% !important;
        top: 206px;
    }
    .card-top-right {
        right: 30px !important;
    }
    .card-bottom-right {
        bottom: 224px !important;
        right: -42px !important;
        width: 34% !important;
    }
}

@media (max-width:767px) {
    .card-top-left {
        left: -20px !important;
        width: 56% !important;
        top: 7px !important;
    }
    .card-bottom-left {
        left: -60px !important;
        width: 56% !important;
        top: 160px;
    }
    .card-top-right {
        right: 23px !important;
    }
    .card-bottom-right {
        bottom: 170px !important;
        right: -13px !important;
        width: 30% !important;
    }
}

@media (max-width:575px) {
    .card-top-left {
        left: -2px !important;
        width: 52% !important;
        top: 8px !important;
    }
    .card-bottom-left {
        left: -27px !important;
        width: 52% !important;
        top: 180px;
    }
    .card-top-right {
        width: 26% !important;
        right: 20px !important;
        top: 52px !important;
    }
    .card-bottom-right {
        bottom: 185px !important;
        right: -7px !important;
        width: 31% !important;
    }
}

@media (max-width:493px) {
    .card-top-left {
        left: -2px !important;
        width: 52% !important;
        top: 8px !important;
    }
    .card-bottom-left {
        left: -27px !important;
        width: 52% !important;
        top: 135px;
    }
    .card-top-right {
        width: 26% !important;
        right: 20px !important;
        top: 52px !important;
    }
    .card-bottom-right {
        bottom: 154px !important;
        right: -7px !important;
        width: 31% !important;
    }
}

@media (max-width:435px) {
    .card-top-right {
        width: 26% !important;
        right: 14px !important;
        top: 28px !important;
    }
}

@media (max-width:392px) {
    .card-bottom-right {
        bottom: 122px !important;
        right: -7px !important;
        width: 31% !important;
    }
}

@media (max-width:350px) {
    .card-bottom-left {
        left: -27px !important;
        width: 52% !important;
        top: 91px;
    }
}

@media (max-width:320px) {
    .card-top-left {
        left: -2px !important;
        width: 52% !important;
        top: 8px !important;
    }
    .card-bottom-left {
        left: -27px !important;
        width: 52% !important;
        top: 99px;
    }
    .card-top-right {
        width: 28% !important;
        right: 6px !important;
        top: 20px !important;
    }
    .card-bottom-right {
        bottom: 90px !important;
        right: -7px !important;
        width: 31% !important;
    }
}

@media (min-width:1600px) {
    /*--- Payout System Section ---*/
    .home-banner-icon {
        width: 100px;
    }
    .first-box {
        left: 185px;
    }
    .second-box {
        top: 105px;
        left: 110px;
    }
    .third-box {
        bottom: 43px;
        left: 52px;
    }
    .fourth-box {
        bottom: -85px;
        right: 0;
        left: 194px;
        margin: 0 auto;
        text-align: center;
    }
    .mobile-card-image {
        width: 612px;
        margin-left: -155px;
    }
    /*========== About us Page ========*/
}

@media (min-width:1920px) {
    /*--- Home Blog Section ---*/
    .blog-image img {
        height: 345px;
    }
}

@media (min-width: 576px) {
    .align-container-right {
        margin-right: calc((100vw - 540px) / 2);
        padding-right: 15px
    }
}

@media (min-width: 768px) {
    .align-container-right {
        margin-right: calc((100vw - 720px) / 2);
        padding-right: 15px
    }
}

@media (min-width: 992px) {
    .align-container-right {
        margin-right: calc((100vw - 960px) / 2);
        padding-right: 15px
    }
}

@media (min-width: 1200px) {
    .align-container-right {
        margin-right: calc((100vw - 1140px) / 2);
        padding-right: 15px
    }
}

@media (min-width: 1400px) {
    .align-container-right {
        margin-right: calc((100vw - 1320px) / 2);
        padding-right: 15px
    }
}

@media (min-width: 1600px) {
    .align-container-right {
        margin-right: calc((100vw - 1450px) / 2);
        padding-right: 15px
    }
}


/* locofy.ai  card*/

@media (max-width: 1400px) {
    .card-body h6 {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .card-body h6 {
        font-size: 13px;
    }
    .card-text {
        font-size: 12px;
    }
    .blog-profile p {
        font-size: 12px;
    }
    .read-time {
        font-size: 12px;
        padding: 2px 4px;
        width: 75px;
    }
    .locofyai-section {
        padding: 30px 0 !important;
    }
    .discover-head h2 {
        padding: 20px 0 20px !important;
    }
}

@media (max-width: 992px) {
    .locofyai-section {
        padding: 75px 0 50px !important;
    }
}

@media (max-width:496px) {
    .locofyai-content h1 {
        font-size: 23px !important;
    }
}

@media (max-width: 777px) {
    .card-body h6 {
        font-size: 12px;
    }
    .tab-footer {
        padding-top: 50px !important;
    }
}

@media (max-width: 767.98px) {
    .card-body h6 {
        font-size: 26px;
    }
}

@media (max-width: 488px) {
    .card-body h6 {
        font-size: 18px;
    }
}


/* home banner page  unlock the world */

@media (max-width: 1399.98px) {
    .martines-atm {
        left: -30% !important;
        top: 28%;
    }
    .unlock-world {
        font-size: 52px !important;
    }
}

@media (max-width: 1023.99px) {
    .martines-atm {
        left: -46% !important;
        top: 28%;
    }
}

@media (max-width: 991.98px) {
    .martines-atm {
        left: -5% !important;
        top: 52% !important;
    }
    .martines-atm img {
        width: 80%;
    }
}

@media (max-width: 767.98px) {
    .martines-atm {
        left: -20% !important;
        top: 40% !important;
    }
}

@media (max-width: 692.98px) {
    .martines-atm {
        left: -6% !important;
        top: 46% !important;
    }
    .martines-atm img {
        width: 60%;
    }
}


/* responsive heading */

@media (max-width: 992px) {
    .titile-head {
        font-size: 18px;
    }
    .testimonial-head h2 {
        font-size: 48px !important;
    }
    .about-head h2 {
        font-size: 20px;
    }
    .read-time {
        margin-top: 10px;
    }
    .key-features {
        padding: 0 20px 22px!important;
    }
}
 

@media (max-width: 768px) {
    .testimonial-head h2 {
        font-size: 32px !important;
    }
    .operate {
        font-size: 14px;
    }
    .one-click-disbursement-row {
        border-radius: 35px !important;
    }
    .integrate-effort {
        font-size: 16px !important;
    }
    .testimonial-discription {
        font-size: 16px !important;
    }
    .about-head h2 {
        font-size: 15px;
    }
    .mobile-icon-toggle {
        top: -20px !important;
    }
    .about-us {
        padding: 50px 0 20px !important;
    }
    .business-owner {
        font-size: 16px !important;
    }
}

@media (max-width: 426px) {
    .testimonial-head h2 {
        font-size: 24px !important;
    }
    strong {
        font-size: 12px !important;
    } 
}


/* onclick  */

@media (max-width: 992px) {
    .trade-phone {
        padding-top: 20px;
    }
    .payment-methods-main {
        margin-top: 40px !important;
    }
    .review-icon img {
        margin-top: 40px;
    }
    .phone-img {
        margin-top: 0 !important;
    }
}

@media (max-width: 639px) {
    .payments-methods-content {
        position: initial !important;
        padding: 55px 27px;
    }
}

@media (max-width: 620px) {
    .andres-atm {
        right: 0 !important;
    }
}

@media (max-width: 991.98px) {
    .payment-blogs-content-main {
        padding: 40px 0 !important;
    }
    .blog-details-section {
        padding-top: 100px !important;
    }
    .home-banner-section {
        padding-top: 120px !important;
    }
    .mellions-content h2 {
        font-size: 32px !important;
    }
    .mellions-content h6 {
        font-size: 20px !important;
    } 
    .payment-methods-title {
        padding: 25px 27px !important;
    }
}

@media (max-width: 1400px) {
.payments-methods-content { 
	right: -30px !important;
}
}

@media (max-width: 1200px) { 
    .payments-methods-content {
        right: -20px !important;
        right: -40px !important;
    }
    .millions-h2 {
        font-size: 45px !important;
    }
    .the-best-payments-title p {
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {
    .payments-methods-content {
        position: initial !important;
        display: flex;
        align-items: center;
        justify-self: center;
        padding: 40px 20px;
    }
    .table-of-content {
        height: 100% !important;
    }
    .payment-blogs-content-main {
        margin-left: 0 !important;
    } 
}

@media (max-width: 390px) {
    .mobile-icon-toggle {
        top: -14px !important;
        height: 51px !important;
        width: 51px !important;
        right: 20px !important;
    }
}

@media (max-width: 447px) {
    .section-content h1 {
        font-size: 32px !important;
    }
    .onclick-title h2 {
        font-size: 28px !important;
    }
    .section-content p {
        font-size: 16px !important;
    }
}

@media (max-width: 347px) {
    .onclick-title h2 {
        font-size: 20px !important;
    }
}

@media (max-width: 991.98px) {
    .image-outside {
        order: 1;
    }
    .image-outside img {
        width: 100%;
        height: auto;
    }
    .payment-methods-main-order {
        order: 2 !important;
        padding-top: 40px;
    }
    .mellions-content {
        height: 100% !important;
        padding: 40px 30px 40px !important;
    }
}

@media (max-width: 767.98px) {
    .sections-headers h3 {
        font-size: 26px;
    }
    .grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 24px; 
    }
    .about-us {
        padding: 50px 0 20px !important;
    } 
    .integration-title {
        padding: 50px 0 20px !important;
    }
    .testimonial-title {
        padding: 50px 0 20px !important;
    }
    .operate {
        padding-bottom: 20px !important;
    }
}
@media (min-width:576px) {
.millions-count {
	font-size: 36px; 
}
}
@media (min-width:768px) {
    .fs-19 {
        font-size: 19px;
    }
    .section-padding{
        padding: 80px 0 60px;
    }
    .home-banner {
        font-size: 42px;
    }
    .banner-text { 
        font-size: 20px;
    }
/*-- ABout us Section --*/
.millions-count {
	font-size: 46px; 
}
    .payment-method-count {
        font-size: 50px;
    }
    .payments-methods-title,  .transactions-month {
        font-size: 20px; 
    }
/***** Blog Banner PAge******/
    .blog-banner-title {
        color: #00163B;
        font-size: 42px;
    }
    .blog-banner-text {
        font-size: 20px;
    }
}
@media (min-width:992px) {
    .section-padding{
        padding: 100px 0 80px;
    }
    .home-banner {
        font-size: 50px;
        margin-bottom: 40px;
    }
    .banner-text {
        margin-bottom: 60px;
        width: 400px;
    }
/*-- ABout us Section --*/
.millions-count {
	font-size: 45px; 
}

.payout-section{
    padding-top: 100px;
}
}
@media (min-width:1200px) {
    .home-banner {
        font-size: 60px;
    }
    .banner-text {
        margin-bottom: 60px;
        width: 500px;
    }
    /* Home About */
    .home-about-text {
        width: 960px;
        margin: 0 auto 40px;
    }
  .payment-method-count {
            font-size: 71px;
        } 
        .mellions-content {
            padding: 80px 23px 60px 25px;
            height: 500px;
        }
.millions-count {
	font-size: 50px; 
}
.payments-methods-content { 
	right: -40px;
} 
/* Feature section */
 .feature-text.text-pera {
	width: 900px;
	margin: 0 auto 40px;
}
.space-para { 
	width: 315px;
}
/* testimonials section */
.testimonials-pera {
	width: 1106px;
	margin: 0 auto 36px;
}
}
@media (min-width:1400px) {
    .home-banner {
        font-size: 66px;
    }
    /*-- ABout us Section --*/
.millions-count {
	font-size: 57px; 
}
/**** ABout us Section ****/
.blog-banner-title { 
	font-size: 50px;
}
}
@media (min-width:1600px) {
    .home-banner {
        font-size: 72px;
        width: 620px;
    }
    /**** ABout us Section ****/
    .blog-banner-title {
        font-size: 54px;
    }
    .blog-banner-text { 
        width: 630px;
    }
}
/* new updated css for heading hero section */
@media (min-width: 1200px) {
    .home-banner {
        font-size: 36px;
        width: 500px;
    }
}
 
@media (min-width: 1400px) {
    .home-banner {
        font-size: 44px;
        width: 580px;
    }
}
 
@media (min-width: 1600px) {
    .home-banner {
        font-size: 52px;
        width: 620px;
    }
}
 
/* for padding new css updated */
 
 
@media (max-width: 768px) {
    .review-icon img{
        margin-top: 10px !important;
    }
    .section-text{
        margin-bottom: 10px;
    }
    .section-sub-heading{
        padding-top: 0;
    }
    .home-about-row{
        margin: 0;
    }
    .section-padding{
        padding: 30px 0;
    }
    .payout-section{
        padding: 0 !important;
    }
    .expolre-btn-box{
        padding: 0;
    }
    .hassle-free-card {
        margin: 30px 0 30px !important;
    }
}