@media(max-width:3000px) and (min-width: 1900px){
    .circle-box h2 {
        font-size: 37px;
    }
    .circle-box p img {
        width: 34px;
        height: 34px;
    }
    .circle-box p{
        font-size: 37px;
    }
    .quick-charge-single h5{
        font-size: 27px;
    }
    .quick-charge-single .text-box p{
        font-size: 18px;
    }
    .circle-box {
        width: 10.417vw;
        height: 10.417vw;
    }
    .quick-charge-single::before,
    .quick-charge-single:nth-child(2)::before{
        top: -15%;
    }
}

@media(max-width: 1700px) {
    /*header .navbar-expand-md .navbar-nav .dropdown-menu {top: 3.1vw;}*/
    header .navbar-expand-md .navbar-nav .dropdown-menu {top: calc(2vw + 3px);}
    .prime-card1 img:nth-child(2) {width: 100%;}
}

@media(max-width: 1440px) {
    .prime-card1 img:nth-child(2) {width: 100%;}
}

@media(max-width: 1366px) {
    header.fixtop .navbar-expand-md .navbar-nav .dropdown-menu {
        left: 21vw;
        top: calc(3vw + 4px);
    }
    .product-content {
        /* padding-left: 19vw; */
        width: 43%;
    }
    .product-content-list li::before {
        position: absolute;
        content: "";
        background: #000;
        height: 9px;
        width: 9px;
        border-radius: 50px;
        top: 6px;
        left: 9px;
    }
    .chargnex-core .big-box .icon1 {
        margin: 33px 11px;
    }
    .chargnex-core .big-box2 .icon1 {
        margin: 22px 0px;
    }
    .chargnex-core .icon-box .icon1 {
        margin: 19px 15px;
    }
    .chargnex-core .big-box2 .icon-box .icon1 {
        margin: 19px 1px;
    }
    #compatibility.payment-cards .compcard .compcard-content p {
        font-size: 1vw;
    }
    .right-pointers .psline {
        width: 60%;
    }
    .future-location .fur-icon#pin5 {
        left: 38.5vw;
        top: 81%;
    }
    .future-location .fur-icon#pin6 {
        left: 49.75vw;
        top: 43%;
    }
    .locations .tab-content {
        height: 515px;
    }
}

@media(max-width: 1300px) {
    .footer-top-wrapper h3 {font-size: 3vw;}
}

@media(max-width: 1024px) {
    .prime-card {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: column;
    }
    .prime-card1 {
        grid-row: span 7;
        grid-column: 2;
        display: flex;
        justify-content: flex-end;
    }
    .prime-card1 img:nth-child(2) {
        width: 95%;
        transform: scale(1.3);
        bottom: 10%;
        display: block;
        position: relative;
    }
    .prime-card1:hover img.prod-img, .prime-card1.animate img.prod-img {transform: scale(1.4);}
    .prime-card2 {
        grid-row: 1 / span 5;
        grid-column: 1;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between;
    }
    .prime-card2 img.prod-img {transform: scale(1.5);}
    .prime-card2 .prime-contnet {margin-top: 3.124vw;}
    .prime-card2:hover img.prod-img, .prime-card2.animate img.prod-img {transform: scale(1.6);}
    .prime-card3 img.prod-img {transform: scale(1.4);}
    .prime-card3:hover img.prod-img, .prime-card3.animate img.prod-img {transform: scale(1.5);}
    .prime-card4 img.prod-img {transform: scale(.9);}
    .prime-card4:hover img.prod-img, .prime-card4.animate img.prod-img {transform: scale(1);}
    .prime-card6 img.prod-img {transform: scale(1.3); top: 30px;}
    .prime-card6:hover img.prod-img, .prime-card6.animate img.prod-img {transform: scale(1.4);}
    .prime-card5 {display: flex; justify-content: center; align-items: center;}
    #payments .container-fluid {padding: 0 8.862vw 150px;}
    .footer-top-wrapper h3 {letter-spacing: -1px;}
    .column:nth-child(1) p, .column:nth-child(1) a, .column a, .column:last-child a {font-weight: 300;}
    .column:nth-child(3) {padding-left: 20px;}
    .column:nth-child(4) {padding-left: 30px;}
    .column:last-child a img {width: 18px;}
}

