﻿

/* For screen ≤1599px (1440px design) */
@media (max-width: 1599px) {
    .creative-service-2-style .tp-service-5-feature-wrap img {
        border-radius: 0;
        object-fit: cover;
    }
}

/* For screen ≤1439px (1366px design) */
@media (max-width: 1439px) {
    .container-1430 {
        max-width: 1280px;
    }
    .tp-banner-img {
        height: 870px;
        overflow: hidden;
        border-top: 16px solid var(--tp-common-red-3);
    }
    .marker-usa {
        top: 40%;
        left: 20%;
    }

    .marker-uk {
        top: 38%;
        left: 44%;
    }

    .marker-germany {
        top: 40%;
        left: 49%;
    }

    .marker-india {
        top: 64.5%;
        left: 67.5%;
    }

    .marker-singapure {
        top: 71.5%;
        left: 77%;
    }

    .dgm-footer-bg::after {
        width: 35% !important;
    }

    h1 {
        font-size: 64px !important;
        line-height: 75px !important;
    }

    h2 {
        font-size: 36px !important;
        font-weight: 600 !important;
    }

    h3 {
        font-size: 28px !important;
        ;
        font-weight: 600 !important;
    }

    h4 {
        font-size: 24px !important;
        ;
        letter-spacing: -0.02em !important;
    }

    h5 {
        font-size: 20px !important;
        ;
        letter-spacing: -0.02em !important;
    }

    h6 {
        font-size: 16px !important;
        ;
        letter-spacing: -0.02em !important;
    }

    .uk-wrap {
        padding-left: 0px !important;
    }

    .ai-faq-content-wrap {
        padding-right: 0px !important
    }

    .pp-about-area .left-side {
        padding: 100px 40px 100px 60px;
    }

    .tp-btn-black-text {
        font-size: 14px;
        padding: 10px 18px;
    }

    .dgm-footer-widget-title, .crp-footer-widget-title {
        font-size: 20px !important;
    }

    .postbox-details-item h1 {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .ai-service-item {
        padding: 30px 15px !important;
    }

    .ai-service-title-sm {
        font-size: 20px !important;
        line-height: 28px !important;
        margin-bottom: 0px !important;
    }

    tp-about-funcact-item span {
        font-weight: 400;
        font-size: 40px;
        line-height: 1;
        margin-bottom: 17px;
        display: inline-block;
        letter-spacing: -0.04em;
    }

    .tp-service-5-feature-title {
        font-size: 60px !important;
        line-height: 70px !important;
    }
}






































/* For screen ≤1365px (1200px design) */
@media (max-width: 1365px) {
    .container-1430 {
        max-width: 1140px;
    }

    h1 {
        font-size: 56px !important;
        line-height: 1.2 !important;
    }

    h2 {
        font-size: 32px !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    h4 {
        font-size: 22px !important;
        line-height: 1.4 !important;
    }

    h5 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    h6 {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    .youtube-video iframe {
        width: 100%;
        height: 650px;
    }
    .marker-usa {
        top: 41%;
        left: 20%;
    }

    .marker-uk {
        top: 40%;
        left: 44%;
    }

    .marker-germany {
        top: 41%;
        left: 49%;
    }

    .marker-india {
        top: 62.5%;
        left: 67.5%;
    }

    .marker-singapure {
        top: 69.5%;
        left: 77%;
    }
}

/* For screen ≤1199px (992px design) */
@media (max-width: 1199px) {
    .container-1430 {
        max-width: 960px;
    }

    .tp-about-funcact-item span {
        font-weight: 400;
        font-size: 42px;
    }
    .marker-usa {
        top: 42%;
        left: 20%;
    }
    .youtube-video iframe {
        width: 100%;
        height: 500px;
    }

    .marker-uk {
        top: 41%;
        left: 44%;
    }

    .marker-germany {
        top: 42%;
        left: 49%;
    }

    .marker-india {
        top: 60.5%;
        left: 67.5%;
    }

    .marker-singapure {
        top: 65.5%;
        left: 77%;
    }
    .new-height {
        height: 450px !important;
    }

    .tp-service-content .tp-service-btn {
        margin-bottom: 30px;
        margin-top: 28px;
    }

    .agntix-light .pp-service-details-process-item h4 {
        color: var(--tp-common-black);
        font-size: 16px !important;
    }

    .ai-faq-content-wrap {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .uk-wrap {
        padding-left: 0px !important;
    }

    .tp-service-content p {
        font-weight: 300;
        font-size: 16px;
    }

    .creative-service-2-style .tp-service-5-feature-wrap img {
        border-radius: 0;
        object-fit: cover;
        height: 100%;
    }

    .design-choose-area {
        padding-bottom: 60px !important;
    }

    .tp-blog-details-without-ptb {
        padding-top: 30px !important;
    }

    .broacher-list {
        grid-template-columns: repeat(3,1fr);
    }

    .earning-card h4 {
        font-size: 18px !important;
    }
}

/* For screen ≤991px (768px design) */
@media (max-width: 991px) {
    .container-1430 {
        max-width: 720px;
    }
    .ar-service-height {
        height: 360px;
        display: flex;
    }
    .ar-service-title-box {
        position: absolute;
        top: 0;
        left: 0;
        margin: 50px 20px 100px 42px;
    }
    .youtube-video iframe {
        width: 100%;
        height: 450px;
    }
    .marker-usa {
        top: 43%;
        left: 20%;
    }

    .marker-uk {
        top: 42%;
        left: 44%;
    }

    .marker-germany {
        top: 43%;
        left: 49%;
    }

    .marker-india {
        top: 58.5%;
        left: 67.5%;
    }

    .marker-singapure {
        top: 64.5%;
        left: 77%;
    }
    h1 {
        font-size: 44px !important;
        line-height: 1.25 !important;
    }

    h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    h4 {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }

    h5 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    h6 {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    p {
        font-size: 15px !important;
        line-height: 22px !important
    }

    .tp-service-thumb img {
        border-radius: 10px;
        height: 180px;
    }

    .tp-service-5-feature-title {
        font-size: 42px !important;
        line-height: 50px !important;
    }

    .tp-service-5-feature-content svg {
        width: 65px;
    }

    .tp-service-5-feature-content {
        margin-bottom: 30px;
    }

    .tp-image-distortion {
        height: 438px;
        position: relative;
    }

    .tp-about-funcact-item span {
        font-weight: 400;
        font-size: 28px;
    }

    .tp-banner-img {
        height: 420px;
    }

    .tp-text-slide-title {
        font-size: 16px;
    }

    .dgm-blog-content {
        display: none !important;
    }

    .tp-text-slide-title::after {
        height: 20px;
    }

    .pt-sm-60 {
        padding-top: 60px;
    }

    .pb-sm-60 {
        padding-bottom: 60px;
    }

    .tp-service-4-solution-item-icon {
        padding-bottom: 20px;
    }

    .agriculture-area {
        padding: 60px 0px;
    }

    .agriculture-content {
        padding: 16px 50px 0px 0px;
    }

    br {
        display: none;
    }

    .tp_text_anim p > div {
        display: inline-block !important;
    }

    .dgm-footer-col-3 {
        padding-left: 0px;
    }

    .footer-style {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .crp-footer-widget-info a.tel {
        font-size: 16px;
        display: block !important;
    }

    .pb-160 {
        padding-bottom: 60px !important;
    }

    .pp-service-details-process-heading {
        padding-bottom: 30px;
    }

    .pp-service-details-process-item {
        margin-bottom: 0px !important;
    }

    .pp-service-details-process-ptb {
        padding: 60px 0px !important;
    }

    .tp-service-5-price-ptb {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .tp-copyright-2-border {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .ai-faq-content-wrap {
        padding-top: 20px !important;
        padding-left: 0px !important;
    }

    .tp-career-title .shape-1 {
        display: none;
    }

    .ar-about-us-4-hero-ptb {
        padding-bottom: 80px;
        padding-right: 60px;
    }

    .pp-service-details-overview-heading {
        margin-bottom: 35px;
    }

    .agntix-light .pp-service-details-overview-wrapper p {
        margin-bottom: 20px;
    }

    .pp-service-details-overview-list {
        margin-bottom: 15px !important;
    }

    .pp-about-area .left-side {
        padding: 60px 40px 20px 40px !important;
    }

    .pp-about-area .detail-content {
        padding: 0px !important;
    }

    .pp-card-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        margin-top: -55px;
        padding: 20px;
    }

    .pp-service-card .content p {
        margin-bottom: 0px !important;
    }

    .bg-light-wrap {
        background: #f5f5f5;
        border-bottom: 2px solid #000;
        padding: 50px 50px;
    }

    .ar-service-title {
        margin-left: 10px;
    }

    .ar-service-title {
        font-size: 16px;
    }

    .design-choose-item span {
        font-size: 32px;
    }

    .tp-blog-details-ptb {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .tp-blog-details-banner {
        margin-bottom: 20px !important;
    }

    .postbox-details-item {
        padding: 20px 0px 0px;
    }

    .mb-sm-20 {
        margin-bottom: 20px;
    }

    .pp-service-details-overview-ptb {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .cr-service-item {
        padding-right: 20px;
    }

    .pt-sm-40 {
        padding-top: 40px;
    }


    pb-sm-40 {
        padding-bottom: 40px;
    }
    .tp_text_invert_3 > div {
        display:inline-block !important;
    }
    p > div {
        display: inline-block !important;
    }
    .tp-about-funcact-wrap{
        margin-left:0px !important;
    }
    .tp-about-thumb{
       max-width:100%;
       width:100% !important;
       height:auto !important;
    }
    .tp-banner-img video{
        height:100%;
        max-width:100%;

    }
    .tp-banner-img {
        border: unset !important;
    }
    .broacher-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .tp-text-slide-area{
        margin-top:-9px;
    }
   
    .crp-about-exp {
        height: 155px;
        width: 155px;
        display: grid;
        position: absolute;
        top: -139px;
        background: #fff;
        margin-bottom: 20px;
        place-content: center;
        right: 0px;
        border-radius: 19px;
    }
}

/* For screen ≤767px (576px design) */
@media (max-width: 767px) {
    .container-1430 {
        max-width: 540px;
    }
    .dgm-team-title-sm {
        font-size: 14px !important;
    }
    .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-body {
        padding-right: 20px;
    }
    .particle-element img {
        max-width: 200px;
        /* animation: spin 35s 
linear infinite; */
    }
    .marker-usa {
        top: 40%;
        left: 20%;
    }
    .youtube-video iframe {
        width: 100%;
        height: 296px;
    }
    .marker-uk {
        top: 39%;
        left: 44%;
    }

    .marker-germany {
        top: 40%;
        left: 49%;
    }

    .marker-india {
        top: 65.5%;
        left: 67.5%;
    }

    .marker-singapure {
        top: 75.5%;
        left: 77%;
    }
    .tp-banner-img {
        height: auto;
    }

    .tp-service-thumb img {
        height: unset;
    }
    .design-choose-2-style .design-choose-item{
        border-radius:12px;
        padding:12px;
        margin-bottom:30px;
    }
        .design-choose-2-style .design-choose-item p{
            min-height:70px;
        }

        .mt--100 {
            margin-top: 0px !important;
        }

    .new-height {
        height: unset !important;
    }

    .world-map {
        position: relative;
        width: 100%;
        height: 300px;
    }
    .tooltip.show {
        display: none;
    }

    .ar-about-us-4-hero-ptb {
        padding-bottom: 80px;
        padding-right: 0px;
    }

    h1 {
        font-size: 32px !important;
        line-height: 1.3 !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }

    h4 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    h5 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    h6 {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .tp-service-5-feature-title {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .tp-service-5-feature-content svg {
        width: 45px;
        height: 45px;
    }

    .tp-service-5-feature-content span {
        margin-bottom: 20px;
    }

    .ar-about-us-4-hero-ptb {
        padding-top: 80px;
    }

    .services-video .tp-banner-img {
        height: 320px;
    }

    .dgm-blog-thumb img {
        height: auto;
    }

    .ar-service-title {
        font-size: 12px;
    }

    .ar-service-height {
        height: 320px;
    }

    .tp-filter-wrap {
        justify-content: start;
        gap: 1rem;
    }

    .tp-product-filter-wrap {
        padding-bottom: 20px !important;
    }

    .tp-contact-map-ptb {
        padding-bottom: 0px !important;
    }

    .tp-contact-form-wrap {
        padding: 0px 40px;
    }
    .dgm-team-title-sm{
        font-size:16px;
    }
    .dgm-team-content span{
        font-size:12px;
    }
    .broacher-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .tp-service-5-feature-wrap img{
        transform:unset !important;

    }
    .report-card {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .tp-breadcrumb-ptb
{
        padding-top:72px;
    }
    .particle-element {
        position: absolute;
        bottom: 20%;
        right: -90px;
        opacity: 0.2;
    }
    .particle-element2 {
        position: absolute;
        bottom: 40%;
        right: -29px;
        transform: rotate(180deg);
        opacity: 0.3;
    }


        .particle-element2 img {
            max-width: 200px;
            /* animation: spin 35s linear infinite; */
        }

    .particle-element1 img {
        max-width: 200px;
        /* animation: spin 35s 
linear infinite; */
    }
    .particle-element1 {
        position: absolute;
        bottom: 10%;
        right: -19px;
        transform: rotate(180deg);
        opacity: 0.3;
    }
    .ar-service-item:hover .ar-service-title::before {
        height: 20px;
    }
    .ar-service-title::before{
        margin-right:4px;
        width:1px;
    }
    .thank-you-img {
        width: 100px;
    }
    .tp-hero-title-box {
        margin-bottom: 0px;
    }
    .tp-hero-ptb {
        padding-top: 170px;
        padding-bottom: 50px;
    }
}

/* For screen ≤576px (mobile) */
@media (max-width: 576px) {
    .container-1430 {
        max-width: 100%;
        padding: 0 15px;
    }
    .youtube-video iframe {
        width: 100%;
        height: 250px;
    }
    .crp-about-exp {
        height: 60px;
        width: 60px;
        display: grid;
        position: absolute;
        top: -106px;
        background: #fff;
        margin-bottom: 20px;
        place-content: center;
        right: 0px;
        border-radius: 9px;
    }
    .broacher-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .marker-usa {
        top: 40%;
        left: 20%;
    }

    .marker-uk {
        top: 39%;
        left: 44%;
    }

    .marker-germany {
        top: 40%;
        left: 49%;
    }

    .marker-india {
        top: 60.5%;
        left: 67.5%;
    }

    .marker-singapure {
        top: 67.5%;
        left: 77%;
    }
    .container-1430 {
        max-width: 540px;
    }

    .tp-banner-img {
        height: 320px;
    }

    .tp-service-thumb img {
        height: unset;
    }

    .mt--100 {
        margin-top: 0px !important;
    }

    .new-height {
        height: unset !important;
    }

    .world-map {
        position: relative;
        width: 100%;
        height: 230px;
    }

    .ar-about-us-4-hero-ptb {
        padding-bottom: 80px;
        padding-right: 0px;
    }

    h1 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }

    h4 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    h5 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    h6 {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .tp-service-5-feature-title {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .tp-service-5-feature-content svg {
        width: 45px;
        height: 45px;
    }

    .tp-service-5-feature-content span {
        margin-bottom: 20px;
    }

    .ar-about-us-4-hero-ptb {
        padding-top: 80px;
    }

    .services-video .tp-banner-img {
        height: 320px;
    }

    .dgm-blog-thumb img {
        height: auto;
    }
    .ar-service-title {
        margin-left: 5px;
    }
    .ar-service-title {
        font-size: 8px;
    }

    .ar-service-height {
        height: 200px;
    }
    .ar-service-title{
        margin-bottom:20px;
    }
    .ar-service-title-box {
        margin: 40px 20px;
    }
    .tp-filter-wrap {
        justify-content: start;
        gap: 1rem;
    }

    .tp-product-filter-wrap {
        padding-bottom: 20px !important;
    }

    .tp-contact-map-ptb {
        padding-bottom: 0px !important;
    }

    .tp-contact-form-wrap {
        padding: 0px 20px;
    }
    .cr-service-ptb{
        padding-bottom:20px
    }
    img.logo-black {
        width: 150px !important;
    }

    .tp-banner-img {
        height: auto;
    }
        .tp-banner-img{
            border:unset !important;
        }

        .tp-about-area {
            padding-top: 40px;
            padding-bottom: 40px;
        }

    .tp-service-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tp-service-title-box {
        padding: 0 15px;
        padding-bottom: 0px;
    }

    .tp-service-thumb.text-end {
        margin-top: 0px !important;
    }

    img.logo-white {
        width: 150px !important;
    }

    .tp-btn-black-text {
        font-size: 12px;
        padding: 10px 18px;
    }

    .tp-image-distortion {
        height: auto;
        position: relative;
    }

    .tp-service-5-feature-title {
        font-size: 28px !important;
        line-height: 34px !important;
    }

    .creative-blog-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tp-copyright-2-middle {
        padding-left: 0px !important;
    }

    .mb-sm-40 {
        margin-bottom: 40px;
    }

    .tp-image-distortion {
        min-height: 300px;
        height:auto;
        position: relative;
    }

    .tp-service-4-solution-item-icon span svg {
        width: 32px;
    }

    .core-wrapper {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }

    .ar-about-us-4-hero-ptb {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pp-about-area .left-side {
        padding: 60px 40px 20px 15px !important;
    }

    .bg-light-wrap {
        background: #f5f5f5;
        border-bottom: 2px solid #000;
        padding: 50px 30px;
    }

    .ai-faq-thumb {
        margin-bottom: 10px !important;
    }

    .tp-service-4-solution-item {
        padding: 40px 20px 35px;
    }

    .pp-card-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin-top: -55px;
        padding: 12px;
    }
    .services-video .tp-banner-img {
        height: 140px;
    }
    .agriculture-content {
        padding: 16px 0px 0px 0px;
    }

    .agriculture-card {
        padding: 0px;
    }
    .ai-faq-content-wrap{
        padding-right:0px !important;

    }
    .dgm-blog-item{
        padding-bottom:0px !important;
    }
}
@media (max-width: 320px) {
    .tp-header-btn-box {
        display:none !important;
    }
    h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    h2 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    h4 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    h5 {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    h6 {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    p{
        font-size:14px !important;
    }
}