@media only screen and (max-width: 1510px) {
    section.location .presence-main .col-md-4 h3 {
    font-size: 30px !important;
    line-height: 38px;
}
section.location .container {
    max-width: 1255px;
}
section.location .presence-main .location-smalhead img {
    width: 21%;
    height: 42px;
}
section.location .presence-main .col-md-4 {
    padding: 15px 13px 0px 25px;
    width: 32.333333%;
}
    .h1 {
        font-size:3rem
    }

    .about-main-content h2,.main-contact-form h2,.portfolio h1,.process h1,section.location .presence-main .col-md-4 h3,section.service-wedo h2 {
        font-size: 40px;
        line-height: 50px;
        padding: 10px 0 10px;
    }

    .about-main-content p {
        font-size: 14px;
        line-height: 22px
    }

    .about-main-content h4,.banner .box1 h5,.banner .box2 h5,.banner .box3 h5,.banner .box4 h5,.btn-animated a,.portfolio h5 {
        font-size: 16px
    }

    section.we-services .card ul li {
        font-size: 10px;
        padding-bottom: 5px;
        line-height: 16px
    }

    .card .header h3 {
        font-size: 15px
    }

    .portfolio .card p,.process p,.processBox p,section.service-wedo .main-wedo ul li h3,section.service-wedo p {
        font-size: 14px
    }

    section.contact-main .col-md-5 .main-contact h3 {
        font-size: 52px;
        line-height: 62px
    }

    section.founder .card .founder-content h3 {
        font-size: 40px;
        line-height: 48px
    }

    .process-firstbox {
        padding: 31px 30px
    }

    .process-thirdbox {
        padding: 30px
    }

    .banner .box1 p,.banner .box2 p,.banner .box3 p,.banner .box4 p {
        font-weight: 600;
        font-size: 14px
    }

    .process img {
        width: 70%
    }

    section.partner .partner-content h2 {
        font-size: 58px
    }

    .partner-smallcont h4 {
        font-size: 24px
    }

    .why-connact .whyconnact-main p {
        font-size: 12px;
        margin-bottom: 0
    }

    .why-connact .row {
        align-items: end
    }

    .why-connact .whyconnact-main h2 {
        font-size: 40px
    }

    .why-connact .whyconnact-main .btn-animated {
        padding-bottom: 2rem;
        padding-top: 1rem!important
    }

    .abtWorkBoxes {
        padding: 15px 20px
    }

    .abtWorkBoxes p {
        font-size: 14px;
        margin-bottom: 0
    }
@media only screen and (max-width: 1510px) {
    section.location .presence-main .col-md-4 h3 {
    font-size: 30px !important;
    line-height: 38px;
}
section.location .container {
    max-width: 1255px;
}
section.location .presence-main .location-smalhead img {
    width: 21%;
    height: 42px;
}
section.location .presence-main .col-md-4 {
    padding: 15px 13px 0px 25px;
    width: 32.333333%;
}
    .h1 {
        font-size:3rem
    }

    .about-main-content h2,.main-contact-form h2,.portfolio h1,.process h1,section.location .presence-main .col-md-4 h3,section.service-wedo h2 {
        font-size: 40px;
        line-height: 50px;
        padding: 10px 0 10px;
    }

    .about-main-content p {
        font-size: 14px;
        line-height: 22px
    }

    .about-main-content h4,.banner .box1 h5,.banner .box2 h5,.banner .box3 h5,.banner .box4 h5,.btn-animated a,.portfolio h5 {
        font-size: 16px
    }

    section.we-services .card ul li {
        font-size: 10px;
        padding-bottom: 5px;
        line-height: 16px
    }

    .card .header h3 {
        font-size: 15px
    }

    .portfolio .card p,.process p,.processBox p,section.service-wedo .main-wedo ul li h3,section.service-wedo p {
        font-size: 14px
    }

    section.contact-main .col-md-5 .main-contact h3 {
        font-size: 52px;
        line-height: 62px
    }

    section.founder .card .founder-content h3 {
        font-size: 40px;
        line-height: 48px
    }

    .process-firstbox {
        padding: 31px 30px
    }

    .process-thirdbox {
        padding: 30px
    }

    .banner .box1 p,.banner .box2 p,.banner .box3 p,.banner .box4 p {
        font-weight: 600;
        font-size: 14px
    }

    .process img {
        width: 70%
    }

    section.partner .partner-content h2 {
        font-size: 58px
    }

    .partner-smallcont h4 {
        font-size: 24px
    }

    .why-connact .whyconnact-main p {
        font-size: 12px;
        margin-bottom: 0
    }

    .why-connact .row {
        align-items: end
    }

    .why-connact .whyconnact-main h2 {
        font-size: 40px
    }

    .why-connact .whyconnact-main .btn-animated {
        padding-bottom: 2rem;
        padding-top: 1rem!important
    }

    .abtWorkBoxes {
        padding: 15px 20px
    }

    .abtWorkBoxes p {
        font-size: 14px;
        margin-bottom: 0
    }

    section.about-us-work {
        padding-bottom: 70px
    }
    section.career-sec.career-contact-sec .career-main h2 {
    width: 100%;
    }
    section.career-sec.career-contact-sec .career-main p {
    width: 95%;
    }
}

@media only screen and (max-width: 768px) {
    .box1,.box2 {
        position:absolute;
        border-radius: 10px;
        z-index: 1
    }

    footer .contactInfo,footer .fmenu {
        display: block!important
    }

    .banner .box1 p,.banner .box2 p,.banner .box3 p,.banner .box4 p {
        font-size: 12px
    }

    .dropdown-menu2 .menuItem {
        margin: 0 1rem
    }

    p,section.service-detail .detail-maincont p {
        font-size: 14px
    }

    .h1,.main-contact-form h2,.portfolio h1 {
        font-size: 40px
    }

    .roller {
        line-height: 2.4rem;
        font-size: 34px
    }

    .roller #rolltext {
        opacity: 1
    }

    .btn-animated a {
        font-size: 16px
    }

    .btn-animated {
        padding-bottom: 55px
    }

    @-webkit-keyframes diagonal-slide {
        0% {
            left: 0;
            top: 0;
            background-color: #80c20f2c
        }

        100% {
            left: 50px;
            top: 100px;
            background-color: #80c20fff
        }
    }

    @keyframes diagonal-slide {
        0% {
            left: 0;
            top: 0;
            background-color: #80c20f5c
        }

        100% {
            left: 100px;
            top: 100px;
            background-color: #80c20f
        }
    }

    .box1 {
        -webkit-animation: 5s diagonal-slide;
        animation: 5s infinite diagonal-slide;
        background-color: #7fc20f;
        top: 0;
        left: 200px
    }

    @-webkit-keyframes diagonal-slide2 {
        0% {
            right: 0;
            bottom: 0;
            background-color: #80c20f45
        }

        100% {
            right: 100px;
            top: 100px;
            background-color: #80c20f
        }
    }

    @keyframes diagonal-slide2 {
        0% {
            right: 0;
            bottom: 0;
            background-color: #80c20f4e
        }

        100% {
            right: 100px;
            bottom: 100px;
            background-color: #80c20f
        }
    }

    .box2 {
        -webkit-animation: 5s diagonal-slide2;
        animation: 5s infinite diagonal-slide2;
        background-color: #68a105;
        bottom: 0;
        right: 200px
    }

    .hamburger .closeIcon,.menu {
        right: 0
    }

    section.client-logo {
        padding: 95px 0 0
    }

    section.about-us .about-main-content {
        padding-bottom: 25px
    }

    section.client-logo .row .col-md-2 {
        width: 100%;
        padding-bottom: 60px
    }

    .about-main-content h4 img {
        padding-right: 5px;
        margin-top: -3px
    }

    .about-main-content h4 {
        font-size: 16px;
        padding: 12px 0
    }

    .about-main-content h2 {
        font-size: 40px;
        padding-bottom: 12px;
        line-height: 50px
    }

    .about-main-content p {
        font-size: 14px;
        line-height: 22px
    }

    section.about-us .btn-animated {
        padding-bottom: 0
    }

    section.we-services {
        padding: 30px 0 0
    }

    .process h1 {
        font-size: 40px;
        padding-bottom: 15px
    }

    .founder .col-md-5,.process .col-4,.process p,header img {
        width: 100%
    }

    .nav.nav-tabs,section.about-us-work .row {
        justify-content: center
    }

    .portfolio .card {
        width: 100%;
        height: auto
    }

    .portfolio .col-md-6 {
        padding-top: 30px
    }

    .portfolio .card p {
        font-size: 14px;
        padding-bottom: 35px
    }

    .portfolio .pfSlider {
        margin: 50px 0
    }

    section.founder .card .founder-content h3 {
        font-size: 24px;
        line-height: 30px
    }

    section.founder .card .founder-content p {
        font-size: 14px;
        line-height: 22px;
        padding-top: 8px
    }

    section.founder .card .col-md-7 {
        padding-left: 0;
        padding-top: 20px;
        width: 100%
    }

    section.founder .card .founder-content img {
        width: 30px
    }

    section.founder .card img {
        width: 100%;
        height: auto;
        border-radius: 3px
    }

    section.founder .swiper-button-next,section.founder .swiper-button-prev {
        right: 120px
    }

    section.founder .swiper-button-next {
        right: 50px
    }

    section.founder .card,section.location .presence-main {
        display: block
    }

    section.location .presence-main .col-md-4 {
        margin-bottom: 20px;
        width: 100%
    }

    section.location {
        padding: 60px 0
    }

    .founder {
        padding: 60px 0 20px
    }

    section.contact-main {
        padding: 40px 0
    }

    section.contact-main .col-md-5 .main-contact h3 {
        font-size: 40px;
        line-height: 50px
    }

    .main-contact-form {
        padding-left: 0;
        padding-top: 25px
    }

    .main-contact-form .main-form form .button {
        width: 40%
    }

    footer .fmenu h5 {
        padding-bottom: 10px
    }

    footer .contactInfo {
        padding-bottom: 1rem!important
    }

    footer .col-md-6,header .row .col-md-6 {
        width: 50%
    }

    .process {
        padding: 60px 10px 0
    }

    section.about-us .col-md-5 {
        display: flex;
        order: 1
    }

    .swiper-slide-active .card {
        transform: scale(1.1)
    }

    section.we-services .card {
        width: 310px;
        height: 75%
    }

    section.we-services .btn-animated {
        padding-bottom: 5px
    }

    .swiper-button-next,.swiper-rtl .swiper-button-prev {
        margin-top: calc(7px - (var(--swiper-navigation-size)/ 1))
    }

    .swiper-button-next,.swiper-button-prev {
        margin-top: calc(5px - (var(--swiper-navigation-size)/ 1))
    }

    .hamburger {
        top: 0;
        right: 0;
        padding: 0
    }

    .menu {
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0
    }

    .menuItem {
        margin: 1rem;
        font-size: 1.8rem;
        letter-spacing: 2px
    }

    .process .row.pt-5 {
        padding-top: 0!important
    }

    .process .col img,.title-left::before,.tl::after {
        display: none
    }

    section.contact-main .col-md-5 .main-contact {
        padding: 35px 20px 30px 5px
    }

    section.about-us {
        padding: 20px 0 60px
    }

    .box4 {
        left: 140px
    }

    .box3 {
        right: 140px
    }

    .timeline-content {
        max-width: 65%
    }

    .about-main-content h2.mainbanner-head {
        font-size: 42px;
        line-height: 50px
    }

    section.service-clients .main-clients {
        margin-bottom: 15px
    }

    section.service-wedo .main-wedo ul {
        display: block;
        border-bottom: 1px solid #8c8c8c
    }

    section.service-wedo .main-wedo ul li.dropdown ul.dropdown-content {
        position: inherit
    }

    section.service-wedo .main-wedo ul li {
        border-right: 0px solid #8c8c8c
    }

    section.partner {
        padding: 20px 0 70px
    }

    section.service-wedo {
        padding: 60px 0 40px
    }

    section.partner .partner-img.last,section.partner .partner-img.second {
        margin-top: 0
    }

    .why-connact {
        background-size: cover;
        width: 100%
    }

    .why-connact .whyconnact-main {
        padding: 0
    }

    .why-connact .whyconnact-main h2 {
        margin-top: 20px
    }

    .tl-content {
        padding: 20px 0
    }

    .tl {
        max-width: auto;
        margin: unset
    }

    section.service-detail .detail-maincont h3 {
        font-size: 36px
    }

    section.itsolution .col-md-10 .main-contact {
        padding: 35px 16px 15px 8px
    }

    section.itsolution .col-md-10 {
        border-radius: 30px;
        width: 96%
    }

    section.itsolution .col-md-10 .main-contact h3 {
        font-size: 40px;
        line-height: 48px
    }

    section.itsolution .formBorder {
        border: 0 solid #626161;
        padding: 17px 10px 30px;
        margin-top: 0;
        width: 100%
    }

    .main-contact-form .main-form .input__box {
        width: 100%!important;
        padding-right: 0!important
    }

    .abt-2nd {
        padding: 40px 0 0
    }

    .abt-2nd .abtBgBox {
        width: 98%;
        left: 0;
        margin: 0 auto
    }

    .counterBox {
        padding: 80px 0
    }

    section.about-us-work .row .col-md-2 {
        width: 80%;
        margin-bottom: 15px
    }

    section.about-us-work .row .col-md-2.column-center {
        width: 0%!important
    }

    section.about-us-work {
        padding-bottom: 40px
    }
}

    section.about-us-work {
        padding-bottom: 70px
    }
    section.career-sec.career-contact-sec .career-main h2 {
    width: 100%;
    }
    section.career-sec.career-contact-sec .career-main p {
    width: 95%;
    }
}