@media(max-width: 992px) {
    /* .slider-section .home-slider .item img {
       height: 960px;
        height: calc(64vh -(15px* 2));

    }*/
    header .container-fluid {width: 100%; padding: 0 53px;}
    header .mobile-navbar.open {right: -8%; margin-top: 0rem;}
    .navbar-toggler .icon-bar {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 0px;
        background-color: #fff;
        position: relative;
        margin: 5px auto;
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
    }
    header .navbar-toggler.active .icon-bar.one {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 3px;
    }
    header .navbar-toggler.active .icon-bar.two {
        transform: translateX(40px);
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -o-transform: translateX(40px);
    }
    header .navbar-toggler.active .icon-bar.three {
        -webkit-transform: translateY(-5px) rotate(-45deg);
        -moz-transform: translateY(-5px) rotate(-45deg);
        -o-transform: translateY(-5px) rotate(-45deg);
        transform: translateY(-5px) rotate(-45deg);
        transform: translateY(-5px) rotate(-45deg);
    }
    header.shrink .navbar-toggler .icon-bar {background-color: #000;}
    .mobile-navbar .navbar-nav {
        /*margin-top: 95px;*/
        display: block;
        /*padding-left: 29px;*/
        width: 100%;
        border: none;
        background: unset;
        backdrop-filter: unset;
    }
    header .navbar-toggler, header .navbar-toggler:focus {
        border: 0;
        outline: 0;
        padding: 0;
        width: 35px;
        height: 35px;
        position: relative;
        overflow: hidden;
        z-index: 2;
        margin: 10px;
        margin: 0px !important;
        top: 0px !important;
    }
    header .mobile-navbar.open {
        background: transparent;
        width: 50%;
        display: block;
        top: 100%;
        height: 100vh;
        position: absolute;
        /*background: #0000005c;*/
        background: #0000009c;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    /*header.shrink .mobile-navbar.open {background: #0003;}*/
    .navbar-expand-md .navbar-nav .nav-item {width: 100%; border-top: 1px solid #fff3; padding: 8px 5px;}
    header.shrink .navbar-expand-md .navbar-nav .nav-item {width: 100%; border-top: 1px solid #fff3; padding: 8px 5px;}
    header .mobile-navbar {align-items: baseline; margin-top: 0; justify-content: flex-start;}
    header .mobile-navbar {
        z-index: 2;
        width: 100%;
        /*position: fixed;*/
        /*top:0px;*/
        /*top: 70px;*/
        padding: 0px;
        z-index: 1;
        top: -400%;
        /*background-color: #fff;*/
        color: #fff;
        /*height: 100vh;*/
        overflow-y: scroll;
        margin-top: .5rem;
        display: none;
        transition: all 0.5s;
    }
    /*header.shrink .mobile-navbar {top: -400%;}*/
    .navbar-brand {top: 1px; left: 15px;}
    .navbar-brand img {
        margin: inherit;
        width: 85%;
        /*margin-top: 10px;*/
        display: flex;
        justify-content: center;
    }
    .navbar-expand-md .navbar-toggler {
        display: block;
        position: relative;
        top: 0px;
        margin-top: 0;
        border-radius: 50%;
        background: #fff3;
        backdrop-filter: unset;
        -webkit-backdrop-filter: unset;
        margin: 0;
        padding: 5px;
    }
    header.shrink .navbar-expand-md .navbar-toggler {background: rgba(0, 0, 0, 0.1) !important;}

    .navbar-expand-md .navbar-toggler:focus {box-shadow: none; top: 11px;}
    header a.nav-link.get-btn.mobile-btn {display: flex; width: 239px;}
    header a.nav-link.get-btn.desktop-btn {display: none;}
    .navbar-expand-md {padding: 21px 0 0px;}
    .navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link {
        border: unset;
        border-radius: unset;
        padding: 0.397vw 0.794vw;
        color: #fff;
        font-size: unset;
        margin-top: unset;
    }
    .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link {font-size: 20px; width: fit-content; color: #fff;}
    header.shrink .navbar-expand-md .navbar-nav .nav-link, header.shrink .dropdown-item .span1, header.shrink .navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link {
    color: #fff;}
    .navbar-expand-md .navbar-nav .nav-link::before {display: none;}
    header .navbar-expand-md .navbar-nav .nav-link.active, header .navbar-expand-md .navbar-nav .nav-link:hover {color: #1876F4; font-weight: 600; background: none;}
    header.shrink .navbar-expand-md .navbar-nav .nav-link.active, header.shrink .navbar-expand-md .navbar-nav .nav-link:hover {color: #1876F4; font-weight: 600; background: none;}
    header a.nav-link.get-btn.mobile-btn:hover {color: #fff !important;}
    .dropdown:hover .dropdown-menu {position: relative !important;}
    header .navbar-expand-md .navbar-nav .dropdown-menu li,
    header .navbar-expand-md .navbar-nav .service-dropdown .dropdown-menu li {
        width: 100%;
        padding: 10px 6px 0;
        padding-left: 16px;
        /* padding-bottom: 0; */
    }
    header .dropdown-item .span1{font-size: 17px; margin-bottom: 3px;}
    header .navbar-expand-md .navbar-nav .dropdown-menu,
    header .navbar-expand-md .navbar-nav .service-dropdown .dropdown-menu {display: block; padding: 7px 0px; top: 0;}
    .dropdown {position: relative !important;}
    li.nav-item.dropdown:hover .dropdown-menu {display: block;}
    header .navbar-expand-md .navbar-nav .dropdown-menu {
        position: unset;
        left: unset;
        width: unset;
        border-radius: unset;
        display: none;
        opacity: unset;
        align-items: unset;
        justify-content: unset;
        top: unset;
        box-shadow: unset;
        background: transparent;
        backdrop-filter: unset;
    }
    .dropdown-menu {
        position: unset;
        top:unset;
        left: unset;
        z-index:unset;
        opacity: unset;
        float: unset;
        min-width: unset;
        padding: unset;
        margin: unset;
        font-size: unset;
        color: unset;
        text-align: unset;
        list-style: unset;
        background-color: unset;
        background-clip: unsetx;
        border: unset;
        border-radius: unset;
        transition: unset;
        top: unset;
        margin-top: unset;
        transition: unset;
    }
    header .dropdown-menu {transition: unset;}

    .footer-top form {width: 100%;}
    .footer-top-wrapper h2 {text-align: center; margin-bottom: 7px;}
    .column:nth-child(3) {padding-left: 25px;}
    .column:nth-child(2) {padding-left: 38px;}
    .social-links a {font-size: 21px !important; margin: 7px 0; margin-right: 21px;}
    /*.footer-contact {align-items: flex-start;}*/
    .main-footer {padding-bottom: 0;}
    .main-footer .container-fluid {
        padding: 0 3.259vw;
    }
    .column:nth-child(3) .d-none.d-md-flex .footer-contact img {
        width: 20px;
    }
    .btm-strip .container-fluid {
        padding: 0.827vw 3.5vw 0;
    }
    .column:nth-child(4) {
        padding-left: 11px;
        margin-bottom: 13px;
    }
    .column:nth-child(3) .d-none.d-md-flex {
        justify-content: flex-start;
    }
    .footer-contact {
        margin-right: 22px;
    }
    .footer-top-wrapper .form-control {border-radius: 20px;}

    /*home slider*/
    .slider-section .common-btn {padding: 10px 30px;}
    .slider-section .mini-slider {
        right: 30px;
        bottom: 30px;
        width: 33%;
        padding: 1.5vw 2vw 1.5vw 1.5vw;
    }
    .slider-section .mini-slider h2 {font-size: 14px; line-height: 18px; padding-right: 10px;}
    /*.slider-section .mini-slider p {font-size: 12px; line-height: 15px; padding-right: 10px;}*/
    .slider-section .mini-slider p {font-size: 9px; line-height: 12px; padding-right: 10px;}
    .slider-section .mini-slider h2 br, .slider-section .mini-slider p br, .prime-contnet p br {display: none;}
    .slider-section .mini-slider .owl-dots {margin-top: 0; right: 15px;}
    .heading {letter-spacing: -1px;}
    .headpara {letter-spacing: -.30px;}
    .compcard .compcard-title img {margin-right: 6px;}
    .compcard .compcard-img-top span {letter-spacing: 3px;}
    .prime-contnet {
        padding: 0 18px;
    }
    .prime-contnet h4 {letter-spacing: unset;}
    /*.prime-contnet p {font-size: 12px; line-height: 15px;}*/
    .prime-contnet p {font-size: 9px; line-height: 12px;}
    #compatibility .compatibility-wrapper, #payments .container-fluid, #future-section .container-fluid {padding-bottom: 9.921vw;}
    #paymentmode {letter-spacing: unset;}
    .payment-wrapper {gap: 15px;}
    .future-location .fur-card h4 {font-size: 9px; line-height: 14px;}
    #future-section .future-location .fur-card p {font-size: 8px; line-height: 9px;}
    .future-location {height: 340px;}
    .future-location picture, .future-location picture img {height: inherit; display: block; transform: scale(1.01);}
    .column:nth-child(1) p, .column:nth-child(1) a {font-size: 12px;  line-height: unset;}
    .column:nth-child(1) .footer-contact img {width: 20px !important; height: 20px; margin-right: 0px;}
    .column:nth-child(1) p, .column:nth-child(1) a, .column a, .column:last-child a, .btm-strip p, .btm-strip a {font-size: 15px; padding-bottom: 0.15vw; line-height: unset;}
    .column:nth-child(1) a {font-size: 8px;}
    .footer-contact img {width: 20px;}
    #product-wrapp .common-btn {
        transform: translateY(-2vw);
    }
    #compatibility.payment-cards .compatibility-wrapper {
        padding: 5.291vw 1.021vw 46px;
    }
    .prime-software .prime-card1 {justify-content: center;}
    .prime-software .prime-card1 .prime-contnet {position: relative; padding-top: 3rem}
    .prime-software .prime-card2 .prime-contnet {margin-top: 3.124vw; margin-bottom: .5vw;}
    .prime-software .prime-card6 img.prod-img {margin-top: -1rem;}

    /*contact*/
    .contactus .container-fluid {padding: 0 15px;}
    .contact-wrapper .contact-left {
        width: 50.148vw;
        padding-left: 50px;
    }
    .contact-wrapper .contact-right {width: 43.392vw;}
    .contact-form #emailico, #cta-form #ctaemailico {left: 18px; top: 10px; width: 11px;}
    .contact-form .intl-tel-input .selected-flag {width: 5vw !important;}
    .contact-form .intl-tel-input.separate-dial-code .selected-dial-code {font-size: 1.058vw !important;}

    .modal-body .btn-close {height: 20px; width: 20px; background-size: 45%;}
    .modal-body .contact-form p {font-size: 1.58vw; letter-spacing: calc(1.58vw * -0.04);}
    .modal-body .contact-form .form-control {padding: 10px; font-size: 12px; letter-spacing: calc(12px* -0.04);}
    .modal-body .contact-form #emailico, .modal-body #cta-form #ctaemailico {left: 23px; top: 35%;}
    .modal-body .contact-form .form-control#email, .modal-body #cta-form .form-control#ctaemail {padding-left: calc(10px + 15px);}
    .modal-body .contact-form .intl-tel-input .selected-flag {width: 6vw !important;}
    .modal-body .contact-form .intl-tel-input.separate-dial-code .selected-dial-code {font-size: 12px !important;}
    .modal-body .contact-form#phone2 {padding-left: 60px !important;}
    .modal-body .contact-form .common-btn {font-size: 15px; padding: 10px;}
    .modal-body .contact-terms {width: 53%; margin: 1.529vw auto 0 !important;}
    p.errors {font-size: 10px !important;}

    .payment-usp {
        margin: 5.291vw 0 75px;
    }
    .future-location .fur-icon#pin1 {
        left: 11.75vw;
        top: 65%;
    }
    .future-location .fur-icon#pin2 {
        left: 20.5vw;
    }
    .future-location .fur-icon#pin3 {
        left: 36.25vw;
    }
    .future-location .fur-icon#pin4 {
        left: 52vw;
    }
    .future-location .fur-icon#pin5 {
        left: 40.75vw;
    }
    .future-location .fur-icon#pin6 {
        left: 49.75vw;
    }
    .future-location .fur-icon#pin7 {
        left: 62.75vw;
        top: 37%;
    }
    .future-location .fur-icon#pin8 {
        left: 68.5vw;
    }
    .future-location .fur-card {padding: 0px 0px 8px;}
    .future-location .fur-card#furcard1 {left: 4.25vw;}
    .future-location .fur-card#furcard2 {left: 11.484vw; bottom: 55.7%;}
    .future-location .fur-card#furcard3 {left: 26.5vw;}
    .future-location .fur-card#furcard4 {left: 37.5vw;}
    .future-location .fur-card#furcard5 {left: 30.5vw;}
    .future-location .fur-card#furcard6 {left: 37.651vw;}
    .future-location .fur-card#furcard7 {left: 47.987vw;}
    .future-location .fur-card#furcard8 {left: 51.987vw;}
    .main-footer .footer-wrapp {padding: 0 5px;}
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {padding-left: 55px !important;}
    .chargnex-core .box {height: auto; border-radius: 16px; padding-bottom: 4vw;}
    .chargnex-core .col-md-7 .box {padding: 0;}
    .chargnex-core .box .paycard {top: 0; min-height: 164.8px;}
    /*.chargnex-core .big-box .icon1 {margin: 46px 43px;}*/
    .chargnex-core .big-box .icon1 {width: calc(25% - 2px); margin: 19px 1px;}
    .chargnex-core .big-box2 .icon1 {width: calc(33.33% - 2px); margin: 19px 1px;}
       .product-content-list ul {
        padding-left: 13px;
        margin: 0;
        padding-right: 7px;
    }
    .product-content-list li::before {
        position: absolute;
        content: "";
        background: #000;
        height: 7px;
        width: 7px;
        border-radius: 50px;
        top: 7px;
        left: -1px;
    }
    .product-content-list li h5 {font-size: 18px;}
    .product-content-list li p {font-size: 11px;}
    .locations .tab-content {height: 335px;}
    .payment-single {height: 37.577vw;}
    .common-page ul li {font-size: 4.058vw; line-height: 4.455vw;}
    .common-page {
        padding-top: 7vw;
    }
    .footer-page header.shrink {
        background: rgba(0, 0, 0, 0.20);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .footer-page header .navbar-expand-md {padding: 15px 0 0;}
    #payments .row.payment-new-usp .payment-single {height: 28.8vw;}
    .prime-card2 .prime-contnet {
        top: -4.5vw;
    }
    .flexible-slider p {
        font-size: 15px;
    }
    .prime-card3.animate img.prod-img {
        transform: scale(1);
        margin-left: 0;
    }
    .prime-card3 .prime-contnet {
        margin-bottom: 3.016vw;
    }
    .prime-card4.animate img.prod-img {
        transform: scale(0.9);
        margin-left: 10px;
    }
    .prime-card6 .prime-contnet {
        margin-bottom: 2.984vw;
    }
    .prime-card6:hover img.prod-img, .prime-card6.animate img.prod-img {
        transform: scale(1.1);
    }
    .column:nth-child(1) {
        width: 100%;
        margin-bottom: 36px;
        padding: 0 16px;
    }
    .column:nth-child(2) {
        padding-left: 0px;
        padding-bottom: 5px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        border-bottom: 1px solid #ffffff36;
    }
    .column:nth-child(2) a {
        width: 48%;
    }
    .column:nth-child(3) {
        padding-left: 0;
        width: 100%;
        padding-top: 21px;
        padding-bottom: 16px;
        padding-left: 15px;
    }
    .contactus .social {
        padding: 11px 0px;
    }
    .common-page ul li {
        font-size: 2.058vw;
        line-height: 3.455vw;
    }
    .slider-section .home-slider .item img {
        height: 481px;
    }
    .circle-box {
        width: 15.417vw;
        height: 15.417vw;
    }
    .quick-charge-single h5{
        font-size: 17px;
    }
    .quick-charge-single .text-box p{
        font-size: 13px;
    }
    .circle-box h2{
        font-size: 23px;
    }
    .circle-box p{
        font-size: 17px;
    }
    .quick-charge-single .text-box p {
        font-size: 12px;
        line-height: 19px;
    }
    #compatibility .compatibility-wrapper {
        padding: 5.291vw 0 115px;
    }
    h4.product-card-title {margin-bottom: 1rem;}
    .product-content-title p {
        font-size: 16px;
        line-height: 20px;
        padding-left: 0;
    }
    .prod-btns-wrapp {
        gap: 0px;
        flex-direction: column;
    }
    .prod-redirect-cards a.prod-tumb-cards {margin-bottom: 4rem;}
}

