@media only screen and (min-width: 4501px) and (max-width: 6000px)
/* == 25% == */
    {}


@media only screen and (min-width: 3100px) and (max-width: 4500px)
/* == 33% == */
    {}


@media only screen and (min-width: 2701px) and (max-width: 3100px)
/* == 50% == */
    {}


@media only screen and (min-width: 2001px) and (max-width: 2700px)
/* == 67% == */
    {}


@media only screen and (min-width: 1801px) and (max-width: 2000px)
/* == 75% == */
    {}


@media only screen and (min-width: 1601px) and (max-width: 1800px)
/* == 80% == */
    {}

@media (min-width: 1600px) {
    .banner-right {
        width: 50%;
        margin-left: 0 !important;
        z-index: 0;
    }

    .cpt-image {
        width: 410px;
        position: absolute;
        bottom: 0;
        left: 0px;
    }

    .header-secondrow .elementor-widget-navigation-menu {
        width: 90%;
        display: flex;
        justify-content: flex-end;
    }

    .header-secondrow .elementor-widget-navigation-menu .elementor-widget-container {
        width: 100% !important;
        display: flex;
        justify-content: flex-end !important;
    }

    .header-secondrow .elementor-widget-navigation-menu .elementor-widget-container .hfe-nav-menu {
        margin: 0 !important;
        width: 100% !important;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    nav {
        width: 100% !important;
        max-width: 100% !important;
    }

    .header-secondrow .elementor-widget-navigation-menu .elementor-widget-container .hfe-nav-menu {
        margin: 0 !important;
        width: 100% !important;
        justify-content: flex-end;
    }

    nav ul.hfe-nav-menu li.common-red-btn {
        padding-left: 12%;
    }
}

@media (min-width: 1500px) {

    .about-outersection .e-con-inner,
    .rob-outersect .e-con-inner,
    .operate-outer .e-con-inner,
    .verticals-top .e-con-inner,
    .caro-outer .e-con-inner {
        max-width: 1160px !important;
        margin: 0 auto;
    }

    .verticals .e-con-inner {
        max-width: 1160px !important;
    }

    .patner-outer .e-con-inner {
        max-width: 1160px !important;
        margin: 0 auto !important;
    }

    .Image-outer .e-con-inner {
        max-width: 1160px !important;
        margin: 0 auto !important;
    }

    .outer-section .e-con-inner {
        display: flex;
        align-items: center !important;
    }

    .paycom-sec .e-con-inner {
        max-width: 1300px !important;
    }
}


@media only screen and (min-width: 1517px) and (max-width: 1600px)
/* == 90% == */
    {}


@media (min-width: 1801px) {}

@media (max-width: 1400px) {}

@media (max-width: 1370px) {}

@media (max-width: 1340px) {}

@media (max-width: 1311px) {}

@media (max-width: 1300px) {

    #common-icon-section {
        padding-top: 30px;
    }
}

@media (max-width: 1285px) {}

@media (max-width: 1260px) {

    .smm-verticals-grid .smm-vertical-card {
        width: 32.3%;
        background: #fff;
    }
}