@media only screen and (max-width: 768px) {
    .box1,.box2 {
        position:absolute;
        border-radius: 10px;
        z-index: 1
    }

    footer .contactInfo,footer .fmenu {
        display: block!important
    }

    .banner .box1 p,.banner .box2 p,.banner .box3 p,.banner .box4 p {
        font-size: 12px
    }

    .dropdown-menu2 .menuItem {
        margin: 0 1rem
    }

    p,section.service-detail .detail-maincont p {
        font-size: 14px
    }

    .h1,.main-contact-form h2,.portfolio h1 {
        font-size: 40px
    }

    .roller {
        line-height: 2.4rem;
        font-size: 34px
    }

    .roller #rolltext {
        opacity: 1
    }

    .btn-animated a {
        font-size: 16px
    }

    .btn-animated {
        padding-bottom: 55px
    }

    @-webkit-keyframes diagonal-slide {
        0% {
            left: 0;
            top: 0;
            background-color: #80c20f2c
        }

        100% {
            left: 50px;
            top: 100px;
            background-color: #80c20fff
        }
    }

    @keyframes diagonal-slide {
        0% {
            left: 0;
            top: 0;
            background-color: #80c20f5c
        }

        100% {
            left: 100px;
            top: 100px;
            background-color: #80c20f
        }
    }

    .box1 {
        -webkit-animation: 5s diagonal-slide;
        animation: 5s infinite diagonal-slide;
        background-color: #7fc20f;
        top: 0;
        left: 200px
    }

    @-webkit-keyframes diagonal-slide2 {
        0% {
            right: 0;
            bottom: 0;
            background-color: #80c20f45
        }

        100% {
            right: 100px;
            top: 100px;
            background-color: #80c20f
        }
    }

    @keyframes diagonal-slide2 {
        0% {
            right: 0;
            bottom: 0;
            background-color: #80c20f4e
        }

        100% {
            right: 100px;
            bottom: 100px;
            background-color: #80c20f
        }
    }

    .box2 {
        -webkit-animation: 5s diagonal-slide2;
        animation: 5s infinite diagonal-slide2;
        background-color: #68a105;
        bottom: 0;
        right: 200px
    }

    .hamburger .closeIcon,.menu {
        right: 0
    }

    section.client-logo {
        padding: 95px 0 0
    }

    section.about-us .about-main-content {
        padding-bottom: 25px
    }

    section.client-logo .row .col-md-2 {
        width: 100%;
        padding-bottom: 60px
    }

    .about-main-content h4 img {
        padding-right: 5px;
        margin-top: -3px
    }

    .about-main-content h4 {
        font-size: 16px;
        padding: 12px 0
    }

    .about-main-content h2 {
        font-size: 40px;
        padding-bottom: 12px;
        line-height: 50px
    }

    .about-main-content p {
        font-size: 14px;
        line-height: 22px
    }

    section.about-us .btn-animated {
        padding-bottom: 0
    }

    section.we-services {
        padding: 30px 0 0
    }

    .process h1 {
        font-size: 40px;
        padding-bottom: 15px
    }

    .founder .col-md-5,.process .col-4,.process p,header img {
        width: 100%
    }

    .nav.nav-tabs,section.about-us-work .row {
        justify-content: center
    }

    .portfolio .card {
        width: 100%;
        height: auto
    }

    .portfolio .col-md-6 {
        padding-top: 30px
    }

    .portfolio .card p {
        font-size: 14px;
        padding-bottom: 35px
    }

    .portfolio .pfSlider {
        margin: 50px 0
    }

    section.founder .card .founder-content h3 {
        font-size: 24px;
        line-height: 30px
    }

    section.founder .card .founder-content p {
        font-size: 14px;
        line-height: 22px;
        padding-top: 8px
    }

    section.founder .card .col-md-7 {
        padding-left: 0;
        padding-top: 20px;
        width: 100%
    }

    section.founder .card .founder-content img {
        width: 30px
    }

    section.founder .card img {
        width: 100%;
        height: auto;
        border-radius: 3px
    }

    section.founder .swiper-button-next,section.founder .swiper-button-prev {
        right: 120px
    }

    section.founder .swiper-button-next {
        right: 50px
    }

    section.founder .card,section.location .presence-main {
        display: block
    }

    section.location .presence-main .col-md-4 {
        margin-bottom: 20px;
        width: 100%
    }

    section.location {
        padding: 60px 0
    }

    .founder {
        padding: 60px 0 20px
    }

    section.contact-main {
        padding: 40px 0
    }

    section.contact-main .col-md-5 .main-contact h3 {
        font-size: 40px;
        line-height: 50px
    }

    .main-contact-form {
        padding-left: 0;
        padding-top: 25px
    }

    .main-contact-form .main-form form .button {
        width: 40%
    }

    footer .fmenu h5 {
        padding-bottom: 10px
    }

    footer .contactInfo {
        padding-bottom: 1rem!important
    }

    footer .col-md-6,header .row .col-md-6 {
        width: 50%
    }

    .process {
        padding: 60px 10px 0
    }

    section.about-us .col-md-5 {
        display: flex;
        order: 1
    }

    .swiper-slide-active .card {
        transform: scale(1.1)
    }

    section.we-services .card {
        width: 310px;
        height: 75%
    }

    section.we-services .btn-animated {
        padding-bottom: 5px
    }

    .swiper-button-next,.swiper-rtl .swiper-button-prev {
        margin-top: calc(7px - (var(--swiper-navigation-size)/ 1))
    }

    .swiper-button-next,.swiper-button-prev {
        margin-top: calc(5px - (var(--swiper-navigation-size)/ 1))
    }

    .hamburger {
        top: 0;
        right: 0;
        padding: 0
    }

    .menu {
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0
    }

    .menuItem {
        margin: 1rem;
        font-size: 1.8rem;
        letter-spacing: 2px
    }

    .process .row.pt-5 {
        padding-top: 0!important
    }

    .process .col img,.title-left::before,.tl::after {
        display: none
    }

    section.contact-main .col-md-5 .main-contact {
        padding: 35px 20px 30px 5px
    }

    section.about-us {
        padding: 20px 0 60px
    }

    .box4 {
        left: 140px
    }

    .box3 {
        right: 140px
    }

    .timeline-content {
        max-width: 65%
    }

    .about-main-content h2.mainbanner-head {
        font-size: 42px;
        line-height: 50px
    }

    section.service-clients .main-clients {
        margin-bottom: 15px
    }

    section.service-wedo .main-wedo ul {
        display: block;
        border-bottom: 1px solid #8c8c8c
    }

    section.service-wedo .main-wedo ul li.dropdown ul.dropdown-content {
        position: inherit
    }

    section.service-wedo .main-wedo ul li {
        border-right: 0px solid #8c8c8c
    }

    section.partner {
        padding: 20px 0 70px
    }

    section.service-wedo {
        padding: 60px 0 40px
    }

    section.partner .partner-img.last,section.partner .partner-img.second {
        margin-top: 0
    }

    .why-connact {
        background-size: cover;
        width: 100%
    }

    .why-connact .whyconnact-main {
        padding: 0
    }

    .why-connact .whyconnact-main h2 {
        margin-top: 20px
    }

    .tl-content {
        padding: 20px 0
    }

    .tl {
        max-width: auto;
        margin: unset
    }

    section.service-detail .detail-maincont h3 {
        font-size: 36px
    }

    section.itsolution .col-md-10 .main-contact {
        padding: 35px 16px 15px 8px
    }

    section.itsolution .col-md-10 {
        border-radius: 30px;
        width: 96%
    }

    section.itsolution .col-md-10 .main-contact h3 {
        font-size: 40px;
        line-height: 48px
    }

    section.itsolution .formBorder {
        border: 0 solid #626161;
        padding: 17px 10px 30px;
        margin-top: 0;
        width: 100%
    }

    .main-contact-form .main-form .input__box {
        width: 100%!important;
        padding-right: 0!important
    }

    .abt-2nd {
        padding: 40px 0 0
    }

    .abt-2nd .abtBgBox {
        width: 98%;
        left: 0;
        margin: 0 auto
    }

    .counterBox {
        padding: 80px 0
    }

    section.about-us-work .row .col-md-2 {
        width: 80%;
        margin-bottom: 15px
    }

    section.about-us-work .row .col-md-2.column-center {
        width: 0%!important
    }

    section.about-us-work {
        padding-bottom: 40px
    }
}