@media screen and (max-width: 1100px){
    .contact-info-grid{
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    body.page-template-template-contact .contact-info-card{
        width: 48%;
    }

    .coupon{
        width: 65%;
    }
}

@media screen and (max-width: 991px){
    .error-gps-badge{
        width: 170px;
    }

    .error-status-badge{
        width: 170px;
    }
}

@media screen and (max-width: 950px){
    .stats-grid{
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    body.home .hero-content {
        width: 100%;
        min-width: 0;
    }

    body.home .hero .container {
        display: block;
        width: 92%;
    }

    body.home .hero-content .features{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        
    }

    .saving-card{
        right: -18px;
        bottom: -47px;
    }

    body.home .tracking-map img{
        aspect-ratio: 10/9;
        height: 100%;
    }

    .tracking-card{
        width: 100% !important;
        max-width: unset !important;
    }

    .app-banner .container{
        flex-direction: column;
        padding-bottom: 20px;
    }

    .app-content h2{
        text-align: center;
        margin: 0;
    }

    .app-content p{
        text-align: center;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .download-label{
        text-align: center;
    }

    .trust-grid{
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .trust-item:not(:last-child)::after{
        display: none;
    }

    .team-grid{
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .team-content p{
        min-height: 66px;
        margin: 0;
    }

    .our-story-grid{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 15px;
    }

    .our-story-content{
        width: 90%;
    }

    body.page-template-template-contact .contact-layout{
        gap: 20px;
    }

    .coupon {
        width: 70%;
    }
}

@media screen and (max-width: 930px){
    .menu-wrap ul{
        gap: 20px;
        font-size: 12px;
    }

    .nav-right{
        gap: 20px;
    }
}

@media screen and (max-width: 900px){
    body.page-template-template-contact .contact-layout{
        flex-direction: column;
        display: flex;
    }

    body.page-template-template-contact .support-item {
        padding: 15px 0;
    }

    body.page-template-template-contact .support-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 860px){
    .coupon {
        width: 75%;
    }
}

@media screen and (max-width: 700px){
    body.page-template-template-about .hero .container{
        flex-direction: column;
    }

    body.page-template-template-about .hero .container .hero-content {
        width: 95%;
    }

    .our-story-grid{
        flex-direction: column-reverse;
    }

    .our-story-content{
        max-width: unset;
        width: 92%;
    }

    .trust-grid{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        row-gap: 20px;
        justify-content: center;
    }

    .trust-item{
        width: 45%;
    }

    .policy-layout-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .policy-sidebar {
        position: static;
        width: 100%;
    }

    .policy-content-article {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .code-block-wrapper {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .api-doc-article pre {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .api-table-wrapper {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .endpoint-badge-row {
        max-width: 100%;
        flex-wrap: wrap;
    }

    .endpoint-url {
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
}

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

    body.home .how-it-works.is-tracking-active .map-pulse, body.home .how-it-works.is-tracking-active .map-pulse::after{
        width: 8%;
        height: 8%;
    }

    .map-pulse i {
        font-size: 20px;
    }
}

@media screen and (max-width: 750px){
    .coupon {
        width: 50%;
    }

    .partner-benefits-section .section-title h2, .workflow-header h2{
        text-align: center;
    }

    .workflow-header p{
        text-align: center;
    }

    .directory-heading-left h2{
        text-align: left;
    }
}

@media screen and (max-width: 800px){
    .mv-grid{
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media screen and (max-width: 750px){
    body.home .offer-content{
        flex-direction: column-reverse;
        gap: 10px;
    }

    .offer-left.motion-reveal.is-visible, .offer-right.motion-reveal.is-visible{
        width: 100%;
    }

    .offer-right.motion-reveal.is-visible{
        display: flex;
        justify-content: center;
    }

    .steps.motion-reveal.is-visible{
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px !important;
        row-gap: 15px !important;
    }

    body.home .works-content .step{
        width: 45%;
    }
}

@media screen and (max-width: 610px){
    body.home .hero-content .features{
        justify-content: center;
        gap: 15px;
    }

    .offer-left h2{
        font-size: 30px;
        text-align: center;
    }

    .offer-left p{
        text-align: center;
    }

    .offer-buttons a{
        width: 100%;
    }

    body.home .hero-content .feature{
        width: 47%;
    }

    .mv-grid{
        display: flex;
        flex-direction: column;
    }

    body.page-template-template-contact .contact-info-card {
        width: 100%;
        gap: 10px;
    }

    body.page-template-template-contact .breadcrumb{
        margin: 0;
    }
}

@media screen and (max-width: 550px){
    .offer-left h2{
        font-size: 25px;
    }

    .offer-left p{
        font-size: 16px;
    }

    body.home .offer-content{
        padding: 25px 20px;
    }

    body.home .hero h1{
        line-height: 1.2;
    }

    body.home .works-content .step{
        width: 90%;
    }

    .steps.motion-reveal.is-visible{
        flex-direction: column;
        row-gap: 30px !important;
    }

    .offer-buttons a{
        padding: 16px 0;
    }

    body.home .tracking-card{
        padding: 32px 20px;
    }

    .map-pulse i {
        font-size: 13px;
    }
}

@media screen and (max-width: 460px){
    .partners-hero-actions .btn{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .partners-hero-content .tag{
        font-size: 11px;
    }

    .partners-hero-desc{
        font-size: 13px;
    }

    .partner-benefits-section .section-title h2, .workflow-header h2, .directory-heading-left h2 {
        font-size: 20px;
    }

    .partner-benefits-section .section-title p{
        font-size: 13px;
    }

    .partner-benefits-section .section-title .section-kicker{
        font-size: 10px;
    }

    .benefit-card p{
        margin-bottom: 0;
    }

    .partner-directory-section{
        padding: 40px 0;
    }

    .partner-benefits-section{
        padding: 40px 0;
    }

    .partner-workflow-section{
        padding: 40px 0;
    }

    .partner-onboarding-section{
        padding: 40px 0;
    }

    .partner-cta-outline{
        width: 100%;
    }

    .partner-cta-btn{
        width: 100%;
    }

    .cta-feat-item strong{
        margin-bottom: 5px;
    }

    .directory-heading-left h2{
        text-align: left;
    }

    .partner-search-box input {
        height: 40px;
        font-size: 11.5px;
    }

    .partner-search-box i.fa-magnifying-glass{
        font-size: 14px;
    }

    .partner-cta-content h2{
        font-size: 22px;
        margin-top: 5px;
    }

    .partner-cta-content p{
        font-size: 14px;
        line-height: 1.4;
    }

    .partner-cta-btn{
        padding: 10px;
        font-size: 13px;
    }

    .partner-cta-outline{
        padding: 10px;
        font-size: 13px;
        border: 1px solid rgba(255, 255, 255, 0.5);
    }

    .api-table td{
        font-size: 11px;
    }
}

@media screen and (max-width: 400px){
    .trust-item {
        width: 90%;
    }

    .coupon {
        width: 70%;
    }

    .btn-partner-action{
        padding: 11px;
        font-size: 11.5px;
    }

    .error-tag{
        font-size: 10px;
    }

    .map-pulse i {
        font-size: 10px;
    }
}

@media screen and (max-width: 360px){
    .partners-hero-content .tag{
        width: 100%;
        padding: 10px;
    }

    .cta-eyebrow{
        width: 100%;
        font-size: 10px;
        justify-content: center;
    }

    .partners-hero-actions .btn{
        padding: 10px;
        font-size: 13px;
    }
}

@media screen and (max-width: 350px){
    .team-image img{
        object-fit: contain;
    }
}

@media screen and (max-width: 320px){
    .partners-hero-content .tag{
        font-size: 10px;
    }

    .partner-cta-side-features{
        padding: 15px;
    }

    .workflow-header .section-kicker{
        font-size: 10px;
    }
}