@media (max-width: 768px) {
    .hero__left {
        width: 100%;
        display: block;
        float: left;
        height: 100%;
        padding: 20px;
    }

    .map:nth-child(6) {
        display: none;
    }

    .hero_Sec {
        width: 100%;
        height: auto;
        padding-top: 50px;
        padding-left: 0;
        position: relative;
        overflow: hidden;
    }

    .footer__top__button {
        display: none;
    }

    .we_are {
        margin-top: 24px;
    }

    .inner_de {
        height: 243px !important;
        overflow: hidden;
        width: 100%;
        background-size: cover !important;
        background-position: center;
    }

    .footer__grid li span {
        display: inline-block;
    }

    .more___Sec {
        display: none;
    }

    .hero__right__after {

        display: none;
    }

    .g__map_right_inner h4::before {
        display: none;
    }

    .custom_design_fetaure__after {
        display: none;
    }

    .hero_content {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }

    .g__map_right_inner h4 {
        margin-left: 0;
        font-size: 15px;
        margin-bottom: 2px;
        text-align: center;
    }

    .custom_design_fetaure {
        width: 100%;
        height: auto;
        padding: 10px;
        overflow: auto;
        position: relative;
        overflow: hidden;
    }

    .custom_col_3 {
        width: 100%;
        float: none;
        display: block;
        text-align: center;
        background: #fff;
        margin-right: 31px;
        min-height: 371px;
        padding: 10px;
        position: relative;
        z-index: 11;
        border-radius: 13px;
    }

    .feature__Sec_left {
        width: 100%;
        display: block;
        float: none;
        height: 100%;
        padding-left: 0;
    }

    .feature__Sec {
        width: 100%;
        height: auto;
        overflow: auto;
        padding: 0;
        padding-left: inherit;
    }

    .feature__Sec_right {
        width: 100%;
        display: block;
        float: left;
        height: 100%;
    }

    .cus_feature {
        width: 100%;
        height: 100%;
        padding: 20px;
        text-align: center;
    }

    .service__sec .dots {
        display: none;

    }

    .hero__right {
        width: 100% !important;
        display: block;
        float: left;
        height: 257px;
        padding: 0;
        position: relative;
        width: 94% !important;
    }

    .we_are h2 {
        font-size: 27px;
        padding-top: 10px;
    }

    .top_heading h1 {
        font-size: 20px;
        text-align: center;
        padding-top: 6px;
    }

    .hero_content p {
        font-size: 16px;
        text-align: left;
        text-transform: uppercase;
        line-height: 26px;
    }

    .top_heading {
        padding: 0;
        text-align: center;
    }

    .feature__Sec_left p {
        font-size: 16px;
        text-align: center;
        text-transform: uppercase;
        width: 92%;
        margin: 0 auto;
        padding-left: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }

    .service__sec_left {
        width: 90%;
        display: block;
        float: none;
        height: auto;
        padding: 25px;
        color: #fff;
        overflow: auto;
        margin: 0 auto;
    }

    .service__sec {
        background-size: auto;
        background-repeat: no-repeat;
        height: auto;
        position: relative;
        overflow: auto;
        padding: 0;
        border-radius: 0;
        padding-bottom: 20px;
    }

    .service__sec_right {}

    .service__sec_right img {
        width: 90%;
        position: relative;
        top: 13px;
        margin: 0 auto;
    }

    .tech_we_use::after {
        display: none;
    }

    .tech_bg {
        width: 100%;
        height: 631px;
        position: relative;
        overflow: hidden;
        padding-left: 0;
        padding-top: 11px;
        background: linear-gradient(137.86deg, #4a00d8, #7512b7 23.75%, #fc4d4e);
        margin-top: 0;
    }

    .tec_gradient {
        width: 50%;
        border-radius: 50%;
        display: inline-block;
        float: left;
        text-align: center;
        margin-top: 10px;
        height: 62px;
    }

    .tec_gradient h1 {
        letter-spacing: 1px;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'Francois One', sans-serif;
    }

    .tec_gradient img {
        width: 145px;
    }

    #tech {
        margin-left: 10px;
    }

    .csutem_testimonials img {
        width: 47%;
    }

    .testimonials .owl-next {
        display: none !important;
    }

    .csutem_testimonials {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 20px;
    }

    .csutem_testimonials p {
        font-size: 16px;
        margin-top: 20px;
    }

    #served {
        margin-left: 0px;
        width: 100%;
        margin-bottom: 30px;
    }

    .map:nth-child(3) {
        top: 32%;
        left: 60%;
    }

    .map:nth-child(1) {
        top: 0%;
        left: 25%;
    }

    .map:nth-child(2) {
        top: 33%;
        left: -4%;
    }

    .map h1 {
        font-size: 14px;
    }

    .map:nth-child(4) {
        top: 50%;
        left: 28%;
    }

    .map:nth-child(5) {
        top: 72%;
        left: -4%;
    }

    .map:nth-child(7) {
        top: 71%;
        left: 61%;
    }

    .map:nth-child(8) {
        top: 300px;
        left: 195px;
        text-align: center;
        display: none;
    }

    .footer__grid {
        display: inline-block;
        width: 100%;
        float: left;
        height: auto;
        background: #fff;
        padding: 10px 0px 0px 21px;
    }

    .footer__grid h1 {
        font-size: 32px;
        text-transform: uppercase;
        font-weight: bold;
        padding-top: 0px;
        font-family: 'Francois One', sans-serif;
        background: -webkit-linear-gradient(left, #2032aa 0%, #ef2673 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: left;
    }

    .footer_Sec {
        width: 100%;
        height: 536px;
        position: relative;
        overflow: auto;
        background: #5254d8;
    }

    .footer_bottom_gird ul li {
        display: inline-block;
        width: 41%;
        padding-top: 5px;
        text-align: left;
        font-size: 12px;
    }

    .footer_bottom_gird span {

        display: none;
    }

    .footer_sec_inner {
        width: 85%;
        height: 100%;
        background: #fff;
        float: right;
        padding-top: 0;
    }

    .footer__share ul li a img {
        width: 26px;
    }

    .hero__right .owl-next {
        display: block !important;
        position: absolute;
        right: 0;
        bottom: -37px;
        z-index: 1116;
        width: 53px;
        height: 151px;
        background: #ffffff !important;
        border-radius: 0 !important;
        color: #4a00d8 !important;
        font-size: 46px !important;
        font-weight: bold;
    }

    .tecg__We___use__Sec {
        display: none;

    }

    .served {
        overflow: hidden;
        padding-top: 30px;
    }

    .get_header_left {
        width: 100%;
        display: block;
        float: left;
        height: auto;
    }

    .get__touch__bottom h4 {
        width: 100%;
        line-height: 30px;
        font-size: 17px;
        font-weight: 500;
        margin-left: 0;
        text-align: center;
        width: 96%;
        margin: auto;
        margin-bottom: 22px;
    }

    .get__touch {
        padding-top: 19px;
        width: 100%;
        position: relative;
        padding-left: 0;
    }

    .get__touch h1 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0px;
        padding: 0;
    }

    .get__touch h4 {
        font-size: 15px;
        margin-bottom: 0;
        margin-left: 50px;
        font-weight: bold;
    }

    .get__touch h1::after {
        content: '';
        width: 40px;
        height: 4px;
        background: #ef2673;
        position: absolute;
        left: 53px;
        top: 9px;
        display: none;
    }

    .get_header_top_inner {
        padding-left: 0;
        padding-right: 0;
    }

    .get_header_right {
        display: inline-block;
        width: 100%;
        height: auto;
        overflow: auto;
        float: none;
    }

    .get_header__more {
        height: auto;
        overflow: auto;
        padding: 21px;
    }

    .header_get_in_touch_form_column_left {
        width: 100%;
        display: block;
        float: left;
        height: auto;
        overflow: auto;
    }

    .form__field {
        margin-bottom: 14px;
    }

    .link_color_white {

        min-height: 48px;
        width: 100%;
    }

    .header_get_in_touch_form_column_right {
        width: 100%;
        display: inline-block;
        float: left;
        height: auto;
        overflow: auto;
    }

    .header_get_in_touch_form_column_right textarea {
        width: 100%;
    }

    .get_header {
        padding-top: 70px;
        padding-left: 0;
        height: auto;
        overflow: auto;
    }

    .menu___content__list {
        position: relative;
        width: 100%;
        height: auto;
        text-align: left;
        margin: 0 auto;
        padding-top: 116px;
        float: left;
        padding-left: 0;
        overflow: auto;
    }

    .menu_content {
        z-index: 9999;
    }

    #pd_left__xero {
        padding-left: 34px;
        padding-top: 0;
        display: none;
    }

    .col__left_grid__Sec_for_Service__menu {
        width: 100%;
        display: block;
        float: left;
        height: auto;
        overflow: auto;
        margin-right: 6px;
        margin-left: 6px;
    }

    .col__left_grid__Sec_for_Service__menu__half_width {
        width: 100%;
        display: block;
        float: left;
        height: auto;
        margin-right: 0;
        margin-left: 0;
        overflow: hidden;
        padding: 0;
    }

    .col__left_grid__Sec_for_Service__menu__half_width h3 {
        font-size: 17px;
        line-height: 29px;
        text-align: center !important;
    }

    .col__left_grid__Sec_for_Service__menu h3 {
        font-size: 17px;
        text-align: center;
    }

    .about___Sec__main__page__left {
        width: 100%;
        display: block;
        float: left;
        height: 100%;
        padding-left: 10px;
        padding-top: 100px;
        padding-right: 11px;
    }

    .about___Sec__main__page__right {
        width: 100%;
        display: block;
        float: right;
        height: 100%;
        text-align: center;
        padding-top: 0;
        position: relative;
    }

    .about___Sec__main__page {
        width: 100%;
        height: auto;
        position: relative;
        overflow: auto;
        display: block;
    }

    .about___Sec__main__page__right img {
        width: 100%;
    }

    .custom__Text__about {
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: 0 auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .seo__wrap_left {
        width: 100%;
        display: inline-block;
        float: left;
        height: auto;
        overflow: hidden;
        padding-bottom: 35px;
        padding-top: 267px;
    }

    .seo__wrap_right {
        width: 100%;
        display: block;
        float: left;
        height: auto;
        overflow: auto;
        position: absolute;
    }

    .seo__linked__inner_col {
        width: 100%;
        display: block;
        float: left;
        height: auto;
    }

    .seo__linked__title {
        width: 92%;
        margin: 0 auto;
    }

    .seo__inner_title {
        padding-top: 157px;
        padding-left: 0;
    }

    .linked__inner_wrap {
        text-align: center;
        padding-top: 16px;
        margin-left: 0;
    }

    .seo__get_col {
        width: 100%;
        display: block;
        float: none;
        height: auto;
    }

    .seo_get_bg img {
        width: 100%;
        height: auto;
    }

    .seo__get_form_inner {
        width: 100%;
        display: inline-block;
        height: 68px;
    }

    .news_button input {
        margin-left: 0;
    }

    .seo__inner_title h1 {
        font-size: 37px;
        font-weight: bold;
        margin: 0px;
        text-align: center;
    }

    .seo__inner_title p {
        line-height: 28px;
        width: 100%;
        color: #000;
        margin-bottom: 0;
        padding: 14px;
        text-align: center;
        margin-left: 0px !important;
    }

    .g__map_left {
        width: 100%;
        display: block;
        float: left;
        height: auto;
        overflow: hidden;
    }

    .g__map_right_inner {
        position: relative;
        padding-top: 4px;
        padding-left: 0;
    }

    .g__map_right {
        width: 100%;
        display: block;
        float: left;
        height: auto;
        overflow: auto;
        padding: 20px;
    }

    .g__map {
        padding-bottom: 0;
    }

    .menu___content__list ul li {
        display: block;
        list-style: none;
        line-height: 25px;
        margin-bottom: 14px;
    }

    .career_banner_left {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        position: relative;
    }

    .img__animation {
        display: none;
    }

    .career_banner_right {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        position: relative;
    }

    .career__heading {
        position: absolute;
        top: 357px;
        left: 0px;
        width: 95%;
    }

    .career__heading h1 {
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;
        text-transform: capitalize;
        z-index: 444;
        margin-bottom: -15px;
        text-align: center;
    }

    .next__title {
        font-size: 34px;
        font-weight: 900;
        background: -webkit-linear-gradient(left, #2032aa 0%, #ef2673 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .career__heading p {
        font-size: 16px;
        text-align: center;
    }

    .position {
        width: 88%;
        padding-top: 30px;
    }

    .career__home {
        width: 100%;
        position: relative;
        height: auto;
        overflow: hidden;
        padding-bottom: 285px;
    }

    .postion__row {
        width: 100%;
        position: relative;
        display: block;
        height: auto;
        padding-top: 10px;
    }

    .find_bold {
        font-size: 26px;
        font-weight: 900;
        display: inline-block;
    }

    #casestudy_custom_title {

        top: 450px;

        left: 0;

        width: 100%;

        margin: 0 auto;

        padding: 10px;
    }

    .case__main {
        width: 100%;
        position: relative;
        margin-left: 0;
        top: 0;
        text-align: center;
        padding-top: 22px;
    }

    .case__main h5 {
        font-size: 25px;
        line-height: 35px;
    }

    .case__study_new {
        width: 100%;
        position: relative;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

    .case_n_col {
        width: 90%;
        float: none;
        display: block;
        min-height: 410px;
        margin: 0 auto;
    }

    .case__n_row {
        width: 90%;
        margin: 0 auto;
        height: auto;
        position: relative;
        padding-top: 20px;
    }

    .footer__share ul {
        margin-left: 13px;
    }

    .tech_we_use {
        height: 650px;
    }

    .footer_bottom_gird ul {
        margin-left: 0px;
    }

    .csutem_testimonials h3 {
        font-size: 20px;
    }

    .active__Service {
        width: 98.5% !important;
        visibility: visible !important;
        overflow-y: scroll;
    }

    .cusotm__width_for_Service__menu {
        width: 97%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

    .tech_bg p {
        color: #fff;
        font-size: 16px;
        margin-top: 20px !important;
        width: 94%;
        margin: 0 auto;
        margin-bottom: 9px;
        text-align: center;
    }

    .top_heading h6::after {
        content: '';
        width: 40px;
        height: 3px;
        background: #ef2673;
        position: absolute;
        top: 9px;
        display: none;
    }

    #custom__ul li {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .t__right {

        display: none;
    }

    .t__left {
        width: 100%;
        float: none;
        display: block;
        height: auto;

    }

    .team__top {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }

    .team_info {
        padding-top: 0px;
    }

    .team___heading {
        width: 95%;
        text-align: center;
        margin: 0 auto;
    }

    .team___heading h4 {
        font-size: 23px;
        font-weight: 700;
        display: block;
    }

    .team__container {

        height: auto;
        background-size: 0px;
        background-repeat: no-repeat;
        background-position: 0px;
        position: relative;
        padding-top: 30px;
    }

    .t__row {
        width: 90%;

        padding-top: 11px;
    }

    .team__img {
        width: 79%;
        height: auto;
        position: relative;
        margin: 0 auto;
        margin-bottom: 60px;
    }

    .t__col {
        width: 100%;
        float: none;
        display: block;
        height: auto;
    }

    .t__left__content {
        padding-top: 71px;
        padding-left: 0px;
        text-align: center;
        width: 95%;
        margin: 0 auto;
    }

    .t__left__content h2 {
        font-size: 31px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .cr__cv__content ul {

        margin-left: 18px;

    }

    .cr__cv__content ul li {
        letter-spacing: 1px;
        line-height: 34px;
    }

    .we_are h1 {
        margin-bottom: 0;
    }

    .cus_feature h3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .cus_feature p {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .top_heading h6 {
        padding-left: 0px;
        font-size: 14px;
        position: relative;
        text-transform: uppercase;
    }

    .service__sec_left p {
        font-size: 15px;
        width: 100%;
        margin-bottom:10px;
    }
    #services{
        padding-left:8%;
    }

    #img_resize {
        width: 50%;
        border-radius: 50%;
        display: inline-block;
        float: left;
        text-align: center;
        margin-top: 10px;
        height: 63px;
    }

    .asc_gradient {
        width: 50%;
        border-radius: 50%;
        display: inline-block;
        float: left;
        text-align: center;
        margin-top: 0;
        height: 63px;
    }

    .DCC_gradient {
        width: 49%;
        border-radius: 50%;
        display: inline-block;
        float: left;
        text-align: center;
        margin-top: 0px;
        height: 63px;
    }

    .map {
        width: 166px;
        padding: 0;
    }

    .map_Served {
        background: url(../img/map.png);
        width: 100%;
        height: 555px;
        background-size: cover;
        background-position: center;
    }

    .img__overlay {
        position: absolute;
        background: #fff;
        bottom: 36px;
        padding: 15px;
        height: 72px;
        transition: 1.4s;
    }

    #flyer__custom {}

    #flyer__custom__heading {

        padding-top: 215px;

    }

    .enquiry__btn {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        text-align: center;
    }

    .enquiry__btn a {
        margin-left: 0;
        margin-top: 30px;
        font-weight: 500;
        margin: auto;
        left: 0;
        position: relative;
        top: 0;
        transform: none;
    }

    .seo__linked__title h2 {
        padding-top: 0px;
        font-size: 21px;
        margin-top: 0px;
    }

    #responsive__heading {
        padding-top: 220px;
    }

    .seo__get_title h2 {
        font-weight: 900;
        font-size: 30px;
    }

    .seo__inner_title ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .seo__inner_title ul li {
        line-height: 15px;
        width: 100%;
        margin-bottom: 20px;
        font-size: 15px;
    }

    #angular__devlopment {
        padding-top: 140px;
    }

    #e-coomerce {}

    .ec__devlopment__heading h2 {
        font-size: 30px;
    }

    .ec__main_col {
        width: 100%;
        position: relative;
        float: none;
        display: block;
        text-align: center;
        height: 584px;
    }

    .ec__main__child {

        height: 585px;
    }

    .seo__inner_title ul {

        text-align: left;
    }

    #custom_web {

        padding-top: 50px;

    }

    .why__us_ec_left {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        position: absolute;
    }

    .why__us_ec_right {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        position: relative;
        padding-top: 329px;
    }

    .why_us_ec_img {
        width: 90%;
        padding-top: 0px;
    }

    .why_us_ec_content {
        text-align: center;
    }

    .why__us_ec_wrap {
        width: 100%;
        height: auto;
        padding-top: 20px;
        position: relative;
        text-align: center;
    }

    .why_us_ec_icon_content {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        padding-left: 0px;
    }

    .why__us_ec {
        overflow: hidden;
        padding-bottom: 30px;
    }

    .why__us_icon {
        float: none;
        display: inline-block;
    }

    .why_e_devlopment_heading {
        padding-top: 0px;
    }

    .why_e_devlopment_heading h4 {
        font-size: 20px;
    }

    .why_us_ec_content h4 {
        font-size: 20px;
    }

    .why_e_devlopment_col {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        padding-bottom: 20px;
    }

    .why__us_ec_row {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .why_e_devlopment_content {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        padding-left: 0px;
    }

    .why_e_devlopment_icon {
        width: 70px;
        float: none;
        display: inline-block;
    }

    .top__header_quick_info {

        display: none;
    }

    .rate {
        text-align: left;
        padding-top: 20px;
    }

    #seo__change {

        padding-top: 190px;
    }

    .left_qoutes {
        margin-bottom: 8px;
        position: absolute;
        left: -33px;
        top: 18px;
    }

    .rr::after {
        display: none;
    }

    .ll::after {

        display: none;
    }

    .timeline_sec img {
        width: 90%;
        display: block;
        margin: 0 auto;
        display: none;
    }

    .left_Seca {
        position: absolute;
        width: 90%;
        margin: 0 auto;
        margin-top: 0px;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 0 5px 3px rgb(0, 0, 0, 0.33);
        height: 180px;
        padding-top: 10px;
    }

    #timeline__poistion1 {
        right: 5%;
    }

    .left_Seca h4 {

        margin-bottom: 8px;
        letter-spacing: 1px;
        font-size: 18px;
    }

    #timeline__poistion2 {
        left: 5%;
        top: 27%;
    }

    #timeline__poistion3 {
        right: 5%;
        top: 47%;
    }

    #timeline__poistion4 {
        left: 5%;
        top: 67%;
    }

    #timeline__poistion5 {
        right: 5%;
        top: 87%;
    }

    .seo__get {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
        padding-top: 30px;
        padding-bottom: 90px;
    }

    .seo__get_form_col {
        width: 95% !important;
    }

    .g__map_right_inner h3 {
        font-size: 30px;
        font-weight: bold;
        font-family: 'Francois One', sans-serif !important;
        background: -webkit-linear-gradient(left, #2032aa 0%, #ef2673 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 30px;
        text-align: center;
    }

    .get__touch h2 {
        text-align: center;
        font-size: 27px;
    }

    #service__unique {
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        margin: auto;
    }
    .view_service__btn {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        margin-top: 27px;
    }
    .m__wka_wrap_box {
       
        margin-bottom: 40px;
    }
    .home__get__btn {
      
        margin: auto;
    }
    .apply__btn {
       
        margin: auto;
    }
    .case__main h2 {
        font-size: 27px;     
        line-height: 36px;
        width: 97%;
        margin: auto;
    }
    .footer__grid h5 {
        font-size: 30px;
       text-align: left;
    }
    .seo__wrap_linked {
        width: 100%;
        height: 1047px;
        position: relative;
        background: url(../img/ba);
        margin-bottom: 91px;
        background-size: cover;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    #flyer__custom__heading {

        padding-top: 115px;

    }

    .seo__wrap {
        padding-bottom: 20px;
    }

    .enquiry__btn {
        padding-top: 20px;
    }

    #responsive__heading {
        padding-top: 120px;
    }

    #google_local_change {
        padding-top: 125px;
    }

    .map:nth-child(6) {
        display: none;
    }

    .seo__wrap_linked {
        padding-bottom: 0;
    }

}