@media(max-width: 767px) {
    .compcard.animate .number {
        opacity: 0;
    }
    .chargnex-core .icon-box .icon1 img, .chargnex-core .big-box .icon1 img {height: 57px; width: auto;}
    .mobile-br {display: block;}
    header {background: #fff3; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
    header .container-fluid {padding: 0 5.581vw;}
    .navbar-expand-md {padding: 15px 0 0;}
    header.fixtop .navbar-expand-md {padding: 15px 0 0;}
    /*.navbar-brand {padding-bottom: 15px;}*/
    .navbar-brand img {margin-top: 0; width: 32.558vw;}
    .navbar-expand-md .navbar-toggler, .navbar-expand-md .navbar-toggler:focus {
        top: 0;
        border-radius: 50%;
        height: 35px;
        width: 35px;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 15px !important;
        background: rgba(255, 255, 255, 0.1) !important;
    }
    .navbar-expand-md .navbar-toggler:focus, header.shrink .navbar-expand-md .navbar-toggler {margin-top: 0;}
    header .navbar-brand {padding: 0 0 15px;}
    .navbar-toggler .icon-bar {width: 18px;}
    header .mobile-navbar {
        width: 100%;
        position: relative;
        background: unset;
        backdrop-filter: unset;
        right: 0%;
        height: auto;
        display: block;
        margin-top: -150%;
    }
    header .mobile-navbar.open {
        width: 100%;
        position: relative;
        background: unset;
        backdrop-filter: unset;
        right: 0%;
        height: auto;
        display: block;
        overflow: visible;
        margin-top: 0%;
    }
    header .mobile-navbar.open:before, header .mobile-navbar.open:after {content: ''; position: absolute; left: -10%; width: 120%; height: 1px; background: #fff3;}
    header .mobile-navbar.open:after {top: auto; bottom: 0;}
    .navbar-expand-md .navbar-nav .nav-item:nth-child(1) {border-top: transparent;}
    header .navbar-toggler.active .icon-bar {top: 1px;}
    header .navbar-toggler.active .icon-bar.one {top: 3px;}
    .navbar-expand-md .navbar-nav .nav-link {font-size: 18px; line-height: normal;}
    /*header .navbar-toggler.active .icon-bar.three {
        -webkit-transform: translateY(-7px) rotate(-45deg);
        -moz-transform: translateY(-7px) rotate(-45deg);
        -o-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
    }*/

    .footer-top-wrapper {padding: 32px 17px;}
    .main-footer .footer-wrapp {flex-wrap: wrap; padding: 0;}
    .column:nth-child(1) {width: 100%; margin-bottom: 36px; padding: 0 16px;}
    .column:nth-child(2) {
        padding-left: 15px;
        padding-bottom: 16px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        border-bottom: 1px solid #ffffff36;
    }
    .column:nth-child(2) a {width: 48%;}
    .column:nth-child(3) {
        padding-left: 0;
        width: 100%;
        padding-top: 21px;
        padding-bottom: 16px;
        padding-left: 15px;
    }
    .column:nth-child(4) {width: 100%; padding: 24px 0 0 16px; border-top: 1px solid #ffffff36;}
    .column:nth-child(1) p, .column:nth-child(1) a {font-size: 14px; margin-top: 6px;}
    .column:nth-child(1) .footer-contact {margin-top: 22px;}
    .footer-top-wrapper h2 br {display: none;}
    .footer-inner-wrapper:before {
        left: 50%;
        top: 97px;
        height: 1px;
        width: 90%;
        transform: translateX(-50%);
    }
    .footer-top form {width: 100%; flex-wrap: wrap; flex-direction: column;}
    .footer-top-wrapper .form-control {
        border-radius: 56px;
        font-size: 14px;
        padding: 18px;
        width: 100%;
    }
    .footer-top .form-box button {
        width: fit-content;
        position: relative;
        margin: 0 auto;
        margin-top: 16px;
        font-size: 18px;
        padding: 9px 38px;
    }
    .footer-top .form-box p#newsemail-error {text-align: center; position: relative; bottom: -8px;}
    .footer-top .container-fluid {padding: 0 35px 60px;}
    .footer-top-wrapper {padding: 0; border: none; box-shadow: unset;}
    .footer-inner-wrapper {flex-direction: column; flex-wrap: wrap;}
    .footer-top-wrapper img {width: 120px;}
    .footer-top .form-box {width: 100%; margin-top: 28px;}
    .footer-top-wrapper h3 {
        color: #343434;
        margin-bottom: 6px;
        font-size: 6.279vw;
        line-height: 42px;
    }
    .footer-top-wrapper p {font-size: 12px; margin-bottom: 30px;}
    footer {padding: 0;}
    footer .footer-wrapper {border-radius: 0px;}
    .main-footer {padding: 30px 0px;}
    .main-footer .container-fluid {padding: 0 16px;}
    .column:nth-child(1) img {width: 200px;}
    .column:nth-child(1) p, .column:nth-child(1) a {font-size: 10px; margin-top: 2px;}
    .column:nth-child(1) p, .column:last-child a {font-weight: 500;}
    .social {
        flex-wrap: wrap;
        column-gap: 24px;
        margin-top: 0;
        padding-top: 0;
        /* border-top: 1px solid #ffffff36; */
        justify-content: flex-start;
    }
    .social {
        flex-wrap: wrap;
        column-gap: 24px;
        margin-top: 0;
        padding-top: 0;
        /* border-top: 1px solid #ffffff36; */
        justify-content: flex-start;
    }
    .column .social h3 {width: 100%; margin-bottom: 16px;}
    .social a {padding-bottom: 0;}
    .column:last-child a img {width: 20px;}
    #footer-x {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 300px !important;
    }
    #mobile-addrs, .social h3 {display: block;}
    .column h3 {
        color: #fff;
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    #mobile-addrs p {font-size: 16px; line-height: 18px; margin-bottom: 8px;}
    .footer-contact img {width: 10px; margin-right: 4px;}
    #mobile-addrs .d-flex a {font-size: 12px; line-height: 18px; margin-bottom: 0; font-weight: 300;}

    .btm-strip .col-6 {padding: 0;}
        .btm-strip .col-6 p, .btm-strip .col-6 a {
        font-size: 8px;
        margin-bottom: 20px;
    }

    .subheading {font-size: 15px; line-height: 16px;}
    .heading {font-size: 30px; line-height: 38px; margin-bottom: 6px;}
    .headpara {letter-spacing: -.30px; font-size: 12px; color: #888;}
    #product-wrapp .heading, #main-product.software-usp-wrapp .heading, #prime.prime-software .heading {font-size: 6.8vw;}
    #prime.home-prime .heading, #compatibility.compcard-section .heading, #compatibility.charging-software.payment-cards .heading {font-size: 6.977vw;}
    #future-section .heading, #cta-section .heading {font-size: 6.7vw;}
    
    #compatibility.compcard-section .subheading {font-size: 3.488vw;}
    #prime.prime-software .headpara, #compatibility.charging-software.payment-cards .headpara, #compatibility.compcard-section .headpara {font-size: 2.791vw;}


    .slider-section, #inner-banner {padding: 0;}
    .slider-section .home-slider, .banner-section .home-slider, .slider-section .home-slider .item:before, .banner-section .home-slider .item:before {border-radius: 0;}
    .slider-section .home-slider, .slider-section .home-slider .item, #inner-banner .home-slider .item,
    .slider-section .home-slider, .slider-section .home-slider .item img, #inner-banner .home-slider .item img {border-radius: 0; height: 216.512vw;}
    .slider-section .home-slider img, #inner-banner .home-slider img {height: 216.512vw; object-fit: cover; object-position: -35vw;}
    .slider-section .mini-slider, #payments .headpara br, #future-section .heading br {display: none !important;}
    .slider-section .caption h1, .slider-section .caption h2,
    #inner-banner .caption h1, #inner-banner .caption h2 {
        font-size: 17.209vw;
        line-height: 17.209vw;
        white-space: nowrap;
        margin-bottom: 2.791vw;
        letter-spacing: -3px;
    }
    .slider-section .caption, #inner-banner .caption, .software-banner#inner-banner .caption {width: 100%; left: 0; top: 121.86vw; text-align: center; transform: translateY(0);}
    .slider-section .caption p, #inner-banner .caption p {font-size: 4.186vw; line-height: 5.581vw;}
    #inner-banner .caption p br, #main-product.payment-usp-wrapp .heading br {display: block;}
    .slider-section .common-btn, #inner-banner .common-btn {padding: 12px 24px; font-size: 4.186vw; margin: 3.721vw auto 0;}
    #prime {padding: 60px 35px 80px;}
    #prime .prime-wrapp>img {width: 46.512vw; top: 0;}
    .prime-wrapper {
        margin-top: 50px;
        width: 100%;
        display: flex;
        row-gap: 24px;
        flex-wrap: wrap;
    }
    .prime-card {width: 100%; border-radius: 25.2px;}
    .prime-card img {max-height: 52.558vw;}
    .prime-card1 img:nth-child(1), .prime-card1 img:nth-child(2) {width: 100%;}
    .prime-card1 img:nth-child(2) {margin-top: 22px; max-height: unset; bottom: 0%; transform: scale(1);}
    .home-prime .prime-card1, .home-prime .prime-card2, .home-prime .prime-card3, .home-prime .prime-card4 {max-height: unset;}
    .home-prime .prime-card4 {max-width: 100%;}
    .prime-card2 {flex-direction: column;}
    .prime-card2 img.prod-img, .prime-card3 img.prod-img, .prime-card4 img.prod-img, .prime-card6 img.prod-img {transform: scale(1); top: 0;}
    .prime-software .prime-card2 img.prod-img {width: unset; margin-top: .5rem;}
    .prime-card.animate img.prod-img, .prime-card:hover img.prod-img {transform: scale(1.1) !important;}
    .prime-card .prime-contnet {margin: 16px 0 17px;}
    .prime-contnet h4 {font-size: 19.6px; line-height: 28px;}
    .prime-contnet p {
        font-size: 11px;
        line-height: 16.8px;
        width: 58vw;
        margin: 0 auto;
        font-weight: 400;
    }
    .prime-card5 {min-height: 221px;}
    .chargnexa {height: 16.977vw; width: 63.488vw;}
    .chargnexa .chargne {width: 48.837vw;}
    .chargnexa .chargnex {width: 13.721vw;}
    .chargne-wrapp {position: relative;}
    .chargne-wrapp:before {width: 48.837vw; right: 0vw;}
    @keyframes chargnex {
        0% {width: 48.837vw; opacity: 1;}
        10% {width: 48.837vw; opacity: 1;}
        20% {width: 0vw; opacity: 1;}
        80% {width: 0vw; opacity: 0;}
        90% {width: 48.837vw; opacity: 1;}
        100% {width: 48.837vw; opacity: 1;}
    }
    @-webkit-keyframes chargnex {
        0% {width: 48.837vw; opacity: 1;}
        10% {width: 48.837vw; opacity: 1;}
        20% {width: 0vw; opacity: 1;}
        80% {width: 0vw; opacity: 0;}
        90% {width: 48.837vw; opacity: 1;}
        100% {width: 48.837vw; opacity: 1;}
    }
    #compatibility .container-fluid, #payments .container-fluid, #future-section .container-fluid {padding: 0 35px 80px;}
    #compatibility.software-comcard .container-fluid {padding: 0 50px 80px;}
    #payments .container-fluid {padding: 0 15px 80px;}
    .compatibility-wrapper {padding: 57px 0 0 !important;}
    #compatibility .compatibility-wrapper .row {gap: 0 3.968vw;}
    .compcard {padding: 8px 8px 15px; margin-bottom: 24px; flex: 0 0 auto; border-radius: 16px;}
    .compcard .compcard-img-top {height: 180px; border-radius: 12px;}
    .compcard .gradient-circle {height: 75vw;}
    .compcard .compcard-title img {margin-right: 11px; width: 32px; height: 32px;}
    .compcard .compcard-img-bottom img:nth-child(1) {width: 32px; height: 32px;}
    .compcard .compcard-img-top span {font-size: 43.2px;}
    .compcard .compcard-img-bottom {width: 72px; height: 72px; bottom: -36px;}
    .compcard .compcard-content {margin-top: 50px;}
    .compcard .compcard-content h4 {font-size: 21.6px; line-height: 18px;}
    .compcard .compcard-content p {font-size: 14.4px;}
    #compatibility.charging-software .compcard .compcard-content p br {display: none;}
    .payment-wrapper {display: flex !important; row-gap: 24px; padding: 0; flex-wrap: wrap; flex-direction: column;}
    .paycard {padding: 36px 26px; border-radius: 16px;}
    .chargnex-core .box .paycard {min-height: unset; height: auto;}
    .paycard1 {flex-direction: column; align-items: center; text-align: center;}
    .paycard .paycard-icon {min-width: 108px; width: 108px; margin-right: 0; margin-bottom: 22.4px}
    .paycard .paycard-icon svg {width: 100%; height: 100%;}
    .paycard .paycard-icon .wd4 {transform-origin: 54px;}
    .paycard-content h4 {font-size: 45px; line-height: 37.8px; margin-bottom: 18px;}
    /*.paycard-content p {font-size: 18px; line-height: 27px; margin-bottom: 0; color: #aaa; letter-spacing: -.5px;}*/
    .paycard-content p {font-size: 4.186vw; line-height: 6.279vw; margin-bottom: 0; color: #aaa; letter-spacing: -.5px;}
    .future-location {overflow: hidden; border: 2px solid #1876F4; border-radius: 16px; height: auto;}
    #future-section .future-wrapp {border: none; padding: 0; box-shadow: unset;}
    #future-section .future-wrapp p, #cta-section .cta-wrapp p {font-size: 12px; margin: 0 auto 30px; width: 65%;}
    .future-location .fur-card {padding: 0px 0px 6px; border-radius: 8px;}
    .future-location .fur-card img {padding: 3px; border-radius: 9px;}
    .future-location .fur-icon img {width: 16px; opacity: 0; }
    .future-location .fur-icon img:nth-child(2) {opacity: 1; top: -5px; left: 2px;}
    .future-location #pin5.fur-icon img:nth-child(2) {transform: scale(1.6); width: 13px;}
    .future-location .fur-icon#pin1 {left: 21%; top: 87%;}
    .future-location .fur-card#furcard1 {bottom: -5%; left: 13%;}
    .fur-card#furcard1.animate {bottom: 13.7%; left: 13%;}
    .future-location .fur-icon#pin5 {left: 39.75vw; top: 63%;}
    .future-location .fur-card#furcard5 {bottom: -5%; left: 27.854vw; width: 32.741vw; border-radius: 11px;}
    .future-location .fur-card#furcard5 img {padding: 4px; border-radius: 11px;}
    .fur-card#furcard5.animate {bottom: 40.7%; left: 27.854vw;}
    .future-location .fur-icon#pin2 {left: 28.5vw; top: 21%;}
    .future-location .fur-card#furcard2 {bottom: -5%; left: 27%;}
    .fur-card#furcard2.animate {bottom: 79.7%; left: 27%;}
    .future-location .fur-icon#pin3 {left: 66.25vw; top: 38%;}
    .future-location .fur-card#furcard3 {bottom: -5%; left: 73%;}
    .fur-card#furcard3.animate {bottom: 74%; left: 73%; top: unset;}

    .future-location .fur-icon#pin8 {left: 88%; bottom: 17%;}
    .future-location .fur-card#furcard8 {bottom: -5%; left: 80%;}
    .fur-card#furcard8.animate {bottom: 23.7%; left: 80%;}
    .future-location .fur-icon#pin4, .future-location .fur-icon#pin7, .future-location .fur-icon#pin6 {display: none !important;}
    .future-location .fur-card h4 {font-size: 4.8px; line-height: 6px;}
    #future-section .future-location .fur-card p {font-size: 3px; line-height: 3.6px; width: 100%;}
    .future-location #furcard5.fur-card h4 {font-size: calc(4.8px * 1.9); line-height: calc(6px * 1.9); margin-bottom: 3px;}
    #future-section .future-location #furcard5.fur-card p {font-size: calc(3px * 1.9); line-height: calc(3.6px * 1.9); width: 100%;}
    #paymentmode {line-height: 6.116vw; font-size: 4.852vw;}
    .paycard4 .chargnexa .chargne {width: 44vw;}
    .paycard4 .chargnexa .xleft, .chargnex-core .paycard4 .chargnexa .xleft, .payment-single.animation-box .xleft {right: 3%;}
   .paycard4 .chargnexa .xright, .chargnex-core .paycard4 .chargnexa .xright, .payment-single.animation-box .xright {
        right: -1.35%;
    }
    .paycard4 .chargnexa .chargne, .chargnex-core .paycard4 .chargnexa .chargne, .payment-single.animation-box .chargne {width: 48vw;}
    .paycard4 .chargnexa .chargnex, .chargnex-core .paycard4 .chargnexa .chargnex, .payment-single.animation-box .chargnexa {width: 10.452vw;}
    .chargne-wrapp {position: relative; left: 0px;}
    #payments .chargne-wrapp {position: relative; left: -20px;}
    .paycard4 .chargne-wrapp:before, .chargnex-core .paycard4 .chargne-wrapp:before,
    .payment-single.animation-box .chargne-wrapp:before {width: 57vw; right: -0.5vw; animation: paychargnex infinite 9s ease; will-change: transform, opacity; -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
    .chargnex-core .paycard4 .chargne-wrapp:before {animation: paychargnex2 infinite 16s ease;will-change: transform, opacity; -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
    .payment-single.animation-box .chargne-wrapp:before {animation: paychargnex3 infinite 12s ease; will-change: transform, opacity; -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
    @keyframes paychargnexleft {
        0% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
        10% {top: 53%; transform: translate(-160%, -50%); opacity: 1;}
        20% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
        40% {top: 53%; transform: translate(0%, -53%); opacity: 1;}
        50% {top: 53%; transform: translate(0%, 120%); opacity: 1;}
        80% {top: 53%; transform: translate(0%, 120%); opacity: 0;}
        90% {top: 53%; transform: translate(-160%, -50%); opacity: 0;}
        100% {top: 53%; transform: translate(-160%, -250%); opacity: 0;}
    }
    @keyframes paychargnexright {
        0% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
        10% {top: 50%; transform: translate(-160%, -53%); opacity: 1;}
        20% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
        40% {top: 50%; transform: translate(0%, -53%); opacity: 1;}
        50% {top: 50%; transform: translate(0%, 120%); opacity: 1;}
        80% {top: 50%; transform: translate(0%, 120%); opacity: 0;}
        90% {top: 50%; transform: translate(-160%, -53%); opacity: 0;}
        100% {top: 50%; transform: translate(-160%, 250%); opacity: 0;}
    }
    @keyframes paychargnex {
        0% {width: 57vw; opacity: 1;}
        10% {width: 57vw; opacity: 1;}
        20% {width: 0vw; opacity: 1;}
        40% {width: 0vw; opacity: 1;}
        50% {width: 0vw; opacity: 1;}
        80% {width: 0vw; opacity: 0;}
        90% {width: 57vw; opacity: 0;}
        100% {width: 57vw; opacity: 1;}
    }
    @keyframes paychargneimg {
        0% {transform: translate(-50%, -210%); opacity: 0;}
        75% {transform: translate(-50%, -210%); opacity: 1;}
        80% {transform: translate(-50%, 0%); opacity: 1;}
        90% {transform: translate(-50%, 0%); opacity: 1;}
        98% {transform: translate(-50%, 200%); opacity: 1;}
        99% {transform: translate(-50%, 200%); opacity: 0;}
        100% {transform: translate(-50%, -210%); opacity: 0;}
    }
    @keyframes paychargnex2 {
        0% {width: 57vw; opacity: 1;}
        5% {width: 57vw; opacity: 1;}
        10% {width: 0vw; opacity: 1;}
        20% {width: 0vw; opacity: 1;}
        25% {width: 0vw; opacity: 1;}
        80% {width: 0vw; opacity: 0;}
        90% {width: 0vw; opacity: 0;}
        100% {width: 0vw; opacity: 0;}
    }
    .chargnex-core #img-animation {left: 50%; width: 22vw;}

    #hwpd, #main-product .heading br, .prime-software .headpara br {display: none;}
    #inner-banner .home-slider img {object-position: -75vw;}
    #inner-banner.software-banner .home-slider img {object-position: -160vw;}
    #inner-banner.payment-banner .home-slider img {
        /*object-position: -120vw;*/
        object-position: -156vw;
        object-fit: unset !important;
        width: 400% !important;
        max-width: unset !important;
    }
    #compatibility.first-section .first-section-title-wrapp>img, #compatibility.software-comcard .compatibility-wrapp .xicon {
        top: -3%;
        transform: translateX(-50%);
    }
    #inner-banner .home-slider .caption h1, #inner-banner .home-slider .caption h2 {
        font-size: 17.209vw;
        line-height: 16.279vw;
        display: flex; flex-direction: column;
        letter-spacing: calc(17.209vw  * -0.04);
        margin-bottom: 12px;
    }
    #inner-banner .home-slider .caption span {
        font-size: 17.209vw;
        line-height: 16.279vw;
        letter-spacing: calc(17.209vw  * -0.06);
    }
    #main-product .headpara {padding: 0 12px;}
    #main-product .col-md-12 {padding: 0;}
    .product-point span {
        width: 16px;
        position: absolute;
        top: -2.455vw;
        left: calc(-1.623vw - 4px);
        aspect-ratio: 1 / 1;
        height: 16px;
        display: block;
    }
    .product-point span img {position: absolute; top: 0;}
    .product-point span img:nth-child(2) {top: 0px;}
    .left-pointers .product-point:last-child span img:nth-child(2) {top: 0px;}
    .product-point {border-radius: 7px;}
    .product-point h4 {font-size: 1.86vw; line-height: 2.093vw; margin-bottom: 1px;}
    .product-point p {font-size: 1.163vw; line-height: 1.535vw; letter-spacing: calc(1.163vw* -0.04);}
    .product-point p br {display: none;}
    .left-pointers .product-point:nth-child(1), .left-pointers .product-point:nth-child(2),
    .left-pointers .product-point:nth-child(3), .left-pointers .product-point:nth-child(4) {width: 23.81vw; left: 0%;}
    .right-pointers .product-point:nth-child(1), .right-pointers .product-point:nth-child(2),
    .right-pointers .product-point:nth-child(3), .right-pointers .product-point:nth-child(4) {width: 23.81vw; right: 0%;}
    #product-wrapp .img-wrapp img:nth-child(1) {transform: scale(1.3);}
    #product-wrapp .img-wrapp img:nth-child(2) { transform: scale(.85);}

    .product-card {margin-top: 50px; border-radius: 26px; padding: 0.729vw 2vw 4.729vw 2vw;}
    #product-wrapp {margin-bottom: 18vw;}
    #product-wrapp img.xdesign {top: 20%;}
    #product-wrapp .d-flex {flex-direction: column; align-items: center;}
    #product-wrapp .img-wrapp {width: 50%; align-items: center;}
    #product-wrapp .img-wrapp img {top: 0; transform: unset;}
    #product-wrapp .product-content, #product-wrapp .product-content .product-content-list {width: 100%;}
    .product-content-title {padding-left: 10px; margin-top: 24px;}
    .product-content-title h4 {font-size: 6.5vw; line-height: 9.302vw; letter-spacing: calc(6.977vw * -0.04); padding-left: 10px; margin-top: 24px;}
    .product-content-list ul {padding-left: 25px; padding-right: 15px;}
    .product-content-title p {font-size: 16px; line-height: 16px; letter-spacing: calc(10px * -0.04); padding-left: 2px;}
    .product-content-list li {padding-left: 0px; margin-bottom: 10px;}
    .product-content-list li::marker {font-size: 13px; line-height: 18px;}
    .product-content-list li img {width: 10px; margin-right: 5px; top: 4px;}
    .product-content-list li h5 {font-size: 12px; line-height: 18px; letter-spacing: calc(12px * -0.04);}
    .product-content-list li p {font-size: 9px; line-height: 12px; letter-spacing: calc(9px * -0.04);}
    .product-content-list p {font-size: 12px; line-height: 18px; letter-spacing: calc(12px * -0.04); padding-left: 10px;}
    #product-wrapp .product-content {margin-top: -10vw;}
    #product-wrapp .common-btn {
        font-size: 14px;
        line-height: 18px;
        margin: 30px auto 0;
        border-radius: 30px;
        width: 90%;
        min-height: 9.767vw;
    }
    #product-wrapp .product-card:nth-child(3) .d-flex {flex-direction: column;}
    /* .product-card:hover .img-wrapp img, .product-card:nth-child(3):hover .img-wrapp img,
    .product-card.animate .img-wrapp img, .product-card:nth-child(3).animate .img-wrapp img {transform: scale(1.05) !important;}*/
    .product-card:hover .common-btn, .product-card.animate .common-btn {opacity: 1; transform: translateY(0vw) !important;}
    #product-wrapp .common-btn:hover {font-size: 16px;}
    .software-usp {width: 100%; margin-bottom: 50px auto 0}
    .software-usp-top, .software-usp-bottom {column-gap: 10px;}
    .software-usp-single.big-card {padding: 3.439vw 3.4vw; width: calc(55% - 5px); border-radius: 16px;}
    .software-usp-single.small-card {padding: 3.439vw 3.4vw; width: calc(45% - 5px); border-radius: 16px;}
    .software-usp-single img {height: 26px; margin-bottom: 8px;}
    .software-usp-single h4 {
        font-size: 3.256vw;
        line-height: 4.651vw;
        letter-spacing: calc(3.256vw * -0.04);
        margin-bottom: 5px;
    }
    .software-usp-bottom {margin-top: 10px;}
    #main-product.first-section.software-usp-wrapp {padding-bottom: 18.605vw;}
    .software-usp-single p {font-size: 2vw; line-height: 12px; letter-spacing: calc(10px * -0.04); padding-right: 1px;}
    .prime-software .prime-card1 img.prod-img {width: 75%; max-height: unset; margin: 20px auto;}
    .prime-software .prime-card1 .prime-contnet {padding-top: 0;}
    .prime-software .prime-card2 {flex-direction: column-reverse;}
    .prime-software .prime-card2 .prime-contnet {margin-top: 1vw;}
    .prime-software .prime-card2 h4 {margin-top: 20px;}
    .prime-software .prime-card3 img.prod-img {max-height: unset; width: 80%; margin: 0 auto -5%;}
    .prime-software .prime-card4 img.prod-img {
        object-fit: cover;
        width: 81%;
        max-height: unset;
        margin-bottom: 20px;
        border-radius: 20px;
    }
    .prime-software .prime-card5 {min-height: unset;}
    .prime-software .prime-card5 picture {text-align: center;}
    .prime-software .prime-card5 img.prod-img {width: 95%; margin: 0 -3% 0 0 !important;}
    .prime-software .prime-card6 img.prod-img {width: 70%; margin-top: 20px; max-height: unset;}
    .prime-software .prime-card.animate img.prod-img, .prime-software .prime-card:hover img.prod-img {transform: scale(1) !important;}
    .charging-software .headpara br {display: block;}
    .charging-software .compcard {flex: 100%; margin: 0 15px 24px; padding: 8px 8px 20px;}
    .charging-software .compcard .compcard-title span {left: -4vw;}
    .charging-software .compcard .compcard-content h4 {font-size: 4.186vw; line-height: 5.581vw;}
    .charging-software .compcard .compcard-img-bottom img:nth-child(2) {width: 10.5vw; height: 10.5vw; top: 50%; transform: translateY(-50%);}
    .charging-software .compcard.animate .compcard-img-bottom img:nth-child(2) {transform: translateY(-175%);}
    .compcard:hover .compcard-img-bottom img:nth-child(2) {transform: translateY(-150%);}
    .charging-software .compcard.animate .compcard-title img {margin-right: 5px; width: 50px; height: 50px;}
    .charging-software .compcard .compcard-title img {transform: translateX(-625%); width: 9.302vw; height: 9.302vw;}

    .contact-wrapper {flex-wrap: wrap;}
    .contact-wrapper .contact-left, .contact-wrapper .contact-right {width: 100%; padding-left: 0; text-align: center;}
    #inner-banner.contact-banner .home-slider img {object-position: -188vw;}
    .contactus {padding: 13.953vw 0px;}
    .contactus .container-fluid {padding: 0 31px;}
    .contactus .heading {
        font-size: 6.977vw;
        line-height: 8.721vw;
        letter-spacing: calc(6.977vw* -0.04);
        margin: 0 auto -0.57vw !important;
    }
    .contact-wrapper .contact-left img {width: 58%; margin: 0 auto;}
    .contactus .heading span {font-size: 10.465vw; line-height: 9.302vw; letter-spacing: calc(10.465vw * -0.04);}
    .contact-single {padding: 16px; text-align: left; margin-bottom: 16px; border-radius: 16px;}
    .contacts-heading {margin-bottom: 10px;}
    .contacts-heading img {margin-right: 2px; width: 4.186vw; height: 4.186vw;}
    .contacts-heading h4 {font-size: 4.186vw; line-height: 5.581vw; letter-spacing: calc(4.186vw * -0.04);}
    .contactus .contact-single h6 {
        font-size: 5.116vw;
        color: #007AFF;
        line-height: 6.512vw;
        margin-bottom: 6px;
        letter-spacing: calc(5.116vw* -0.04);
    }
    .contactus .contact-single p, .contactus .contact-single a {
        color: #AAAAAA;
        font-size: 10px;
        line-height: 3.256vw;
        margin-bottom: 0;
        letter-spacing: calc(2.326vw * -0.04);
    }
    .contact-div {column-gap: 16px; margin-bottom: 60px;}
    .contact-div .contact-single {padding: 12px 15px;}
    .contact-div .contacts-heading img, .contact-wrapper .contacts-heading img {margin-right: 2px; width: 3.721vw; height: 3.721vw;}
    .contact-div .contacts-heading h4 {font-size: 3.721vw; line-height: 4.186vw; letter-spacing: calc(3.721vw * -0.04);}
    .contact-div .contact-single h6 {
        font-size: 3.256vw;
        color: #007AFF;
        line-height: 3.256vw;
        margin-bottom: 3px;
        letter-spacing: calc(3.256vw * -0.04);
    }
    .contact-div .contactus .contact-single p, .contactus .contact-single a {
        color: #AAAAAA;
        font-size: 2.326vw;
        line-height: 2.791;
        margin-bottom: 0;
        letter-spacing: calc(2.326vw * -0.04);
    }
    .contact-form {padding: 24px 21px; border-radius: 16px; text-align: left;}
    .contact-form h4 {font-size: 8.372vw; line-height: 8.372vw; letter-spacing: calc(8.372vw * -0.04);}
    .contact-form p {font-size: 2.791vw; line-height: normal; letter-spacing: calc(2.791vw * -0.04); margin-bottom: 20px;}
    .contact-form .contact-statement {font-size: 2.791vw !important;}
    .contact-form .form-control {
        border: 1px solid #1876f433;
        border-radius: 10px;
        padding: 2.093vw 2.791vw;
        margin-bottom: 12px;
        font-size: 2.791vw;
        letter-spacing: calc(2.791vw * -0.04);
    }
    .contact-form .form-control#email, #cta-form .form-control#ctaemail {padding-left: calc(1.058vw + 4.587vw);}
    .contact-form .form-control#phone2 {padding-left: 55px !important;}
    .contact-form .intl-tel-input .selected-flag {width: 10vw !important;}
    .contact-form .intl-tel-input.separate-dial-code .selected-dial-code {font-size: 2.791vw !important;}
    .contact-form .form-control#contactmsg {height: 26.047vw;}
    .contact-form .common-btn {
        width: 100%;
        font-size: 3.256vw;
        margin-top: 16px;
        padding: 3.256vw;
    }
    .contact-terms {
        /*color: #DDDDDD !important;*/
        text-align: center;
        margin: 8px auto 0 !important;
        width: 75%;
        font-size: 2.791vw !important;
        line-height: 3.907vw !important;
    }
    .locations .row {border: 2px solid rgb(24 118 244 / 50%); padding: 18px;}
    .locations .map {height: 78.140vw;}
    .location-info {padding: 16px 0 0;}
    .location-info h3 {
        margin-bottom: 23px;
        font-size: 6vw;
        line-height: 6.977vw;
        margin-top: 39px;
        font-weight: 400;
        letter-spacing: calc(6vw * -0.03);
    }
    .location-info h3 span {font-size: unset;}
    .location-info h3 br {display: none;}
    .home-banner-last {object-position: -35vw;}
    .locations h5 img {width: 9%;}
    .locationscontent {border-radius: 16px !important; padding: 12px; margin-bottom: 10px !important;}
    .locations li:last-child .locationscontent {margin-bottom: 0 !important;}
    .locations h5 {
        font-size: 3.721vw;
        line-height: 5.581vw;
        margin-bottom: 4px;
        letter-spacing: calc(3.721vw* -0.04);
    }
    .locations p {font-size: 2.326vw; line-height: 3.070vw; letter-spacing: 0;}

    .modal-content {background: transparent;}
    .modal-body {margin: 15px;}
    .modal-body .contact-form {background: #fff; border-radius: 30px; padding: 20px;}
    .modal-body .contact-form h4 {font-size: 8vw; line-height: 8vw; letter-spacing: calc(8vw* -0.04);}
    .modal-body .contact-form p {font-size: 12px; letter-spacing: calc(12px* -0.04); margin-bottom: 6vw;}
    .modal-body .contact-form .form-control#email, .modal-body #cta-form .form-control#ctaemail {padding-left: calc(10px + 20px);}
    .modal-body .contact-form #emailico, .modal-body #cta-form #ctaemailico {top: 30%;}
    .modal-body .contact-form .intl-tel-input .selected-flag {width: 13vw !important; padding-left: 15px !important;}
    .modal-body .contact-form .form-control#phone2 {padding-left: 70px !important;}
    .modal-body .contact-terms {width: 65%;}
    .modal-body .btn-close {top: 20px; right: 20px;}
    #inner-banner.payment-banner .caption p br, #main-product.payment-usp-wrapp .headpara br {display: none;}
    #inner-banner.payment-banner .caption p {padding: 0 1rem;}
    #main-product.payment-usp-wrapp .headpara {padding: 0 4rem;}
    #inner-circle {width: 21.833vw; height: 21.833vw;}
    .payment-usp-wrapp {padding-top: 13.953vw;}
    /*.payment-usp {margin: 11.628vw 5.581vw 18.605vw;}*/
    .payment-usp {
        margin: 11.628vw 0 -0.395vw;
    }
    .payment-usp-design {width: 30.233vw;}
    .single-pay-usp h4, .single-pay-usp .single-pay-content span {font-size: 3.256vw; line-height: 4.651vw; letter-spacing: calc(3.256vw * -0.04);}
    .single-pay-usp {width: 27.907vw;}
    .single-pay-content p {font-size: 8px; line-height: 10px; letter-spacing: calc(8px* -0.04); white-space: pre-wrap; padding-right: 0px;}
    .single-pay-usp .single-pay-content p span {
        display: inline;
        font-size: inherit;
        line-height: unset;
        letter-spacing: unset;
        font-weight: 400;
        color: inherit;
        margin: 0;
        background: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
    }
    #animated-circle {padding: 0px;}
    .payment-cards .compatibility-wrapper {padding: 50px 0 0 !important;}
    #compatibility.payment-cards .container-fluid {padding: 0 30px 80px; !important;}
    #compatibility.payment-cards .compatibility-wrapper .row {gap: 0;}
    #compatibility.payment-cards .compcard {flex: 1 100%; padding: 8px 8px 10px; border-radius: 16px; margin: 0 0 24px;}
    #compatibility.payment-cards .compcard .compcard-img-top {height: 150px; border-radius: 12px;}
    #compatibility.payment-cards .compcard .compcard-img-top span {font-size: 6.977vw; line-height: 8.721vw; letter-spacing: calc(6.977vw* 0.15);}
    #compatibility.payment-cards .compcard#card3:hover .compcard-img-top span, #compatibility.payment-cards .compcard#card4:hover .compcard-img-top span,
    #compatibility.payment-cards .compcard#card3.animate .compcard-img-top span, #compatibility.payment-cards .compcard#card4.animate .compcard-img-top span {transform: scale(1.15) !important;}
    #compatibility.payment-cards .compcard .compcard-img-bottom {width: 60px; height: 60px; bottom: -30px;}
    #compatibility.payment-cards .compcard .compcard-img-bottom img:nth-child(2) {width: 36px; height: 36px;}
    #compatibility.payment-cards .compcard .compcard-img-bottom img:nth-child(1) {width: 30px; height: 30px;}
    #compatibility.payment-cards .compcard .compcard-content {margin-top: 40px;}
    #compatibility.payment-cards .compcard .compcard-content h4 {font-size: 18px; line-height: 28px; margin-bottom: 4px;}
    #compatibility.payment-cards .compcard .compcard-content p {font-size: 12px;}
    #compatibility.payment-cards .compcard .compcard-title img {width: 30vw; height: 25vw;}
    .contact-form .intl-tel-input {margin-bottom: 12px;}
    .contact-form #emailico, #cta-form #ctaemailico {top: 13px;}
    .contactus .contact-single a {margin-top: -8px; display: block;}
    .contactus .contact-single a#contactlink {margin-top: 0;}
    .map iframe {border-radius: 14.4px;}
    .single-row {padding: 0 12px; display: flex;}
    .contact-form .single-row .col-6:nth-child(odd) {padding-right: 6px;}
    .contact-form .single-row .col-6:nth-child(even) {padding-left: 6px;}
    .charging-software .compcard .compcard-content h4#api-integration br {display: none;}
    .locations .container {border-radius: 14px;}
    .contactus .social {
        padding: 0px 0px 20px;
        margin-top: 16px;
    }
    .contactus .social{
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        column-gap: 4.587vw;
    }
    .contactus .social h3{
        width: 100%;
        margin-bottom: 10px;
        font-size: 3.721vw;
        line-height: 4.186vw;
    }
    .contactus .social img {width: 4.984vw;}
    .column:nth-child(1) p, .column:nth-child(1) a, .column a, .column:last-child a, .btm-strip p, .btm-strip a {font-size: 13px;}
    .payment-single{
        height: auto;
        padding: 5vw 2.5vw 1vw;
        border-radius: 16px;
        padding-top:57px;
    }
    .payment-single .number {
        left: 22px;
        top: 9px;
        font-size: 21px;
    }
    .payment-single img, .payment-single svg {
        width: 29%;
        height: auto;
    }
    #payments .row.payment-new-usp .payment-single {height: auto;}
    #payments .row.payment-new-usp .payment-single.animation-box {padding: 5vw 3.5vw;}
    .payment-single h5 {
        font-size: 40px;
        line-height: 41px;
    }
    .payment-single p {
        font-size: 4.186vw;
        line-height: 6.279vw;
    }
    .payment-single p br{
        display: none;
    }
    .compcard .compcard-img-top span {
        font-size: 28.2px;
        line-height: 33px;
    }
    .chargnex-core h3.heading br {display: none;}
    .chargnex-core .box h4 {
        font-size: 4.984vw;
        line-height: 6.579vw;
    }
    .chargnex-core .row1 .icon-box {flex-wrap: nowrap;}
    .chargnex-core .row1 .col-md-6:first-child .icon-box .icon1 {
        margin: 38px 0;
        width: 40%;
    }
    .chargnex-core .row1 .icon-box .icon1 {
        /*margin: 38px 35px;*/
        margin: 38px 0px;
    }
    .chargnex-core .big-box {margin-bottom: 25px; margin-top: 0; padding-top: 3vw;}
    .chargnex-core .box {padding-top: 3vw;}
    .chargnex-core .row1 .col-md-6:last-child .box {padding-bottom: 0;}

    .chargnex-core .icon-box p {
        font-size: 13px;
        margin-top: 3.6vw;
        line-height: 17px;
    }
    .chargnex-core .big-box .icon1 {
        margin: 10px 11px;
        width: calc(50% - (11px * 2));
    }
    .prime-card .number {
        font-size: 5.587vw;
    }
    .product-content-list li::before {
        position: absolute;
        content: "";
        background: #000;
        height: 6px;
        width: 6px;
        border-radius: 50px;
        top: 6px;
        left: 0px;
    }
    #product-wrapp .img-wrapp {
        width: 41%;
        position: relative;
        left: -43px;
    }
    #product-wrapp .product-card:nth-child(3) .img-wrapp,
    #product-wrapp .product-card:nth-child(4) .img-wrapp {
        width: 100%;
        display: block;
        text-align: center;
        left: 0;
        margin: 0rem 0 3rem;
    }
    #product-wrapp .product-card:nth-child(3) .img-wrapp img,
    #product-wrapp .product-card:nth-child(4) .img-wrapp img {
        transform: unset;
        width: 70%;
    }
    .prod-btns-wrapp {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0px;
        flex-direction: column;
    }
    .prod-btns-wrapp a {
        margin-top: 20px !important;
    }
    h4.product-card-title {
        text-align: center;
        font-size: 5vw;
        line-height: unset;
        margin: 2rem 0 .5rem;
        padding-left: 4.283vw;
    }
    .prod-redirect-cards a.prod-tumb-cards {margin: 3rem 0;}
    .prod-redirect-cards a.prod-tumb-cards h3 {
        font-size: 7px;
        margin: 0;
    }
    #home-banner .caption {
        left: 1.25vw;
        transform: translateY(calc(-50% + 10.006vw));
    }
    .prime-card2 .prime-contnet {
        top: -0.5vw;
        position: relative;
    }
    .flexible-slider {
        position: relative;
        top: -7%;
    }
    .flexible-slider p {
        font-size: 4.058vw;
        line-height: 5.455vw;

    }
    .prime-card4 img.prod-img {
        padding-left: 2rem;
        margin-left: 0;
        width: auto;
    }
    .compcard .number {
        font-size: 5.587vw;
    }
    .paycard4 .chargnexa {
        /*width: 100%;*/
        width: 59.154vw;
        height: 14vw;
    }
    .chargnex-core .box #paymentmode, .chargnex-core .box #paymentmode2, #paymentmode2 {
        /*font-size: 20px;*/
        font-size: 4.651vw;
        line-height: 23px;
        top: 37%;
        left: 50%;
        width: 100%;
    }
    .chargnex-core .number {
        font-size: 5.587vw;
        left: 14px;
        top: 8px;
    }
    .home-banner-last {
        object-position: -200vw !important;
    }
    .home-banner-second {
        object-position: -110vw !important;
    }
    .chargnex-core {
        padding: 1vw 15px 5vw;
    }
    .chargnex-core .row {padding: 0 12px;}
    .chargnex-core .row.row1 {padding: 30px 12px 0;}
    #payments .row.payment-new-usp {padding-top: 57px; margin-top: 0;}
    .payment-single.animation-box .chargnexa {height: 36.526vw; width: 60vw; margin: 0 auto;}
    .payment-single.animation-box #paymentmode2 {top: 0%;}
    .payment-single.animation-box #paymentmode2 img {width: 94%;}
    @keyframes paytext3 {
        0% {transform: translate(-50%, -230%); opacity: 0;}
        35% {transform: translate(-50%, -230%); opacity: 1;}
        40% {transform: translate(-50%, 0%);}
        61% {transform: translate(-50%, 0%);}
        66.66% {transform: translate(-50%, 210%); opacity: 1;}

        91% {transform: translate(-50%, 210%); opacity: 0;}
        100% {transform: translate(-50%, -230%); opacity: 0;}
    }
    #payments .payment-single.animation-box .chargne-wrapp {width: unset; left: 0px;}
    .payment-single.animation-box .chargne-wrapp:before {right: 0;}
    .payment-single.animation-box .chargne {width: 46vw;}
    .payment-single.animation-box .chargnex {width: 13.721vw;}
    .payment-single.animation-box .xleft {right: 4.5%;}
    .payment-single.animation-box .xright {right: 0%;}
    .slider-section .owl-theme .owl-dots .owl-dot span {
        width: 2.794vw;
        height: 2.794vw;
    }
    .right-pointers .product-point:nth-child(1) .psline {
        width: 85%;
        top: 47%;
    }
    .left-pointers .product-point .new-line {
        top: 26%;
        width: 72%;
    }
    img.psline.psline-ev.img-fluid {
        width: 68%;
    }
    #compatibility.software-comcard, #main-product.first-section.hardware-solutions {padding-top: 9.921vw;}
    #compatibility.software-comcard .heading br {display: none;}
    .common-page {
        padding-top: 17vw;
    }
    .common-page ul li {
        font-size: 3.058vw;
        line-height: 4.455vw;
    }
    .quick-charge-wrapper{
        flex-wrap: wrap;
    }
    .circle-box {
        width: 150px;
        height: 150px;
    }
    .quick-charge-single::before{
        display: none;
    }
    .quick-charge-single {
        position: relative;
        margin-bottom: 17px;
    }
    .circle-box h2 {
        font-size: 30px;
    }
    .circle-box p {
        font-size: 24px;
    }
    #compatibility .row {
        padding: 0px 0;
    }
    .chargnex-core .row1 .icon-box {
        flex-wrap: wrap;
    }
    .quick-charge-single .text-box p {
        font-size: 13px;
        line-height: 20px;
    }
    #cta-section {
        margin: 0 0 20vw;
        position: relative;
        padding-top: 10vw;
        overflow-x: hidden;
        overflow-y: visible;
    }
    #cta-section a.common-btn {
        padding: 12px 24px;
        font-size: 4.186vw;
    }
    #cta-section #cta-line1 {
        top: -10%;
        right: -9.5%;
        width: 40.557vw;
    }
    #cta-section #cta-line2 {
        top: 46%;
        left: -2.75%;
        width: 40.391vw;
    }
    #cta-section #cta-line3 {
        top: 69%;
        right: -6.75%;
        width: 35.161vw;
    }
    .contactus .social a {
        width: 8%;
    }
    #error-page {
        padding: 20vw 0;
    }
    #error-img {
        width: 20%;
    }
    .charging-software{
        padding: 9.921vw 4.431vw 6.614vw;
    }
}

@media(max-width:376px) {
    #future-section .future-wrapp p {width: 70%;}
    img.psline.psline-ev.img-fluid {
        width: 63%;
    }
}

@media(min-width:768px) {

}
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 700px !important;
    }
}