@media only screen and (min-width: 1920px) and (max-width: 2219px) {
    .animation-sec-img-fixed {
        right: 820px;
    }
}

@media (max-width: 1919px) {
    #key-feature .k-f-btn {
        text-align: center;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .cta {
        margin-right: 20px;
        margin-left: 20px;
        padding: 0 10px;
    }
    #key-feature {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .key-feature-right > div,
    .key-feature-left > div {
        margin-top: 70px;
        padding-top: 70px;
    }
    .k-f-btn button {
        margin-top: 70px;
    }
    .sec-feedback {
        padding: 30px 0;
    }
    #logo-section {
        margin-top: 70px;
    }
    .copy {
        padding: 10px 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .industry-btn {
        font-size: 18px;
        padding: 8px 17px;
    }
    .industry-row3 {
        column-gap: 33px;
    }
    .industry-row1, .industry-row2, .industry-row4 {
        column-gap: 25px;
    }
}

@media (min-width: 1400px) {
    #lovely-logo .container {
        min-width: 1400px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1036px) {
    .ftlk {
        margin-left: -35px;
    }
}

@media (max-width: 1199px) {
    .lr-btn {
        column-gap: 15px;
    }
    .terms-list ol {
        margin: 0 10px;
    }
    .privacy-inner ol {
        margin: 0 10px;
    }
    .challenge h2 {
        margin: 0 auto 50px;
    }
    .twin-btn {
        padding: 10px 14px;
    }
    .twin-btn2 {
        padding: 10px 14px;
        max-width: max-content;
    }
    .price-bottom-sec-left > div > div {
        padding: 30px 25px;
    }
    .twinr-h1 {
        font-size: 50px;
    }
    .twinr-h2 {
        font-size: 35px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content {
        margin-top: 40px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content .twinr-tabs-pane {
        gap: 90px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content .twinr-tabs-pane .twinr-tabs-pane-content {
        max-width: 480px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content .twinr-tabs-pane .twinr-img-wrapper {
        width: calc(100% - 480px);
    }
    .twinr-customer-engagement .twinr-engagement-content {
        padding: 20px 30px 0;
    }
    .twinr-customer-engagement .twinr-engagement-content.twinr-engagement-box3 .twinr-img-wrapper {
        margin-top: -70px;
    }
    .twinr-customer-engagement .twinr-engagement-content.twinr-engagement-box4 .twinr-img-wrapper {
        margin-top: 18px;
        margin-right: -24px;
    }
    .twinr-activity-section .twinr-title:before {
        width: 170px;
    }
    .twinr-traditional-challenge .twinr-traditional-slider {
        margin-bottom: 40px;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .swiper-pagination {
        bottom: 0;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-grid {
        text-align: center;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-grid.twinr-traditional-criteria .twinr-traditional-content  {
        background-color: #FFFFFF;
        border-color: #D6D8D8;
        border-bottom: 0;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-grid.twinr-traditional-criteria .twinr-traditional-content.twinr-traditional-content-title {
        border-radius: 16px 16px 0 0;
        background-color: #F5F5F5;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-grid.twinr-traditional-criteria .twinr-traditional-content.twinr-traditional-content-last {
        border-radius: 0 0 16px 16px;
        border-bottom: 1px solid #D6D8D8;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-development .twinr-traditional-content {
        border-right: 1px solid #D6D8D8;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-grid.twinr-traditional-development .twinr-traditional-content-title,
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-grid.twinr-traditional-builder .twinr-traditional-content-title {
        border-radius: 16px 16px 0 0;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-grid.twinr-traditional-development .twinr-traditional-content.twinr-traditional-content-last,
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-grid.twinr-traditional-builder .twinr-traditional-content.twinr-traditional-content-last {
        border-radius: 0 0 16px 16px;
    }
}

@media (min-width: 576px) and (max-width: 1199px) {
    .privacy-inner {
        padding: 0 30px;
    }
    .tab__content h4 {
        padding-top: 0;
    }
    .discussion-content {
        padding: 30px 10px 0 10px;
    }
    .terms-inner {
        padding: 0 30px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .video-play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 10;
    }
    .app-steps-table tr td:nth-child(2) {
        line-height: 30px !important;
    }
    .app-steps-table tr:first-child td:first-child {
        vertical-align: top !important;
    }
    .app-steps-table tr:first-child td:nth-child(2) {
        margin-top: 10px;
    }
    #lovely-logo .container {
        min-width: 960px;
    }
    .pb {
        padding-bottom: 80px;
    }
    .cta-btn {
        padding: 10px 24px;
    }
    .ml-l {
        margin-left: 10px;
    }
    .cta {
        margin-right: 15px;
        padding: 0 10px;
    }
    .why-img {
        margin-left: 70px;
        height: 90%;
    }
    #build-app-k {
        margin-right: 15px;
        margin-left: 15px;
    }
    .title {
        padding: 20px 10px;
    }
    .why-img img {
        height: 100%;
    }
    .myfoottitle h4 {
        width: 114px;
    }
    .sec-feedback {
        padding: 70px 0;
    }
    #key-feature {
        margin-top: 10px;
        margin-bottom: 70px;
    }
    .timer-card {
        padding: 50px 20px;
    }
    .tb-cta {
        padding: 0;
    }
    .bt-cta > div img {
        margin-top: 10px;
    }
    .copy {
        padding: 30px 10px;
    }
    .cs-1-content {
        padding: 30px;
    }
    .cs-1-content p {
        padding-right: 35px;
    }
    .cs-1-store img {
        width: 100px;
    }
    .cs-2 {
        height: 470px;
    }
    .implement .title h2 {
        margin: 0 auto;
        letter-spacing: .5px;
    }
    .cs-hero-img img {
        padding-top: 100px;
    }
    .cs-hero-content h3 {
        padding-top: 100px;
    }
    .industry-btn {
        font-size: 18px;
        padding: 8px 17px;
    }
    .industry-row3 {
        column-gap: 21px;
    }
    .lr-right p:first-of-type {
        padding: 5px 0 !important;
    }
    .t-conditio-section {
        padding: 160px 0 0 0;
    }
    .pri-policy {
        padding: 160px 0 0 0;
    }
    .about-img {
        padding-right: 50px;
        padding-left: 10px;
    }
    .about-content {
        padding-left: 50px;
    }
    .about-content p {
        padding-right: 80px;
    }
    .about-content h3 {
        padding-top: 130px;
    }
    .a-app-box p {
        padding: 20px 0 40px 50px;
    }
    .m-app-1 {
        padding-left: 50px;
    }
    .abt-faq {
        padding: 15px 0;
    }
    .a-app-title h2 {
        padding-right: 40px;
        padding-left: 0;
    }
    .a-hr {
        width: 97%;
    }
}
@media(max-width:992px){
    .copy {
        padding: 24px 0;
    }
    .tech-hero-content h1 {
        font-size: 32px;
    }
    .tech-hero-content h1 span{
        font-size: 32px;
    }
    .lara-hero-img {
        display: flex;
        justify-content: center;
    }
    .lara-hero-img img {
        max-width: 350px;
        width: 100%;
    }
    .lara-hero-content p {
        padding-right: 0;
    }
}
@media only screen  and (max-width: 1280px) {
    .price-bottom-row .price-bottom:nth-child(3)::after {
        width: 86%;
    }
}

@media only screen  and (max-width: 1200px) {
    /*.price-bottom-row {*/
    /*    display: none;*/
    /*}*/
    .price-slider {
        display: block !important;
    }
    .twinr-affiliate .twinr-banner-content .twinr-h1 span:after {
        bottom: 4px;
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-affiliate-left-title .twinr-h2:after {
        left: 50%;
        transform: translateX(-50%);
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-affiliate-left-title .twinr-h2 {
        margin: auto;
        text-align: center;
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-affiliate-left-title {
        margin-bottom: 24px;
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-content .twinr-btn {
        margin: 0 auto;
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-content {
        text-align: center;
    }
    .twinr-how-earn .twinr-earn-grid .twinr-earn-grid-box:nth-child(2) {
        border-right: none;
        border-top: none;
    }
    .twinr-how-earn .twinr-earn-grid .twinr-earn-grid-box:nth-child(1), .twinr-how-earn .twinr-earn-grid .twinr-earn-grid-box:nth-child(2) {
        border-bottom: 1px solid #D6D8D8;
    }
    .twinr-how-earn .twinr-earn-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-affiliate-right-grid {
        padding-top: 30px;
    }
    .twinr-how-affiliate-program .twinr-program-grid {
        grid-template-columns: unset;
    }
}

@media only screen  and (max-width: 1131px) {
    .center-menu-class {
        margin-left: 4%;
    }
}

@media only screen  and (max-width: 1040px) {
    .dropdown .nav-link::after {
        right: -3px;
    }
}

@media only screen  and (max-width: 1024px) {
    .t-details p {
        width: 95%;
    }
    .menu-menu-1-container {
        min-width: 1px;
    }
}

@media (min-width: 992px) and (max-width: 1040px) {
    .ftlk {
        margin-left: -30px;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .why-img {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    .t-conditio-section {
        padding: 150px 0 20px 0;
    }
    .pri-policy {
        padding: 150px 0 20px 0;
    }
    .tech-hero-img {
        display: flex;
        justify-content: center;
    }
    .tech-hero-img img {
        width: 350px;
    }
    .tech-hero-content h3 {
        padding-top: 50px;
    }
    .bt-cta > div {
        display: flex;
        /*width: 356px;*/
    }
}

@media (max-width: 991px) {
    .twinr-h1 {
        font-size: 45px;
    }
    .twinr-h2 {
        font-size: 30px;
    }
    .twinr-h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .twinr-h4 {
        font-size: 22px;
    }
    .twinr-h5 {
        font-size: 19px;
    }
    .twinr-h6 {
        font-size: 17px;
    }
    .twinr-p {
        font-size: 15px;
    }
    .twinr-title .twinr-subtitle {
        padding-bottom: 20px;
    }
    .twinr-title:before {
        height: 4px;
        left: 50%;
        transform: translateX(-50%);
    }
    .twinr-banner {
        text-align: center;
    }
    .twinr-banner .twinr-banner-content {
        padding: 150px 0 90px 0;
    }
    .twinr-banner .twinr-banner-content .twinr-banner-btn {
        margin: 0 auto 24px;
    }
    .twinr-banner .twinr-banner-content .twinr-h6 {
        /*margin: 24px auto;*/
        margin:auto;
    }
    .twinr-banner .twinr-banner-content .twinr-input-group {
        margin: 30px auto 20px;
    }
    .twinr-banner .twinr-banner-content .twinr-banner-list {
        justify-content: center;
    }
    .twinr-banner .img-wrapper {
        justify-content: center;
    }
    .twinr-activity-section {
        text-align: center;
    }
    .twinr-activity-section .twinr-title:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .twinr-activity-section .twinr-left-content {
        align-items: center;
        gap: 18px;
    }
    .twinr-activity-section .twinr-left-activity {
        margin-bottom: 20px;
        height: calc(100% - 20px);
    }
    .twinr-activity-section .twinr-left-activity .twinr-left-content .twinr-h3 {
        max-width: 100%;
    }
    .twinr-book-demo {
        padding: 70px 0;
        text-align: center;
    }
    .twinr-book-demo .twinr-img-wrapper {
        margin-bottom: 20px;
    }
    .twinr-book-demo .twinr-book-demo-content {
        align-items: center;
    }
    .twinr-book-demo .twinr-book-demo-content .twinr-h2:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .twinr-book-demo .twinr-book-demo-content ul li {
        font-size: 19px;
        line-height: 1.5;
    }
    .twinr-book-demo .twinr-book-demo-content ul li span {
        width: 35px;
        height: 35px;
    }
    .twinr-sponsor-section .twinr-sponsor-image {
        gap: 25px;
    }
    .twinr-faq-section .twinr-faq-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 35px;
    }
    .twinr-faq-section .twinr-left-content .twinr-h2 {
        padding-bottom: 25px;
    }
    .twinr-build-app {
        text-align: center;
    }
    .twinr-build-app .twinr-build-app-title {
        flex-direction: column;
        gap: 40px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs {
        justify-content: center;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a {
        padding: 12px 25px;
        font-size: 18px;
        gap: 10px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a img {
        width: 22px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li:first-child a {
        border-radius: 7px 0 0 7px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li:last-child a {
        border-radius: 0 7px 7px 0;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content {
        margin-top: 30px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content .twinr-tabs-pane {
        gap: 50px;
        flex-direction: column;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content .twinr-tabs-pane .twinr-tabs-pane-content {
        max-width: 100%;
        order: 1;
        gap: 20px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content .twinr-tabs-pane .twinr-tabs-pane-content .twinr-h3 {
        max-width: 100%;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content .twinr-tabs-pane .twinr-img-wrapper {
        width: 100%;
        justify-content: center;
        max-height: 100%;
    }
    .twinr-customer-engagement .twinr-engagement-on-boarding {
        flex-direction: column;
    }
    .twinr-customer-engagement .twinr-engagement-on-boarding .twinr-engagement-content .twinr-content {
        gap: 10px;
    }
    .twinr-customer-engagement .twinr-engagement-content-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .twinr-customer-engagement .twinr-engagement-content .twinr-img-wrapper {
        margin-top: -140px;
    }
    .twinr-customer-engagement .twinr-engagement-content.twinr-engagement-box2 .twinr-img-wrapper {
        margin-top: -140px;
    }
    .twinr-customer-engagement .twinr-engagement-content.twinr-engagement-box3 .twinr-img-wrapper {
        margin-top: -105px;
    }
    .twinr-customer-engagement .twinr-engagement-content.twinr-engagement-box4 .twinr-img-wrapper {
        margin-top: -80px;
        margin-right: -50px;
    }
    .twinr-testimonial-section .twinr-testimonial-title {
        flex-direction: column;
        text-align: center;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-content {
        padding: 15px 20px;
    }
    .twinr-traditional-challenge .twinr-traditional-slider .twinr-traditional-content .twinr-h4 {
        font-size: 20px;
    }
    .lovely-logo-tab-1 img {
        padding: 0;
        margin-bottom: 25px;
    }
    .why-img img {
        border-radius: 20px;
    }
    .tech-hero .row {
        flex-direction: column-reverse;
    }
    .font80 {
        font-size: 50px;
        line-height: 74px;
    }
    .font64 {
        font-size: 54px;
        line-height: 64px;
    }
    .font50 {
        font-size: 45px;
        line-height: 55px;
    }
    .font45 {
        font-size: 40px;
    }
    .font46 {
        font-size: 40px;
    }
    .font40 {
        font-size: 35px;
        line-height: 45px;
    }
    .font25 {
        font-size: 20px;
        line-height: 30px;
    }
    .font18 {
        font-size: 15px;
        line-height: 25px;
    }
    .hero-cta {
        max-width: initial;
        margin: auto;
    }
    .tab-text .cta {
        padding: 12px 25px;
    }
    .lara-hero .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
    }
    .lr-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-flow: column-reverse;
    }
    .schedule-btn button {
        padding: 12px 30px;
    }
    .price-slider .pricingtable {
        margin-top: -10px;
        display: block;
    }
    .pricingtable {
        display: none;
    }
    .price-twinr-table table thead th:last-child,
    .price-twinr-table table thead th:nth-child(2),
    .price-twinr-table table thead th:nth-child(3),
    .price-twinr-table table thead th:nth-child(4) {
        border-right: none;
        border-top-left-radius: 0;
        position: relative;
    }
    .price-twinr-table table thead {
        top: 160px;
        height: 150px;
    }
    .price-twinr-table table thead th h3 {
        font-size: 20px;
    }
    .price-twinr-table table thead th:nth-child(4)::after {
        display: none;
    }
    .price-twinr-table table tbody {
        word-break: break-all;
    }
    .price-twinr-table table tbody td {
        padding: 10px 5px;
    }
    .price-twinr-table table tbody td:first-child span {
        display: none;
    }
    .vertical-name {
        bottom: 0;
        display: block;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 400;
        left: 50%;
        line-height: 16px;
        position: absolute;
        transform: rotate(-90deg);
        transform-origin: 0 50%;
        white-space: nowrap;
    }
    .toggle-fixed-class .slideToggle {
        display: none;
    }
    .twinr-tab-sec .nav-link {
        padding: 0.5rem 1rem;
    }
    .twinr-customer-engagement .twinr-engagement-content {
        padding: 10px 20px 0;
    }
    .twinr-affiliate .twinr-banner-content .twinr-h1 span:after {
        bottom: 3px;
    }
    .twinr-affiliate {
        padding: 80px 0 0;
    }
    .twinr-affiliate .twinr-banner-content {
        max-width: 100%;
        text-align: center;
    }
    .twinr-affiliate .twinr-banner-content .twinr-btn {
        margin: 0 auto;
    }
    .twinr-affiliate .twinr-img-wrapper {
        margin-top: 40px;
    }
    .twinr-affiliate:before {
        position: absolute;
        content: "";
        width: 914px;
        height: 914px;
        border-radius: 50%;
        border: 100px solid rgba(160, 229, 203, 0.2);
        right: 0;
        top: 0;
        transform: translate(44%, -52%);
        z-index: -1;
    }
    .twinr-how-work .twinr-work-step-grid .twinr-work-step {
        padding: 15px;
    }
    .twinr-how-work, .twinr-industries-we-serve {
        padding: 70px 0;
    }
    .twinr-how-earn {
        padding: 70px 0;
    }
    .twinr-how-affiliate-program {
        padding: 70px 0;
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-affiliate-right-grid .twinr-affiliate-right-grid-box {
        padding: 28px 22px;
        gap: 14px;
    }
    .twinr-why-affiliate-program .twinr-affiliate-title .twinr-h6 {
        padding-bottom: 20px;
    }
    .twinr-why-affiliate-program {
        padding: 70px 0;
    }
    .twinr-technology-box {
        padding: 20px;
    }
    .twinr-technology-grid .twinr-technology-grid-box {
        max-width: 33.3333%;
    }
    .menu-menu-1-container {
        width: 100%;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a.active:after {
        width: 15px;
        height: 15px;
        bottom: -10px;
    }
    #p-discussion.pt {
        padding-top: 70px;
    }
    #p-discussion {
        padding-bottom: 70px;
    }
    .t-blog.pt {
        padding-top: 90px;
    }
    .app-building-process .twin-btn2 {
        margin-bottom: 20px;
    }

    .industry-table table tbody td {
        padding: 10px 5px;
    }
    .blog-search-bg {
        padding: 90px 0;
    }
    .twinr-traditional-challenge {
        padding: 60px 0;
    }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    .t-app-title .row {
        row-gap: 25px;
    }
    .hero-cta img {
        margin-top: -3px;
    }
    .tab label {
        padding: 0 40px;
    }
    .tab-text {
        padding: 0 50px;
    }
    .tab-text, .tab-imgs {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .tab-imgs {
        text-align: center;
        padding: 0 50px;
    }
    .tab-imgs img {
        width: 75%;
        margin: 0 auto;
        position: relative;
    }
    #build-app-k {
        padding-bottom: 150px;
    }
    .title {
        padding: 30px 0 30px 20px;
    }
    .industry-row1, .industry-row2, .industry-row3, .industry-row4 {
        column-gap: 5px;
    }
    .industry-btn {
        padding: 6px 13px;
        font-size: 15px;
    }
    .price-bottom-sec-left > div > div {
        padding: 79px 25px;
    }
    .right-card {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        text-align: start;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .twinr-btn {
        font-size: 15px;
        padding: 10px 20px;
    }
    .twinr-h1 {
        font-size: 40px;
    }
    .twinr-h2 {
        font-size: 27px;
        line-height: 32px;
    }
    .twinr-h3 {
        font-size: 22px;
    }
    .twinr-h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .twinr-h5 {
        font-size: 18px;
    }
    .twinr-h6 {
        font-size: 16px;
    }
    .twinr-p {
        font-size: 14px;
    }
    .discussion-title {
        padding-bottom: 0;
    }
    .twinr-title {
        margin-bottom: 40px;
    }
    .twinr-title h2 {
        padding-bottom: 20px;
    }
    .twinr-title:before {
        width: 70px;
    }
    .twinr-title .twinr-subtitle {
        padding-bottom: 15px;
    }
    .twinr-banner .twinr-banner-content .twinr-banner-btn {
        margin: 0 auto 20px;
    }
    .twinr-banner .twinr-banner-content .twinr-h6 {
        max-width: 90%;
        margin: 20px auto;
    }
    .twinr-banner .twinr-banner-content .twinr-input-group {
        margin: 20px auto 15px;
    }
    .twinr-banner .twinr-banner-content .twinr-banner-list {
        gap: 25px;
    }
    .brand-slide img {
        display: block;
        width: 100px;
        object-fit: cover;
    }
    .twinr-activity-section {
        padding: 65px 0 60px;
    }
    .twinr-activity-section .twinr-activity {
        padding: 24px;
    }
    .twinr-activity-section .twinr-title:before {
        width: 150px;
    }
    .twinr-activity-section .twinr-left-content .twinr-badge {
        font-size: 14px;
    }
    .twinr-activity-section .twinr-left-content .twinr-activity-content {
        justify-content: center;
        width: fit-content;
        text-align: left;
    }
    .twinr-book-demo {
        padding: 60px 0;
        text-align: center;
    }
    .twinr-book-demo .twinr-img-wrapper {
        margin-bottom: 30px;
    }
    .twinr-book-demo .twinr-book-demo-content {
        align-items: center;
        gap: 20px;
    }
    .twinr-book-demo .twinr-book-demo-content .twinr-h2 {
        padding-bottom: 20px;
    }
    .twinr-book-demo .twinr-book-demo-content .twinr-h2:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .twinr-book-demo .twinr-book-demo-content ul {
        width: fit-content;
        margin: 0 auto;
        gap: 10px;
    }
    .twinr-book-demo .twinr-book-demo-content ul li {
        font-size: 18px;
    }
    .twinr-sponsor-section {
        padding: 40px 0 35px;
    }
    .twinr-sponsor-section .twinr-sponsor-image {
        gap: 20px;
    }
    .twinr-customer-engagement {
        padding: 60px 0;
    }
    .twinr-customer-engagement .twinr-engagement-content-grid .twinr-engagement-content .twinr-content {
        gap: 15px;
        text-align: center;
    }
    .twinr-customer-engagement .twinr-engagement-content-grid .twinr-engagement-content .twinr-content .twinr-h3 br {
        display: none;
    }
    .twinr-customer-engagement .twinr-engagement-content-grid .twinr-engagement-content .twinr-content .twinr-h6 {
        max-width: 100%;
    }
    .twinr-customer-engagement .twinr-engagement-content-grid .twinr-engagement-content .twinr-img-wrapper {
        margin-top: 15px;
        justify-content: center;
    }
    .twinr-customer-engagement .twinr-engagement-content-grid .twinr-engagement-content.twinr-engagement-box4 .twinr-img-wrapper {
        margin-right: 0;
    }
    .twinr-customer-engagement .twinr-engagement-on-boarding .twinr-engagement-content {
        grid-template-columns: repeat(1, 1fr);
    }
    .twinr-customer-engagement .twinr-engagement-on-boarding .twinr-engagement-content .twinr-content {
        padding: 0 20px 20px;
        text-align: center;
        order: 1;
    }
    .twinr-customer-engagement .twinr-engagement-on-boarding .twinr-engagement-content .twinr-content .twinr-h6 {
        max-width: 100%;
    }
    .twinr-customer-engagement .twinr-engagement-on-boarding .twinr-engagement-content .twinr-img-wrapper {
        padding: 0 20px;
        justify-content: center;
    }
    .twinr-faq-section {
        padding-top: 60px;
    }
    .twinr-faq-section .twinr-faq-grid {
        gap: 30px;
    }
    .twinr-faq-section .twinr-left-content .twinr-h2 {
        padding-bottom: 20px;
    }
    .twinr-faq-section .twinr-left-content .twinr-h2:before {
        width: 70px;
    }
    .twinr-faq-section .twinr-left-content .twinr-h6.twinr-faq-margin {
        margin-bottom: 20px;
    }
    .twinr-faq-section .twinr-right-content .twinr-accordion .twinr-accordion-item .twinr-accordion-header {
        padding: 14px 35px 14px 20px;
    }
    .twinr-faq-section .twinr-right-content .twinr-accordion .twinr-accordion-item .twinr-accordion-header svg.plus-icon {
        right: 16px;
        width: 20px;
        height: 20px;
    }
    .twinr-faq-section .twinr-right-content .twinr-accordion .twinr-accordion-item .twinr-accordion-collapse {
        padding: 0 20px 14px;
    }
    .twinr-build-app {
        padding: 65px 0;
    }
    .twinr-build-app .twinr-build-app-title {
        gap: 30px;
        padding-bottom: 40px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs {
        justify-content: flex-start;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a {
        padding: 10px 20px;
        font-size: 16px;
        gap: 8px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a img {
        width: 20px;
    }
    #build-app-k {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cs-hero-img img {
        padding-top: 30px;
    }
    .m-app-1 {
        padding-left: 0;
        padding-top: 30px;
    }
    .tab-text {
        text-align: center;
        margin-top: 0;
    }
    .price-twinr-table table thead th:nth-child(2) {
        border-top-left-radius: 15px;
    }
    .lovely-logo-tab h2 {
        padding-bottom: 20px;
    }
    .m-ind-sec {
        display: block !important;
    }
    .industry-section {
        display: none;
    }
    .build-k-main-content > div {
        max-width: 100%;
        margin-left: 0 !important;
        margin-top: 5vh;
    }
    .calendly-head br {
        display: none;
    }
    .b-app .title p {
        width: 100%;
    }
    .tb-cta button {
        margin-top: 0;
    }
    .build-twinr {
        padding: 40px 0 0 0;
    }
    #timer {
        margin-top: 50px;
    }
    .cs-hero-content {
        padding-left: 30px;
    }
    .cs-1-content {
        padding: 10px 30px 0;
    }
    .cs-1 {
        margin-bottom: 25px;
        padding-bottom: 20px;
    }
    .c-hero-content {
        padding-left: 30px;
    }
    .c-hero-img img {
        padding-top: 20px;
    }
    .get-in-touch {
        padding: 10px 30px;
    }
    .eml {
        padding-bottom: 50px;
    }
    .tech-hero-content {
        /* padding-left: 30px; */
    }
    .worp-head {
        padding-bottom: 0;
    }
    /* .mainfooter {
        display: none;
    } */
    .mob-footer {
        display: block !important;
    }
    .why-t {
        margin-top: 50px;
    }
    .twinr-tab-sec-f .nav-link {
        padding: 0.5rem 2rem;
        width: 228px;
        margin: auto;
        text-align: center;
    }
    .twinr-tab-sec-f .nav-tabs .nav-item {
        margin: auto;
    }
    .about-us-hero-img img {
        padding-top: 70px;
    }
    .about-us-hero-content h3 {
        padding-top: 50px;
    }
    .about-us-hero-content p {
        padding-right: 0;
    }
    .w-head{
        padding-right: 0;
    }
    .a-app-box p {
        padding: 20px 0 0;
    }
    .about-us-hero .row{
        flex-direction: column-reverse;
    }
    .twinr-affiliate {
        padding: 70px 0 0;
    }
    .twinr-affiliate-title .twinr-h2, .twinr-industries-title .twinr-h2 {
        margin-bottom: 40px;
        padding-bottom: 20px;
    }
    .twinr-affiliate .twinr-banner-content .twinr-h1 span:after {
        bottom: 2px;
    }
    .twinr-affiliate:before {
        width: 700px;
        height: 700px;
        border: 70px solid rgba(160, 229, 203, 0.2);
    }
    .twinr-how-work, .twinr-industries-we-serve {
        padding: 60px 0;
    }
    .twinr-how-work .twinr-work-step-grid .twinr-work-step {
        display: flex;
    }
    .twinr-how-work .twinr-work-step-grid .twinr-work-step-number:after {
        width: auto;
        height: calc(100% + 15px);
        top: 25px;
        left: 50%;
        border-top: unset;
        border-left: 3px dashed #E4E4E4;
        transform: translateX(-50%);
    }
    .twinr-how-work .twinr-work-step-grid .twinr-work-step-details .twinr-h3 {
        padding-bottom: 5px;
    }
    .twinr-how-work .twinr-work-step-grid .twinr-work-step-number .twinr-work-number {
        width: 50px;
        height: 50px;
    }
    .twinr-how-work .twinr-work-step-grid .twinr-work-step-details {
        padding-top: 0;
        padding-left: 24px;
    }
    .twinr-how-work .twinr-work-step-grid {
        grid-template-columns: unset;
    }
    .twinr-how-earn {
        padding: 60px 0;
    }
    .twinr-how-earn .twinr-range-slider .sliderticks span {
        font-size: 15px;
    }
    .twinr-how-earn .twinr-range-slider .range-input::-webkit-slider-thumb {
        height: 28px;
        width: 28px;
        border: 7px solid #026d44;
    }
    .twinr-why-affiliate-program {
        padding: 60px 0;
    }
    .twinr-why-affiliate-program .twinr-affiliate-program-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .twinr-why-affiliate-program .twinr-affiliate-title .twinr-h6 {
        padding-bottom: 15px;
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-affiliate-right-grid .twinr-affiliate-right-grid-box {
        padding: 25px 20px;
        gap: 12px;
    }
    .twinr-how-affiliate-program {
        padding: 60px 0;
    }

    .twinr-technology-box {
        padding: 15px;
    }
    .twinr-technology-grid .twinr-technology-grid-box {
        max-width: 50%;
    }

    #p-discussion.pt {
        padding-top: 50px;
    }

    #p-discussion {
        padding-bottom: 50px;
    }
    .t-blog.pt {
        padding-top: 70px;
    }
    .blog-search-bg {
        padding: 70px 0;
    }
    .twinr-traditional-challenge {
        padding: 40px 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
    .video-overlay iframe {
        width: 800px;
        height: 502px;
        max-width: 80%;
    }
    .industry-btn {
        padding: 6px 13px;
        font-size: 14px;
    }
    .t-blog h2 {
        width: 90%;
    }
    .font32 {
        font-size: 32px;
        line-height: 40px;
    }
    .font30 {
        font-size: 30px;
        line-height: 40px;
    }
    .tab label {
        padding: 0 24px;
    }
    .b-app .title p {
        margin-bottom: 10px;
    }
    #logo-section {
        margin-top: 50px;
    }
    .tab-imgs {
        text-align: center;
        padding: 0 50px;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .tab-imgs img {
        width: 75%;
        margin: 0 auto;
        position: relative;
    }
    .key-feature-left > div {
        margin-top: 50px;
        padding-top: 50px;
    }
    #build-app-k {
        padding-bottom: 20px;
    }
    #build-app-k .form-inline {
        text-align: center !important;
        display: inherit;
    }
    .timer-card {
        padding: 25px 15px;
    }
    .t-card {
        margin-bottom: 60px;
    }
    .tb-cta {
        padding: 0 0 10px;
    }
    .ft-left {
        padding-left: 30px;
    }
    .myfoottitle h4 {
        width: 170px;
    }
    .footer-middle {
        padding: 20px 0;
    }
    #key-feature {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .k-f-btn button {
        margin-top: 50px;
    }
    .ft {
        padding: 35px 0;
    }
    .tab-text {
        margin-bottom: 30px;
        padding: 0 30px;
    }
    .tab-text p {
        width: 60%;
        margin: 20px auto;
    }
    .sec-feedback {
        padding: 50px 0;
    }
    .ta-1:after {
        right: -55px;
    }
    .ta-2:after {
        top: 40px;
    }
    .cs-hero-content h3 {
        padding-top: 50px;
    }
    .hr-1 {
        margin-top: 70px;
    }
    .implement {
        padding: 0 0 20px;
    }
    .c-hero-content h3 {
        padding-top: 70px;
    }
    .challenge h2 {
        margin: 0 auto 40px;
    }
    .lara-hero {
        padding-bottom: 80px;
    }
    .lara-hero-content {
        padding-left: 30px;
    }
    .lara-hero-content h3 {
        padding-top: 50px;
    }
    .lr-right h2 br {
        display: none;
    }
    .industry-row1, .industry-row2, .industry-row3, .industry-row4 {
        column-gap: 5px;
    }
    .industry-row3 {
        column-gap: 9px;
    }
    .g-play-logo {
        width: 150px;
    }
    .c-head {
        padding-right: 10px;
    }
    .pb {
        padding-bottom: 40px;
    }
    .about-img {
        padding-right: 120px;
        padding-left: 120px;
    }
    .about-img img {
        padding-top: 20px;
    }
    .about-content {
        padding-left: 30px;
    }
    .about-content h3 {
        padding-top: 70px;
    }
    .about-content p {
        padding-right: 15px;
    }
    .our-company .title {
        padding: 0;
    }
    .our-company .title p {
        width: 100%;
    }
    .company-img {
        width: 50%;
        padding-left: 15px;
    }
    .company-text {
        padding-bottom: 70px;
    }
    .company-text p {
        padding-right: 100px;
        padding-left: 30px;
    }
    .a-hr {
        width: 92%;
    }
    .ab-accordion .a-faq {
        width: 100%;
    }
    .a-app-box p {
        padding: 20px 15px 0 15px;
    }
    .about-hero {
        padding: 120px 0 60px;
    }
  
    .hero-cta img {
        max-width: 200px;
        margin-left: 0;
    }
    .price-bottom-sec-left > div > div {
        padding: 39px 25px;
    }
    .twinr-tab-sec-body-text {
        margin-top: 50px;
        padding-left: 15px;
    }
    .about-us-hero-img img {
        padding-inline: 70px;
    }
    .abt-faq {
        padding: 15px 0 50px;
    }
    .a-app-box, .df, .ab-accordion, .a-company{
        padding: 0;
    }
    .about-us-hero-content{
        padding: 0;
    }
}

@media (max-width: 675px) {
    .twinr-banner .twinr-banner-content {
        padding: 180px 0 90px 0;
    }
}
@media (max-width: 576px) {
    .twinr-btn {
        font-size: 14px;
        padding: 8px 15px;
    }
    .twinr-h1 {
        font-size: 35px;
    }
    .twinr-h3 {
        font-size: 20px;
    }
    .twinr-h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .twinr-h5 {
        font-size: 16px;
    }
    .twinr-h6 {
        font-size: 15px;
    }
    .twinr-p {
        font-size: 14px;
    }
    .discussion-content {
        padding: 0;
    }
    .discussion-icons {
        padding-top: 10px;
    }
    .discussion-card p {
        font-size: 16px;
    }
    .twinr-title {
        margin-bottom: 30px;
    }
    .twinr-title h2 {
        padding-bottom: 15px;
    }
    .twinr-title:before {
        height: 3px;
        width: 50px;
    }
    .twinr-banner .twinr-banner-content .twinr-banner-list {
        gap: 15px;
    }
    .twinr-banner .twinr-banner-content .twinr-banner-btn {
        margin: 0 auto 15px;
    }
    .twinr-banner .twinr-banner-content .twinr-h6 {
        max-width: 100%;
        margin: 15px auto;
    }
    .twinr-activity-section {
        padding: 50px 0;
    }
    .twinr-activity-section .twinr-title:before {
        width: 100px;
    }
    .twinr-activity-section .twinr-activity {
        padding: 15px;
    }
    .twinr-activity-section .twinr-left-content {
        gap: 15px;
    }
    .twinr-activity-section .twinr-left-content .twinr-badge {
        font-size: 13px;
        padding: 3px 13px;
    }
    .twinr-book-demo {
        padding: 50px 0;
    }
    .twinr-book-demo .twinr-book-demo-content ul li {
        font-size: 16px;
    }
    .twinr-book-demo .twinr-book-demo-content ul li span {
        width: 30px;
        height: 30px;
    }
    .twinr-sponsor-section {
        padding: 30px 0;
    }
    .twinr-sponsor-section .twinr-sponsor-image {
        gap: 15px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .twinr-sponsor-section .twinr-sponsor-image .twinr-img-wrapper {
        justify-content: center;
    }
    .twinr-faq-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .twinr-faq-section .twinr-faq-grid {
        gap: 25px;
    }
    .twinr-faq-section .twinr-left-content .twinr-h2:before {
        width: 50px;
    }
    .twinr-faq-section .twinr-left-content .twinr-h6.twinr-faq-margin {
        margin-bottom: 15px;
    }
    .twinr-faq-section .twinr-right-content .twinr-accordion .twinr-accordion-item .twinr-accordion-collapse {
        padding: 0 16px 12px;
    }
    .twinr-build-app {
        padding: 50px 0;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs {
        padding-bottom: 13px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a {
        padding: 8px 15px;
        font-size: 14px;
        gap: 6px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a img {
        width: 16px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a.active:after {
        width: 10px;
        height: 10px;
        bottom: -7px;
    }
    .twinr-build-app .twinr-build-tabs .twinr-tabs-content .twinr-tabs-pane {
        gap: 30px;
    }
    .twinr-customer-engagement {
        padding: 50px 0;
    }
    .twinr-traditional-challenge .twinr-traditional-mobile-app-grid .twinr-traditional-app {
        grid-template-columns: auto 170px;
    }
    .build-app-btn span {
        display: none;
    }
    .twinr-banner .twinr-banner-content .twinr-input-group .twinr-btn.build-app-btn svg {
        margin-left: 0;
    }
    .k-f-btn button, #logo-section {
        margin-top: 50px;
    }
    .industry-btn {
        padding: 10px 20px;
        font-size: 16px;
    }
    .pb {
        padding-bottom: 40px;
    }
    .pt {
        padding-top: 40px;
    }
    .why-img {
        margin-left: 0;
        margin-top: 50px;
    }
    #build-app-k {
        margin-bottom: 0;
    }
    .title {
        padding: 20px;
    }
    .myfoottitle h4 {
        width: 100%;
    }
    .tb-cta {
        padding: 0;
    }
    .cs-hero-content h3 {
        padding-top: 30px;
    }
    .cs-2 {
        height: auto;
    }
    .challenge h2 {
        width: 100%;
    }
    .tech-hero-content h3 {
        padding-top: 30px;
    }
    .font64 {
        font-size: 40px;
        line-height: 50px;
    }
    .font50 {
        line-height: 40px;
    }
    .hero-cta {
        max-width: 200px;
        margin: auto;
    }
    .tab-imgs {
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
    }
    .price-twinr-table table thead {
        height: 120px;
    }
    .price-twinr-table table thead th h3 {
        font-size: 16px;
    }
    .bt-cta > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .twinr-tab-sec .nav-link {
        padding: 0.5rem 0.5rem;
    }
    .footer-middle {
        padding: 0;
    }
    .tab-text p {
        padding: 0 20px;
    }
    .implement {
        padding: 20px 0 50px;
    }
    .lara-hero-content h3 {
        padding-top: 30px;
    }
    .c-head a {
        padding-right: 25px;
    }
    .contact-cform {
        position: relative;
        padding-inline: 15px;
    }
    .calendly-head {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        padding: 10px 0 30px;
    }
    .footer-three h6 {
        line-height: 25px;
    }
    .hero-content p {
        width: 90%;
    }
    .tab img {
        width: 70px;
    }
    .tab__content form {
        justify-content: center;
    }
    .key-feature-center > div > div {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .key-feature-center > div > div img {
        width: 100%;
    }
    .footer-links {
        padding: 10px 0;
    }
    .d-li:first-of-type {
        float: right;
    }
    .d-footer {
        padding-left: 0;
    }
    .social-icon {
        margin-bottom: 0px;
        display: flex;
    }
    .build-twinr h2 {
        margin-bottom: 30px;
    }
    .build-twinr p {
        width: 90%;
    }
    .build-twinr .container {
        border-radius: 0;
    }
    .t-para {
        padding-bottom: 50px;
    }
    .t-slide {
        margin-top: 15px;
    }
    .feedback-head table tr th:first-child {
        text-align: center;
    }
    .t-view-btn table {
        margin: 0 auto;
    }
    footer a {
        font-size: 16px;
        line-height: 30px;
    }
    .why-list {
        margin-right: 0;
    }
    .mynav .cta {
        padding: 12px 20px;
    }
    .animation-sec-img-fixed img {
        width: 55%;
    }
    .confused-title a {
        padding: 18px 18px 22px 18px;
    }
    .cs-hero-content h1 {
        font-size: 38px;
    }
    .cs-hero-content h1 span {
        font-size: 42px;
    }
    .cs-hero-content p {
        padding-right: 0;
    }
    .c-hero-content h1 {
        font-size: 38px;
    }
    .c-hero-content h1 span {
        font-size: 42px;
    }
    .c-hero-content p {
        padding-right: 0;
    }
    .get-in-touch h3 {
        padding-top: 50px;
    }
    .g-map {
        margin-top: 270px;
        padding-bottom: 50px;
    }
    .tech-hero-content h1 {
        font-size: 32px;
    }
    .tech-hero-content h1 span{
        font-size: 32px;
    }
    .tech-hero-content p {
        padding-right: 0;
    }
    .lara-hero-content h1 {
        font-size: 28px;
    }
    .lara-hero-content h1 span {
        font-size: 28px;
    }
    .casestudy-section {
        padding: 50px 0;
    }
    .subscribe > form {
        margin: 30px auto 40px;
    }
    .challenge {
        padding: 0;
    }
    .industry-table {
        overflow: auto;
    }
    .text-lg-right {
        padding-top: 25px;
    }
    .price-twinr-table .twin-btn2 {
        padding: 10px 0;
        border: none !important;
        background-color: transparent;
        color: #000 !important;
    }
    .price-twinr-table a {
        border: none !important;
        padding: 0;
        margin-left: 0 !important;
    }
    .price-twinr-table table tbody td {
        font-size: 12px;
    }
    .price-twinr-table table thead th:first-child {
        text-align: center;
        width: 30%;
        font-size: 14px;
    }
    .price-twinr-table table tbody td h3:first-child {
        font-size: 14px;
    }
    .build-k-main-content {
        margin-top: 0;
    }
    .build-k-main-content > div {
        margin-top: 0;
    }
    .footer-card-head {
        min-width: 300px;
    }
    .price-bottom-sec {
        margin-top: 0;
    }
    #price-twinr {
        margin-top: 100px;
        margin-bottom: 0;
    }
    #price-twinr .container {
        padding: 0;
    }
    .price-bottom-sec-left:first-child > div,
    .price-bottom-sec-left:last-child > div {
        position: relative;
        overflow: hidden;
        height: fit-content;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 30px;
    }
    .price-bottom-sec-left:first-child > div {
        background-image: url('../images/agency plan.png');
    }
    .price-bottom-sec-left:last-child > div {
        background-image: url('../images/hire expert.png');
    }
    .price-bottom-sec-left > div > div {
        padding: 54px 25px;
    }
    .left-menu-btn a img {
        margin-left: 0;
        margin-top: 25px;
    }
    .hero-cta a {
        width: 100%;
    }
    .hero-cta img {
        max-width: 200px;
        margin-left: 0;
        margin-top: -4px;
    }
    #animation-sec {
        display: none;
    }
    .animation-sec-mob {
        display: block;
    }
    .brands {
        height: 5.5rem;
        transform: scale(0.7);
        width: 400%;
        margin-left: -100%;
    }
    .brands2 {
        transform: scale(0.7);
        width: 400%;
        margin-left: -100%;
        margin-top: -15px;
    }
    #logo-section {
        overflow: hidden;
    }
    .marqee-logo-sec {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .lovely-logo-tab {
        padding-top: 50px;
        padding-bottom: 0;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .key-feature-left > div {
        padding: 25px 10px 10px;
    }
    .key-feature-left > div > div,
    .key-feature-right > div > div {
        margin-top: 25px;
    }
    .key-feature-right > div {
        margin-top: 35px;
        padding: 25px 30px 10px;
    }
    .key-feature-center > div {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
    }
    .key-feature-center-left h2 {
        padding-left: 0;
        text-align: center;
        margin-top: 0;
    }
    .key-feature-center-left {
        margin-bottom: 0;
    }
    .key-feature-center-right {
        margin-top: 15px;
    }
    .bt-cta > div a:first-child {
        width: 160px;
        margin-bottom: 15px;
    }
    .bt-cta > div a {
        margin: 0;
    }
    .circle-bg img {
        width: 30%;
    }
    .form-inline {
        /*display: inherit;*/
    }
    .implement h2 {
        margin: 0 auto 15px;
    }
    .twinr-tab-sec .nav-link img {
        width: 45px;
    }
    .twinr-tab-sec-body-text {
        margin-top: 30px;
        padding-left: 0;
    }
    .about-us-hero-img img {
        padding-inline: 0;
    }
    .about-us-hero-content h1 {
        font-size: 38px;
    }
    .about-us-hero-content h1 span {
        font-size: 42px;
    }
    .ab-accordion {
        padding: 20px 0;
    }
    .a-company {
        display: block;
    }
    .company-text p {
        padding-right: 0;
        padding-top: 40px;
    }
    .company-img, .company-text {
        padding: 0;
    }
    .abt-faq {
        padding: 20px 0;
    }
    .m-app-1 {
        padding-top: 10px;
    }
    .twinr-affiliate-title .twinr-h2, .twinr-industries-title .twinr-h2{
        margin-bottom: 30px;
        padding-bottom: 15px;
    }
    .twinr-affiliate .twinr-banner-content .twinr-h1 span:after {
        bottom: 1px;
    }
    .twinr-affiliate {
        padding: 60px 0 0;
    }
    .twinr-how-work .twinr-work-step-grid .twinr-work-step {
        padding: 0 0 18px;
    }
    .twinr-how-work .twinr-work-step-grid .twinr-work-step-number .twinr-work-number {
        width: 40px;
        height: 40px;
    }
    .twinr-how-work .twinr-work-step-grid .twinr-work-step-number .twinr-work-number .twinr-h2 {
        font-size: 23px;
    }
    .twinr-how-work , .twinr-industries-we-serve{
        padding: 50px 0;
    }
    .twinr-how-earn .twinr-earn-grid .twinr-earn-grid-box {
        border-bottom: 1px solid #D6D8D8;
        border-right: 0;
    }
    .twinr-how-earn .twinr-earn-grid .twinr-earn-grid-box:last-child {
        border-bottom: 0;
    }
    .twinr-how-earn .twinr-earn-grid {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
    }
    .twinr-how-earn .twinr-range-slider .sliderticks span {
        font-size: 13px;
    }
    .twinr-how-earn {
        padding: 50px 0;
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-affiliate-right-grid {
        text-align: center;
        grid-template-columns: unset;
    }
    .twinr-how-affiliate-program .twinr-program-grid .twinr-affiliate-right-grid .twinr-affiliate-right-grid-box {
        padding: 20px;
        gap: 10px;
    }
    .twinr-how-affiliate-program {
        padding: 50px 0;
    }
    .t-blog.pt {
        padding-top: 50px;
    }
    .blog-search-bg {
        padding: 50px 0;
    }
}

@media only screen and (min-width: 376px) and (max-width: 576px) {
    .video-play-button {
        left: 50% !important;
        top: 42% !important;
    }
    .video-overlay iframe {
        width: 340px !important;
        height: 191px !important;
    }
    .key-feature-left-img3 img {
        width: 60px;
    }
    .key-feature-left-img4 img {
        width: 60px;
    }
    .font50 {
        font-size: 35px;
    }
    .font45 {
        font-size: 32px;
        line-height: 40px;
    }
    .font46 {
        font-size: 34px;
        line-height: 40px;
    }
    .font40 {
        font-size: 30px;
        line-height: 35px;
    }
    .font32 {
        font-size: 25px;
        line-height: 30px;
    }
    .font30 {
        font-size: 22px;
        line-height: 30px;
    }
    .font35 {
        font-size: 30px;
        line-height: 40px;
    }
    .font20 {
        font-size: 16px;
        line-height: 25px;
    }
    .hero-content h1 {
        font-size: 44px;
    }
    .hero-content h1 span {
        font-size: 50px;
    }
    .check > div {
        margin-left: 0;
    }
    .hero-cta img {
        margin-top: 10px;
    }
    .hero-cta a:first-child {
        vertical-align: -webkit-baseline-middle;
    }
    .tab-imgs img {
        width: 95%;
        padding-left: 4.5%;
    }
    .tab label {
        padding: 0 10px;
    }
    .tab::before {
        top: 96px;
    }
    .tab-text {
        padding: 30px 0 0 5px;
        margin-bottom: 0;
    }
    .bt-cta {
        position: relative;
        z-index: 1;
    }
    .key-feature-bottom-left > div {
        padding-bottom: 35px;
        padding-top: 35px;
    }
    .key-feature-right > div {
        margin-top: 35px;
        padding-top: 35px;
    }
    .key-feature-center-left h2 {
        margin-top: 35px;
    }
    .d-footer {
        padding-right: 65px;
    }
    .db-footer {
        padding-right: 65px;
    }
    .fq {
        padding-right: 40px;
    }
    .c-head {
        padding: 20px 20px;
    }
    .c-head a {
        padding-bottom: 20px;
    }
    .build-twinr h6 {
        padding: 15px 30px 0;
    }
    .t-blog {
        padding: 50px 0 30px;
    }
    .timer-card {
        padding: 15px 30px;
        text-align: center;
    }
    .sec-feedback {
        padding: 50px 0 50px;
    }
    .key-feature-left > div {
        margin-top: 50px;
        padding-top: 50px;
    }
    .t-card {
        margin: 30px 0;
    }
    .ta-1:after {
        width: 60px;
        height: 20px;
        right: -40px;
        background-size: 60px;
    }
    .ta-2:after {
        width: 60px;
        height: 20px;
        right: -30px;
        background-size: 60px;
        top: 25px;
    }
    .animation-sec-img-fixed {
        right: 0;
        left: 300px;
    }
    .footer-pad h5 {
        padding: 20px 0;
        font-weight: 700;
    }
    .worp-head {
        /* padding-top: 20px; */
    }
    .faq-section .mb-0 > a:after {
        bottom: 50px;
        top: -6px;
    }
    .cs-1-img img {
        height: 360px;
    }
    .hr-1 {
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .c-hero-content h3 {
        padding-top: 30px;
    }
    .tech-hero-img img {
        padding-inline: 25px;
    }
    .trusted-head {
        padding: 30px 0 30px;
    }
    .challenge h2 {
        margin: 70px auto 15px;
    }
    .lara-hero-content {
        padding-left: 15px;
    }
    .lara-hero-img img {
        padding-inline: 25px;
    }
    .industry-table table tbody td {
        padding: 10px 15px;
    }
    .my-twin-div {
        margin-top: 15px;
    }
    .terms-inner {
        padding: 0 15px;
    }
    .privacy-inner {
        padding: 0 15px;
    }
    .t-conditio-section {
        padding: 130px 0 20px 0;
    }
    .pri-policy {
        padding: 130px 0 20px 0;
    }
    .about-img img {
        padding-top: 0;
    }
    .about-img {
        padding-right: 20px;
        padding-left: 20px;
    }
    .about-content {
        padding-left: 15px;
    }
    .about-content h1 {
        font-size: 38px;
    }
    .about-content h1 span {
        font-size: 42px;
    }
    .about-content h3 {
        padding-top: 30px;
    }
    .about-content p {
        padding-right: 0;
    }
    .about-hero {
        padding: 50px 0 0;
    }
    .our-company .title p {
        width: 90% ;
        margin-bottom: 0;
    }
    .d-force {
        padding-top: 0;
    }
    .ac-block {
        padding-bottom: 50px;
    }
    .a-app-title h2 {
        padding-right: 20px;
    }
    .d-force .mb-0 > a:after {
        left: 92%;
    }
    .twinr-how-earn .twinr-range-slider .sliderticks span:nth-child(even) {
        display: none;
    }
    .twinr-power-btn {
        font-size: 14px;
    }
    .twinr-banner .twinr-banner-content .twinr-h6{
        margin:20px;
    }
}

@media only screen and (min-width: 376px) and (max-width: 405px) {
    .tab label {
        padding: 0 6px;
    }
}

@media (max-width: 420px) {
    .twinr-sponsor-section .twinr-sponsor-image {
        grid-template-columns: repeat(1, 1fr);
    }
    .discussion-card {
        height: auto;
        padding-top: 0;
    }
    .twinr-traditional-challenge .twinr-traditional-mobile-app-grid .twinr-traditional-app {
        grid-template-columns: 100%;
        padding: 4px 0;
    }
    /*.twinr-how-earn .twinr-range-slider .sliderticks span:nth-child(even) {*/
    /*    display: none;*/
    /*}*/

    .twinr-technology-grid .twinr-technology-grid-box {
        max-width: 100%;
        height: fit-content;
    }
}

@media (max-width: 400px) {
    .privacy-inner {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 376px) and (max-width: 398px) {
    .more-feature-btn {
        padding-top: 90px !important;
        padding-bottom: 00px !important;
    }
    .lr-right {
        padding-left: 15px;
    }
    .m-ind-sec {
        padding: 50px 0;
    }
    .terms-inner {
        padding: 0 10px;
    }
}

@media (max-width: 375px) {
    .twinr-tab-sec-body .form-inline {
        text-align: center;
    }
    .form-inline {
        display: flex;
        gap: 10px;
    }
    .form-inline a:first-child {
        text-align: center; 
    }
    .footer-card-head {
        min-width: 284px;
    }
    .ml-l {
        margin-left: 0;
        text-align: center;
    }
    .key-feature-left-img3 img {
        width: 50px;
    }
    .key-feature-left-img4 img {
        width: 50px;
    }
    .key-feature-left > div {
        padding: 40px 15px 15px;
        margin-top: 50px;
    }
    .font50 {
        font-size: 30px;
    }
    .font45 {
        font-size: 28px;
        line-height: 35px;
    }
    .font46 {
        font-size: 29px;
        line-height: 35px;
    }
    .font40 {
        font-size: 25px;
        line-height: 35px;
    }
    .font32 {
        font-size: 20px;
        line-height: 25px;
    }
    .font30 {
        font-size: 18px;
        line-height: 25px;
    }
    .font35 {
        font-size: 22px;
        line-height: 30px;
    }
    .font25 {
        font-size: 16px;
        line-height: 25px;
    }
    .font20 {
        font-size: 14px;
        line-height: 20px;
    }
    .check-l h6 {
        font-size: 11px;
    }
    .c-head {
        padding-right: 0;
    }
    .hero-content h1 {
        font-size: 40px;
    }
    .hero-content h1 span {
        font-size: 45px;
    }
    .key-feature-center-left h2 {
        margin-top: 30px;
    }
    .key-feature-bottom-left > div {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .key-feature-right > div {
        margin-top: 30px;
        padding-top: 30px;
    }
    .bt-cta > div img {
        width: 30px;
        margin: 20px auto;
    }
    .bt-cta button {
        margin-top: 20px;
        padding: 15px;
        margin-right: 0;
    }
    .bt-cta > div a:first-child {
        width: 100%;
        margin-bottom: 10px;
    }
    .bt-cta > .twin-btn2 {
        margin-top: 15px;
    }
    .tab__content form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
    .ta-1:after {
        width: 40px;
        height: 15px;
        right: -30px;
        background-size: 50px;
    }
    .ta-2:after {
        width: 40px;
        height: 15px;
        right: -20px;
        top: 20px;
        background-size: 50px;
    }
    .footer-pad h4 {
        margin-top: 20px;
    }
    .tab-text button {
        padding: 12px 40px;
        margin: 10px 0;
    }
    .tab-text {
        padding: 30px 0 0;
        margin-bottom: 0;
    }
    .tab-text .cta {
        margin-right: 0;
    }
    .check h6 {
        margin-left: 0;
        font-size: 11px;
    }
    .check {
        width: 300px;
    }
    .tab label {
        padding: 0;
    }
    .tab::before {
        top: 92px;
        width: 90%;
        left: 8%;
    }
    .hero-cta img {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .hero-cta {
        padding: 15px 0;
    }
    .animation-sec-img-fixed {
        right: 0;
        left: 260px;
    }
    .tab-imgs img {
        width: 90%;
        margin-left: 5%;
    }
    .copy {
        padding: 30px 0 30px 15px;
    }
    .d-li li {
        padding-bottom: 5px;
    }
    .d-footer {
        padding-right: 35px;
    }
    .db-footer {
        padding-right: 35px;
    }
    .fq {
        padding-right: 15px;
    }
    .tb-hr {
        background-color: #666;
    }
    .b-hr {
        margin: 20px auto;
    }
    .mta li {
        padding-bottom: 5px;
    }
    .build-twinr h6 {
        padding: 15px 30px;
    }
    .build-twinr .hero-cta a {
        margin: 0;
    }
    .build-twinr .hero-cta > div {
        row-gap: 15px;
    }
    .timer-card {
        padding: 15px 35px;
        text-align: center;
        width: 182px;
    }
    .sec-feedback {
        padding: 50px 0 90px;
    }
    .t-card {
        margin: 20px 0;
    }
    .why-list h5:after {
        position: absolute;
        content: '\f090 ';
        left: 15px;
        font-family: 'FontAwesome';
        top: 20px;
    }
    .why-list h5:nth-child(1):after,
    .why-list h5:nth-child(2):after,
    .why-list h5:nth-child(3):after,
    .why-list h5:nth-child(4):after,
    .why-list h5:nth-child(5):after {
        top: 17px;
    }
    #build-app-k {
        padding-bottom: 170px;
    }
    .title h2 {
        margin: 15px auto;
    }
    .faq-section .mb-0 > a:after {
        top: -4px;
    }
    .cs-1-content {
        padding: 40px 30px 0;
    }
    .hr-1 {
        margin-top: 40px;
        margin-bottom: 25px;
    }
    .str img:first-of-type {
        margin-right: 10px;
    }
    .c-hero-content {
        padding-left: 20px;
    }
    .c-hero-content h3 {
        padding-top: 20px;
    }
    .industry-table table tbody td {
        padding: 10px 5px;
    }
    .tech-hero .cta {
        padding: 12px 20px;
        margin-left: 10px;
    }
    .challenge h2 {
        margin: 30px auto 20px;
    }
    .table td {
        padding: 8px;
    }
    .lara-hero-img img {
        padding-top: 0;
    }
    .lara-hero .cta {
        padding: 12px 20px;
        margin-left: 10px;
    }
    .icon-text {
        padding-top: 15px;
    }
    .desc-none {
        display: block;
    }
    .m-none {
        display: none;
    }
    .trusted-head {
        padding-bottom: 15px;
        padding-inline: 10px;
    }
    .m-builder-title {
        width: 75%;
    }
    .terms-inner {
        padding: 0 10px;
    }
    .t-conditio-section {
        padding: 130px 0 0;
    }
    .pri-policy {
        padding: 130px 0 0;
    }
    .video-overlay iframe {
        width: 296px;
        height: 147px;
    }
    .video-play-button span {
        right: -2px;
        top: 8px;
        height: 0;
        border-left: 24px solid #fff;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    .video-play-button:after {
        width: 60px;
        height: 60px;
    }
    .video-overlay-close {
        top: 100px;
    }
    .twinr-how-earn {
        padding: 16px 20px!important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 375px){
    .twinr-tab-sec-body-text .twin-btn2 {
        color: #fff !important;
        padding: 10px 15px;
        margin-left: 0 !important;
    }
    .video-play-button {
        left: 50% !important;
        top: 42% !important;
    }
    .twinr-tab-sec-body .form-inline {
        flex-direction: column;
        justify-content: center;
    }
    .about-us-hero-content p {
        margin-bottom: 0;
    }
    .our-company .mb-0 > a:after {
        left: 91%;
    }
    .a-app-title h2 {
        padding-right: 0;
    }
    .our-company .title p {
        width: 90%;
    }
    .twinr-how-earn .twinr-range-slider .sliderticks span:nth-child(even) {
        display: none;
    }
    .twinr-power-btn {
        font-size: 12px;
        padding: 8px 8px;
    }
    .twinr-power-suite-right-box .twinr-bill p {
        font-size: 13px;
    }
    .twinr-banner .twinr-banner-content .twinr-h6{
        margin:15px;
    }
}

@media only screen and (max-width: 325px) {
    .lara-hero-content .form-inline a:first-child {
        margin-bottom: 10px;
    }
    .lara-hero-content .form-inline {
        row-gap: 15px;
    }
    .lara-hero-content .form-inline a:nth-child(2) {
        margin: 0;
    }
    .check-l > div h6:nth-child(2) {
        margin-left: 0 !important;
    }
    .check-l > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
    .lara-hero .cta {
        margin: 10px 0 20px;
    }
    .industry-table table tbody td:first-child {
        padding-left: 0;
    }
    .industry-table table tbody td {
        padding: 10px 0;
    }
    .m-builder-title {
        width: 82%;
    }
    .form-inline .twin-btn2 {
        margin-top: 10px;
    }
    .our-company .title p {
        width: 100%;
    }
    .about-us-hero-content h1 span {
        font-size: 37px;
    }
    .about-us-hero-content h1 {
        font-size: 35px;
    }
}



@media (min-width:557px) and (max-width:768px){
    .twinr-banner .twinr-banner-content .twinr-h6{
        margin:20px;
    }
    .twinr-h2{
        margin-top:20px;
    }
    .twinr-power-suite .twinr-container .twinr-affiliate-title .twinr-h2:after{
        left:0;
        right:0;
        margin:auto;
    }
    .twinr-power-suite .twinr-container .twinr-affiliate-title .power-suite-pricing:after{
        left:0 !important;
        right:0;
        margin:auto;
        transform: translateX(-0%) !important;
    }

}
@media (min-width:769px) and (max-width:1024px){
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a{
        padding:16px 9px;
        font-size:16px;
    }
}
@media (min-width:1025px) and (max-width:1439px){
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a{
        padding:16px 10px;
        font-size:18px;
    }
}
@media (min-width:992px) and (max-width:992px){
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a{
        padding:16px 9px;
        font-size:15px;
    }
}


@media (min-width:557px) and (max-width:768px){
    .twinr-banner .twinr-banner-content .twinr-h6{
        margin:20px;
    }
    .twinr-h2{
        margin-top:20px;
    }
    .twinr-power-suite .twinr-container .twinr-affiliate-title .twinr-h2:after{
        left:0;
        right:0;
        margin:auto;
    }
    .twinr-power-suite .twinr-container .twinr-affiliate-title .power-suite-pricing:after{
        left:0 !important;
        right:0;
        margin:auto;
        transform: translateX(-0%) !important;
    }

}
@media (min-width:769px) and (max-width:1024px){
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a{
        padding:16px 9px;
        font-size:16px;
    }
}
@media (min-width:1025px) and (max-width:1439px){
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a{
        padding:16px 10px;
        font-size:18px;
    }
}
@media (min-width:992px) and (max-width:992px){
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a{
        padding:16px 9px;
        font-size:15px;
    }
}


@media (min-width:557px) and (max-width:768px){
    .twinr-banner .twinr-banner-content .twinr-h6{
        margin:20px;
    }
    .twinr-h2{
        margin-top:20px;
    }
    .twinr-power-suite .twinr-container .twinr-affiliate-title .twinr-h2:after{
        left:0;
        right:0;
        margin:auto;
    }
    .twinr-power-suite .twinr-container .twinr-affiliate-title .power-suite-pricing:after{
        left:0 !important;
        right:0;
        margin:auto;
        transform: translateX(-0%) !important;
    }

}
@media (min-width:769px) and (max-width:1024px){
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a{
        padding:16px 9px;
        font-size:16px;
    }
}
@media (min-width:1025px) and (max-width:1439px){
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a{
        padding:16px 10px;
        font-size:18px;
    }
}
@media (min-width:992px) and (max-width:992px){
    .twinr-build-app .twinr-build-tabs .twinr-tabs li a{
        padding:16px 9px;
        font-size:15px;
    }
}