@media (max-width: 1240px) {

    .header-outer .e-con-inner .header-firstrow .header-one,
    .header-outer .e-con-inner .header-secondrow {
        max-width: 100%;
        margin: 0 auto !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    footer .e-con-inner {
        max-width: 100% !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .footer-rht {
        width: 20%;
    }

    .footer-left {
        width: 30%;
    }

    .outer-section .e-con-inner {
        max-width: 100% !important;
        padding-left: 20px !important;
        margin: 0 0 0 auto !important;
    }

    .casestudy-outersection .e-con-inner,
    .cpt-outersection .e-con-inner,
    .rob-outersect .e-con-inner,
    .operate-outer .e-con-inner,
    .testi-outer .e-con-inner,
    .bef-after-sec .e-con-inner,
    .cta-section .e-con-inner {
        max-width: 100% !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .casestudy-outersection .e-con-inner .container-frst .casestudy-text {
        width: 100%;
    }

    .imageprocess-outer .e-con-inner .second-outer .smm-process-card1,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card2,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card3,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card4,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card5 {
        width: 25%;
    }

    .about-outersection .e-con-inner {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        gap: 50px;
    }

    .left-counter {
        width: 80%;
    }


    .banner-right {
        width: 30%;
        margin-left: 0;
        z-index: 0;
    }

    .banner-left {
        width: 70%;
    }

    .abt-ban-out .e-con-inner,
    .patner-outer .e-con-inner,
    .proven-sec .e-con-inner,
    .Image-outer .e-con-inner,
    .cpt .e-con-inner {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .Image-outer .e-con-inner {
        gap: 30px;
    }

    .verticals .e-con-inner {
        max-width: 87% !important;
        margin: 90px auto;
    }

    .paycom-sec .e-con-inner {
        max-width: 100% !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}

@media (max-width: 1200px) {
    .cpt-image {
        width: 330px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .career-expertise-section .e-con-inner,
    .quote-section-outer .e-con-inner,
    .contact-pg-outer .e-con-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .our-value-outer .e-con-inner {
        max-width: 100% !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .Image-outer .e-con-inner .center {
        width: 30%;
        height: 100%;
    }

    .smm-verticals-page-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 30px;
    }

    .smm-verticals-page-grid>a {
        grid-column: span 2;
    }

    /* Center last two */
    .smm-verticals-page-grid>a:nth-child(4) {
        grid-column: 2 / span 2;
    }

    .smm-verticals-page-grid>a:nth-child(5) {
        grid-column: 4 / span 2;
    }

}

@media (max-width: 1170px) {}

@media (max-width: 1160px) {

    .certificate-outer .e-con-inner {
        display: flex;
        flex-direction: column !important;
    }

    .certificate-outer .e-con-inner .certificate-left {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 60px 20px 60px 20px;
        position: relative;
    }

    .certificate-outer .e-con-inner .shortcode-right {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .certificate-outer .e-con-inner .shortcode-right .elementor-shortcode {
        margin-left: 0 !important;
    }

    .certificate-outer .e-con-inner .shortcode-right .elementor-shortcode .cert-cards-wrapper {
        width: 100%;
        padding: 60px 20px !important;
    }
}

@media (max-width: 1120px) {
    nav ul.hfe-nav-menu li.common-red-btn a {
        margin-left: 0px !important;
        padding: 15px !important;
    }
}

@media (max-width: 1100px) {

    .header-firstrow .getintouch-colm {
        gap: 10px !important;
    }



    .header-firstrow .add-colunm .elementor-heading-title {
        font-size: 14px !important;
        line-height: 18px;
    }

    .getintouch-colm a {
        font-size: 14px !important;
        line-height: 18px !important;
        padding-left: 27px;

    }

    .header-firstrow .getintouch-colm .get-text a {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .getintouch-colm .header-num a::before,
    .getintouch-colm .email-header a::before {
        width: 22px;
        height: 22px;
    }

    nav ul.hfe-nav-menu li a {
        font-size: 16px !important;
    }

    .footer-top .e-con-inner {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 40px;
    }


    .footer-left {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .footer-left p {
        text-align: left;
    }

    .footer-cnt {
        display: flex;
        flex-direction: row !important;
        width: 45%;
        gap: 100px;
        justify-content: flex-start;
    }

    .footer-rht {
        width: 45%;
    }

    .counter-years .stats1,
    .counter-years .stats2,
    .counter-years .stats3 {
        width: fit-content;

    }

    .counter-years {
        display: flex;
        flex-direction: row !important;
        padding: 30px 20px;
        align-items: center;
        gap: 30px;
        bottom: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .counter-years .stats3::before,
    .counter-years .stats3::after {
        display: none;
    }

    .contact-pg-outer .e-con-inner {
        flex-direction: column !important;
        row-gap: 40px;
    }

    .contact-form,
    .contact-pg-info-outer {
        width: 100%;
    }

    .abt-ban-lft .abt-rht-innr {
        width: 80%;
        height: 100%;
    }

    .patner-outer .e-con-inner .content-right {
        width: 50%;
        gap: 90px;
    }

    .patner-outer .e-con-inner .image-left {
        width: 50%;
    }

    .mission-cnt-out {
        width: 80%;

    }

    .Image-outer .e-con-inner #right .right-quota .quota-text p {
        font-size: 24px;
        line-height: 32px;
        text-align: left !important;
        font-weight: 700;
        margin: 0 !important;
    }

    .proven-sec .e-con-inner {
        gap: 35px;
        display: flex;
        flex-direction: column !important;
    }

    .proven-sec .e-con-inner .proven-left {
        width: 100%;
    }

    .proven-sec .e-con-inner .proven-rht {
        width: 100%;
    }



}


@media (max-width: 1060px) {
    .verticals .e-con-inner .mou-mission-img::before {
        width: 65%;
        height: 65%;
    }
}

@media (max-width: 1024px) {
    nav ul.hfe-nav-menu li.common-red-btn a {
        background: #AE143C !important;
        margin: 0 !important;
        text-align: center !important;
        display: flex;
        justify-content: center;
    }

    nav ul.hfe-nav-menu li a::before {
        display: none !important;
    }

    .hfe-nav-menu .hfe-nav-menu__toggle {
        max-width: 100% !important;
        width: 100% !important;
        display: flex !important;
        justify-content: flex-end;
        padding-right: 20px;
    }

    .header-outer .e-con-inner .header-secondrow .hfe-nav-menu__align-left {
        position: absolute;
        width: 100%;
        right: 0;
    }

    .header-outer .e-con-inner .header-secondrow .hfe-nav-menu__align-left nav {
        width: 100% !important;
        top: 62px !important;
        bottom: auto !important;
    }

    header#masthead {
        position: relative !important;
    }

    nav ul.hfe-nav-menu li {
        border: 0 !important;
    }

    nav ul.hfe-nav-menu li a {
        font-size: 16px !important;
        padding: 15px 0px 15px !important;
        margin: 0 20px !important;
        border-bottom: 1px solid #0e1e42 !important;
    }

    nav ul.hfe-nav-menu li:last-child a,
    nav ul.hfe-nav-menu li:nth-last-child(2) a {
        border-bottom: 0px !important;
    }

    .hfe-nav-menu .hfe-nav-menu__toggle .hfe-nav-menu-icon {
        padding: 0;
        width: 45px;
        height: 45px;
        position: relative;
    }

    .hfe-nav-menu .hfe-nav-menu__toggle .hfe-nav-menu-icon svg {
        display: none;
    }

    .hfe-nav-menu .hfe-nav-menu__toggle .hfe-nav-menu-icon::before {
        content: "";
        position: absolute;
        background: url(../images/menu-open-icon.svg);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        right: 0;
        top: 0;
    }

    .hfe-nav-menu .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon::before {
        background: url(../images/menu-close-icon.svg);
    }


    footer .hfe-nav-menu .hfe-nav-menu__toggle {
        display: none !important;
    }

    footer .hfe-nav-menu nav {
        visibility: visible !important;
        opacity: 1 !important;
        height: 100% !important;
        background: transparent !important;
    }

    footer .hfe-nav-menu nav ul.hfe-nav-menu li a {
        background: transparent !important;
        margin: 0 !important;
    }

    .cpt-image {
        display: none;
    }

    .smm-verticals-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .smm-verticals-grid .smm-vertical-card {
        width: 48%;
        background: #fff;
    }

}

@media (max-width: 1000px) {

    .banner-right {
        display: none;
    }

    .banner-left {
        width: 100%;
    }

    .outer-section .e-con-inner {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .banner-left p {
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        padding-right: 0;
        margin-bottom: 0 !important;
    }

    .common-heading .common-title .elementor-heading-title {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 1px;
        font-weight: 600 !important;
    }

    .banner-left .common-heading {
        gap: 20px;
    }

    .banner-left {
        gap: 30px;
    }

    .value-box-outer {
        grid-template-columns: 1fr;
    }

    .paycom-sec .e-con-inner .paycom-innr {
        padding: 15px;
    }



}

@media (min-width: 991px) {

    .banner-left .common-heading {
        gap: 20px;
    }
}

@media (max-width: 991px) {

    .about-outersection .e-con-inner {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .about-right {
        width: 100%;
    }

    .About-left {
        width: 100%;
    }

    .common-threesection {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .common-threesection .casestudy1,
    .common-threesection .casestudy2,
    .common-threesection .casestudy3 {
        width: 45%;
    }

    #common-icon-section {
        gap: 40px;
        display: flex;
        padding-top: 30px;
        flex-direction: column;
    }

    #common-icon-section .left {
        width: 100%;
    }

    #common-icon-section .icon-second-right {
        width: 100%;
    }

    #common-icon-section .icon-second-right .ROB-IMAGE {

        padding-bottom: 100%;
    }

    .operate-outer .e-con-inner {
        display: flex;
        align-items: center !important;
        gap: 50px;
        flex-direction: column !important;
    }

    .operate-outer::before {
        height: 100%;
        width: 25%;
        top: auto;
        bottom: 0;
        right: 0;
        left: auto;
    }

    .cta-third {
        display: flex;
        flex-direction: column !important;
        justify-content: center;
        gap: 20px;
        align-items: center;
    }

    .cta-third .phone p a::before {
        display: none;
    }

    .abt-ban-lft .abt-rht-innr {
        width: 100%;
        height: 100%;
        margin-left: 0 !important;
    }

    .patner-outer .e-con-inner {
        padding: 130px 0;
        gap: 40px;
        display: flex;
        flex-direction: column-reverse !important;
    }

    .patner-outer .e-con-inner .image-left {
        width: 100%;
    }

    .patner-outer .e-con-inner .content-right {
        width: 100%;
        gap: 30px;
    }

    .partner-img-ot {
        gap: 20px;
        display: flex;
        flex-direction: row !important;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .partner-img-ot .image-final-one,
    .partner-img-ot .image-final-two {
        width: 50%;
        position: relative;
    }

    .partner-img-ot .image-final-one {
        padding-bottom: 50%;
        height: 100%;
    }

    .partner-img-ot .image-final-one {
        padding-bottom: 85%;
        height: 100%;
    }

    .mission-cnt-out {
        width: 100%;
        max-width: 90%;
        display: flex;
        margin: 0 auto;
        flex-direction: column !important;
        gap: 25px;
        background: #ae143c;
        padding: 50px 25px 25px;
        margin-top: -300px;
    }

    .Image-outer .e-con-inner {
        gap: 30px;
        display: flex;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .Image-outer .e-con-inner #left {
        width: 100%;
        gap: 0;
    }

    .Image-outer .e-con-inner #right {
        width: 60%;
        display: flex;
        justify-content: center;
        padding-right: 20px !important;
    }

    .miller-bio {
        display: flex;
        align-items: flex-start;
        gap: 5px;
        padding: 50px 0 0 0px;
    }

    .miller-bio p {
        padding-top: 25px;
        text-align: left;
        margin: 0 !important;
    }

    .Image-outer .e-con-inner #right .right-quota .quota-text p {
        font-size: 24px;
        line-height: 32px;
        text-align: left !important;
        font-weight: 700;
        margin: 0 !important;
    }

    .vision-outer .e-con-inner .vision-lft {
        width: 100%;
    }

    .vision-outer .e-con-inner .vision-lft #vision-img-innr {
        display: flex;
        flex-wrap: nowrap;
        gap: 25px;
    }

    .vision-outer .e-con-inner .vision-lft .image-final-one,
    .vision-outer .e-con-inner .vision-lft .image-final-two {
        padding-bottom: 75%;
    }

    .vision-outer .e-con-inner .vision-cnt {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 20px;
        padding-top: 50px;
    }

    .vision-outer .e-con-inner {
        max-width: 100% !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
        gap: 0;
        display: flex;
        align-items: center !important;
        flex-direction: column !important;
    }

    .vision-outer .e-con-inner .vision-rht .vision-rht-img img {
        object-fit: contain;
        object-position: bottom;
    }

    .vision-outer .e-con-inner .vision-rht .vision-rht-img {
        width: 100%;
        position: relative;
        padding-bottom: 120%;
        transform: scale(1);
    }

    .vision-outer .e-con-inner .vision-rht {
        width: 100%;
    }

    .smm-team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 950px) {

    .header-outer .e-con-inner .header-firstrow .header-one {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between;
        gap: 15px !important;
    }

    .header-firstrow .getintouch-colm {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }

    .header-firstrow .add-colunm {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .header-firstrow .add-colunm .elementor-heading-title {
        text-align: center;
    }

    .footer-cnt {
        display: flex;
        flex-direction: row !important;
        width: 60%;
        gap: 100px;
        justify-content: flex-start;
    }

    .footer-rht {
        width: 30%;
    }

    .footer-btm p,
    .footer-btm p strong code {
        text-align: center;
    }

    .imageprocess-outer .e-con-inner .second-outer .smm-process-card1,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card2,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card3,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card4,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card5 {
        background: #ae143c;
        width: 30%;
    }
}

@media (max-width: 900px) {

    .quote-section-outer .e-con-inner {
        flex-direction: column !important;
    }

    .quote-section-outer .e-con-inner .quote-content,
    .quote-section-outer .e-con-inner .quote-image {
        width: 100%;
    }

    .abt-ban-rht,
    .abt-ban-lft {
        width: 100%;
    }

    .abt-ban-out .e-con-inner {
        padding-top: 90px !important;
    }

    .abt-ban-out .e-con-inner .abt-innr {
        display: flex;
        align-items: flex-start;
        gap: 60px;
        flex-direction: column;
    }

    .abt-ban-lft .abt-rht-innr .abt-lft-txt {
        padding: 30px 0;
        gap: 15px;
    }

    .abt-ban-rht {
        gap: 30px;
    }

}

@media (max-width: 850px) {
    .Image-outer .e-con-inner #right {
        width: 50%;
        display: flex;
        justify-content: center;
    }

    .smm-verticals-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px;
    }

    /* RESET ALL CARDS */
    .smm-verticals-page-grid>a {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        justify-self: stretch;
    }

    /* ONLY CARD 05 IS CENTERED */
    .smm-verticals-page-grid>a:nth-child(5) {
        grid-column: 1 / -1 !important;
        width: calc(50% - 5px) !important;
        justify-self: center;
    }
}

@media (max-width: 800px) {
    .operate-outer .e-con-inner .right-sec .outer-years {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .sub-pg-banner-outer .sub-pg-banner-content {
        width: 100%;
    }

    .verticals .e-con-inner .mou-mission-img::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 60%;
        top: auto;
        bottom: 0;
        left: 0;
        transition: 0.5s ease;
    }

    .verticals .e-con-inner .mission-cnt-out {
        max-width: 100%;
        padding: 60px 20px 45px !important;
    }
}

@media (max-width: 790px) {}

@media (max-width: 790px) {

    .imageprocess-outer .e-con-inner .second-outer .smm-process-card1,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card2,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card3,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card4,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card5 {
        width: 40%;
    }

    .apply-CTA .e-con-inner .elementor-widget-text-editor {
        width: 100%;
    }

    .apply-CTA .e-con-inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .apply-CTA .e-con-inner {
        gap: 25px;
    }

}

@media (max-width: 767px) {

.header-firstrow .getintouch-colm .elementor-widget-heading {
    display: none;
}

    .sub-pg-banner-outer .sub-pg-banner-content {
        padding: 35px 20px 20px;
        gap: 30px;
    }

    .proven-sec .e-con-inner .proven-rht .proven-count-ot .proven-img .elementor-widget-image {
        width: 100%;
        position: relative;
        padding-bottom: 50%;
    }

    .header-outer .e-con-inner .header-firstrow .header-one {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 15px !important;
    }

    .header-firstrow .add-colunm {
        width: 180px;
        display: flex;
        align-items: center;
    }

    .header-firstrow .getintouch-colm {
        display: flex;
        flex-direction: column;
        width: 46%;
        align-items: flex-start;
        justify-content: space-between;
    }

    .header-firstrow .add-colunm .header-add .elementor-shortcode {
        font-size: 14px !important;
        line-height: 18px;
        text-align: right;
    }

}

@media (max-width: 750px) {
    .container-thir .thirdcolunm {
        padding-bottom: 80%;
    }
}

@media (max-width: 740px) {

    .footer-rht {
        width: 100%;
    }

    .footer-cnt {
        display: flex;
        flex-direction: row !important;
        width: 100%;
        gap: 200px;
        justify-content: flex-start;
    }

    .smm-verticals-grid .smm-vertical-card {
        width: 100%;
        background: #fff;
    }

    .smm-verticals-page-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 25px;
    }

    .smm-verticals-page-grid>a:nth-child(5) {
        width: 100% !important;
    }

    .verticals .e-con-inner .mission-cnt-out .cnt-innr {
        width: 100%;
    }



}

@media (max-width: 680px) {

    h1,
    h1 a,
    h1 strong,
    .common-outer h1,
    .common-outer h1 a {
        font-family: var(--font-Teko);
        font-size: 60px;
        line-height: 60px;
    }

    .Image-outer .e-con-inner {
        gap: 30px;
        display: flex;
        justify-content: space-between !important;
        flex-direction: row-reverse !important;
    }

    .Image-outer .e-con-inner {
        padding-right: 0px !important;
        padding-bottom: 60px !important;
        padding-top: 60px !important;
    }

    .Image-outer .e-con-inner #left {
        padding-right: 20px !important;
    }

    .Image-outer .e-con-inner #right {
        width: 60%;
        display: flex;
        justify-content: center;
        padding: 0 !important;
    }

    .Image-outer .e-con-inner .center {
        width: 40%;
        height: 100%;
        margin-left: -50px;
    }


    .Image-outer .e-con-inner #right .right-quota {
        display: flex;
        align-items: flex-start;
        gap: 20px;
    }

    .verticals .e-con-inner .mission-cnt-out {
        width: 100%;
        max-width: 100% !important;
    }

    .cert-cards-wrapper .swiper-pagination span.swiper-pagination-bullet {
        width: 15px !important;
        height: 15px !important;
        border-radius: 190% !important;
        background: #d9d9d9 !important;
    }
}



@media (max-width: 640px) {

    h1,
    h1 a,
    h1 strong,
    .common-outer h1,
    .common-outer h1 a {
        font-family: var(--font-Teko);
        font-size: 48px;
        line-height: 48px;
    }

    h2,
    h2 a,
    h2 strong,
    .common-outer h2,
    .common-outer h2 a {
        font-family: var(--font-Teko);
        font-size: 40px;
        line-height: 40px;
    }

    .smm-feature-title .elementor-heading-title {
        font-size: 28px !important;
        line-height: 28px !important;
        font-family: 'Teko' !important;
        font-weight: 700 !important;
        color: #ae143c !important;
    }

    .common-heading {
        gap: 10px;
    }

    .footer-cnt {
        display: flex;
        flex-direction: row !important;
        width: 100%;
        gap: 50px;
        justify-content: flex-start;
    }

    .banner-left {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .left-counter {
        width: 90%;
    }

    .About-left .image-about {
        padding-bottom: 250px;
    }

    .about-outersection .e-con-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .common-threesection .casestudy1,
    .common-threesection .casestudy2,
    .common-threesection .casestudy3 {
        width: 100%;
    }

    .container-thir {
        padding-top: 30px;
    }

    .fourthsection {
        display: flex;
        align-items: center;
        gap: 20px;
        padding-top: 20px;
    }

    .fourthsection p {
        font-size: 30px !important;
        line-height: 30px !important;
        text-align: center;
        padding: 0;
    }

    .casestudy-outersection .e-con-inner {
        padding-bottom: 60px !important;
    }

    .cpt-outersection .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .card-text .title p {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    .left-inner .card {
        gap: 20px;
    }

    .card .smm-robotics-icon::before {
        width: 25px;
        height: 25px;
    }

    .rob-outersect .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    #common-icon-section .icon-second-right .ROB-IMAGE {
        padding-bottom: 125%;
    }

    .rob-outersect .e-con-inner .des-para {
        padding-top: 20px;
    }

    .imageprocess-outer .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        gap: 0;
    }

    .imageprocess-outer .e-con-inner .second-outer .smm-process-card1,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card2,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card3,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card4,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card5 {
        width: 48%;
    }

    .operate-outer .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .left-counter .counter-num .elementor-counter span,
    .left-counter .counter-num .elementor-counter .elementor-counter-title {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    .COUNTER-COMMON .elementor-counter .elementor-counter-title,
    .COUNTER-COMMON .elementor-counter span {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    .testi-outer .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .smm-testimonial-card {
        padding: 0 20px 20px !important;
    }

    .bef-after-sec .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        gap: 30px;
    }

    .cta-section .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .cta-third p a {
        font-size: 28px;
        line-height: 28px;
        padding: 0;
    }

    .cta-third {
        gap: 10px;
    }

    .contact-pg-info-outer h3 {
        margin-top: 0;
    }

    .contact-pg-info-outer {
        padding: 58px 38px 58px 38px;
    }

    .abt-ban-out .e-con-inner {
        padding-top: 60px;
        padding-bottom: 0;
    }

    .abt-ban-rht {
        gap: 30px;
    }

    .abt-ban-rht p {
        color: #fff !important;
        font-size: 16px !important;
        line-height: 20px !important;
        margin: 0 !important;
    }

    .header-firstrow .add-colunm .header-add .elementor-shortcode {
        font-size: 14px !important;
        line-height: 18px;
        text-align: right;
    }

    .patner-outer .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .mission-para-ot {
        display: flex;
        flex-direction: column !important;
        gap: 20px;
        flex-wrap: nowrap;
    }

    .mission-para-ot .elementor-widget-text-editor {
        width: 100%;
    }

    .proven-sec .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }


    .smm-team-card .smm-team-name-blue {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    .smm-team-card .smm-team-name-red {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    .bef-after-sec::before {
        display: none;
    }

    .verticals .e-con-inner {
        max-width: 87% !important;
        margin: 60px auto;
    }

    .sub-pg-banner-outer .sub-pg-banner-content p {
        color: var(--whitecolor);
        font-size: 16px;
        line-height: 20px;
        margin: 0 !important;
    }

    .verticals-top .e-con-inner {
        padding-top: 60px !important;
        padding-bottom: 0 !important;
        gap: 30px;
    }

    .verticals.commercial .e-con-inner .mission-cnt-out,
    .verticals.constructionclean .e-con-inner .mission-cnt-out,
    .verticals.multifamily .e-con-inner .mission-cnt-out {
        margin: 300px auto 0 0 !important;
    }

    .verticals .e-con-inner .mission-cnt-out .common-red-btn.arrow a {
        padding: 10px 50px 0px 0px !important;
        font-size: 15px !important;
    }

    .common-red-btn a,
    .common-red-btn.arrow a,
    .common-white-btn.arrow a {
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .common-red-btn.arrow a,
    .common-white-btn.arrow a {
        padding: 15px 50px 15px 20px !important;
    }

    a.smm-vertical-link {
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
        padding: 15px 50px 15px 0px !important;
    }

    .common-red-btn.arrow a::before,
    .common-white-btn.arrow a::before,
    a.smm-vertical-link::before {
        width: 26px;
        height: 26px;
        right: 15px;
    }

    .smm-team-btn-wrapper .smm-team-toggle-btn {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .abt-ban-out .e-con-inner {
        padding-top: 90px !important;
    }

    .smm-team-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px !important;
    }

    .smm-team-card .smm-team-role {
        font-size: 13px !important;
        letter-spacing: 1px !important;
        line-height: 16px !important;
        margin: 8px 0 0 0 !important;
    }

    .smm-team-card .smm-team-name-blue {
        font-size: 24px !important;
        line-height: 24px !important;
    }

    .smm-team-card .smm-team-name-red {
        font-size: 24px !important;
        line-height: 24px !important;
    }

    .smm-team-image-box {
        margin-bottom: 18px !important;
    }

    .cpt .e-con-inner {
        margin-top: -100px;
        padding-bottom: 70px;
    }

    .cpt {
        background: rgba(244, 244, 244, 1);
        margin-top: 90px;
    }

    .cpt .e-con-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}




@media (max-width: 600px) {

    ul.contact-form-outer li {
        width: 100%;
    }

}

@media (max-width: 650px) {}

@media (max-width: 701px) {}

@media (max-width: 580px) {
    /* .header-firstrow .getintouch-colm {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    } */

    .container-thir .thirdcolunm {
        padding-bottom: 100%;
    }

}

@media (max-width: 500px) {

    .imageprocess-outer .e-con-inner .second-outer .smm-process-card1,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card2,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card3,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card4,
    .imageprocess-outer .e-con-inner .second-outer .smm-process-card5 {
        width: 100%;
    }

    .value-box-outer .value-box-inner .sub-heading .elementor-heading-title {
        padding: 0px 20px 0;
    }

    .value-box-outer .value-box-inner p {
        padding: 0px 20px 0 20px;
        margin-bottom: 0;
    }

    .Image-outer .e-con-inner #right .right-quota .quota-text p {
        font-size: 16px;
        line-height: 24px;
        text-align: left !important;
        font-weight: 700;
        margin: 0 !important;
    }


}

@media (max-width: 480px) {

    .caro-outer .e-con-inner figure.swiper-slide-inner img {
        transform: scale(0.8);
    }

    .counter-years .stats1,
    .counter-years .stats2,
    .counter-years .stats3 {
        width: fit-content;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .counter-years .stats1 p,
    .counter-years .stats2 p,
    .counter-years .stats3 p {
        color: #fff;
        font-size: 14px !important;
        text-align: center;
        width: 100% !important;
        margin-left: 0;
    }

    .container-thir .thirdcolunm {
        padding-bottom: 120%;
    }


}

@media (max-width: 450px) {
    .header-firstrow .add-colunm .header-add .elementor-shortcode {
        font-size: 12px !important;
        line-height: 17px;
        text-align: right;
    }

    .header-outer .e-con-inner .header-firstrow .header-one, .header-outer .e-con-inner .header-secondrow {
        max-width: 100%;
        margin: 0 auto !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
}


@media (max-width: 440px) {

    .footer-cnt {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 40px;
        justify-content: flex-start;
    }
}

@media (max-width: 400px) {

    .header-firstrow .getintouch-colm {
        display: flex;
        flex-direction: column;
        width: 40%;
        align-items: flex-start;
        justify-content: space-between;
    }

    .getintouch-colm a {
        word-wrap: anywhere;
    }

    .container-thir .thirdcolunm {
        padding-bottom: 200%;
    }
}

@media (max-width: 380px) {
    .Image-outer .e-con-inner #right .right-quota .quota-text p {
        font-size: 14px;
        line-height: 20px;
        text-align: left !important;
        font-weight: 700;
        margin: 0 !important;
    }
}

@media (max-width: 370px) {


    .getintouch-colm a {
        word-wrap: anywhere;
    }
}

@media (max-width: 350px) {

    .header-outer .e-con-inner .header-firstrow .header-one {
        display: flex;
        flex-direction: row !important;
        align-items: center;
        justify-content: flex-end;
        gap: 15px !important;
    }
    
}

@media (max-width: 330px) {}