@media only screen and (min-width :320px) and (max-width :359px) {
    body {
        font-size: 14px
    }

    .mainMenu {
        padding: .5em 1em !important
    }

    .divQuote {
        padding: 4em 1em 5em
    }

    .quoteSidebar h2 {
        font-size: 1.5em
    }

    .quoteSidebar .imgCircle {
        width: 80px;
        height: 80px;
        line-height: 70px
    }

    .quoteSidebar img {
        width: 50px
    }

    .quotePopup {
        padding: 1em 3em
    }

        .btn-warning, .cptchBox, .quotePopup .btn-warning {
            margin-top: 10px
        }

    .contactDiv {
        padding: 2em 0 10em
    }

    .contactDiv2 {
        padding: 0;
        bottom: -187%
    }

    .contactDiv h1 {
        font-size: 1.8em
    }

    .contactDiv p {
        font-size: 15px
    }

    .cardContact {
        min-height: 200px;
        max-height: 200px;
        padding: 10px !important
    }

        .cardContact h3 {
            margin: 0;
            color: #0459c1;
            font-size: 1.1em
        }

        .cardContact p {
            font-size: 15px;
            line-height: 17px
        }

        .cardContact img {
            margin: 0 auto 4px;
            width: 50px
        }

    .contactDRop {
        padding: 39em 0 2em
    }

    .ct-frm-div {
        padding: 15px
    }

    .banner_btn {
        margin: 1.5em 0;
        text-align: center;
        transition: .4s ease-in-out
    }

    .quote_btn .inner-column .play-button {
        position: relative;
        width: 60px;
        height: 60px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        font-size: 14px;
        line-height: 14PX;
        PADDING-top: 13px;
        display: inline-block;
        border: 2px solid #23e400;
        box-shadow: 0 0 10px #00000063 inset;
        background-color: #24ea00
    }

    .callInfoSpace p, .callInfoSpace p a {
        color: #000;
        font-size: 15px
    }

    .callInfoSpace a.text-white {
        line-height: 2.7;
        margin: 0;
        padding: 0;
        display: block;
        text-align: left
    }

        .callInfoSpace a.text-white i {
            display: none
        }

    .navbar {
        padding: 0 1em
    }

    .navbar-light .navbar-brand img {
        width: 150px
    }

    .callInfoSpace {
        display: block
    }

    .side-nav {
        position: fixed;
        width: 295px
    }

    .mobHidden {
        display: none
    }

    #edg_banner .icon-scroll {
        width: 30px;
        height: 50px;
        margin-left: 0;
        left: 0;
        right: 0;
        bottom: 4% !important;
        position: absolute;
        margin: auto;
        box-shadow: inset 0 0 0 1px #fff;
        border-radius: 25px
    }

    .circleRotation img {
        width: 40px;
        margin-top: 7px
    }

    .circleRotation {
        padding: 10px 5px;
        margin: 1em auto 10px;
        top: 4em
    }

        .circleRotation h3 {
            font-size: 10px;
            padding: 0 10px;
            line-height: 11px;
            margin: 1px 0 0
        }

        .circleRotation:after {
            content: '';
            background-image: url(../image/banner/cloudBubbleSmall.png);
            background-repeat: no-repeat;
            background-position: left top;
            width: 151px;
            height: 119px;
            left: 0;
            right: 0;
            margin: auto;
            transform: translate(-14px,1px)
        }

    .boy_img {
        position: absolute;
        top: -18em;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto
    }

    .titleAbs {
        position: relative;
        top: -10em;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .otherCirclerotation, .otherCirclerotation3, otherCirclerotation1, otherCirclerotation2, otherCirclerotation4 {
        display: none
    }

    .edgType h4 {
        color: #fff;
        text-align: center;
        font-size: 13px;
        position: relative;
        top: 5.5em;
        letter-spacing: 1px
    }

    .domain_hosting p {
        font-size: 15px;
        margin-bottom: .5rem
    }

    .service_box {
        padding: 1.5em 0
    }

    .block-feature.top-icon i {
        position: relative;
        line-height: 2.2;
        width: 100%;
        text-align: center;
        margin: auto;
        top: 0;
        color: #6478ff;
        margin-bottom: 15px
    }

        .block-feature.top-icon i:after {
            position: absolute;
            content: "";
            width: 130px;
            height: 130px;
            top: 0;
            left: 0;
            right: 0;
            margin: auto
        }

    .block-feature > i img {
        width: 100px;
        height: 100px;
        line-height: 100px
    }

    .block-feature > a {
        font-size: 16px;
        line-height: 22px
    }

    .block-feature > p {
        display: none
    }

    .btn3 {
        padding: 6px 16px;
        display: inline-block;
        margin: 6px 0;
        font-size: 12px
    }

    .section-title .section-title-body .head-title.effect-buttom-border {
        display: inline-block;
        margin-bottom: 1rem;
        padding: 0 0 10px;
        letter-spacing: 0;
        font-size: 1.8em;
        line-height: 1.3
    }

    .section-title .section-title-body {
        padding-bottom: 0
    }

        .section-title .section-title-body .head-text {
            margin: 0 0 15px;
            font-size: 15px;
            line-height: 1.9;
            text-align: center
        }

    .block-feature.top-icon {
        padding: 5px 0 0 0
    }

    .domain_hosting {
        padding: 2em 0 2EM 0;
        text-align: center
    }

        .domain_hosting h2 {
            font-size: 2em
        }

        .domain_hosting h3 {
            font-size: 1.6em
        }

    .button {
        float: none;
        margin: auto
    }

    .button--winona::after, .button--winona > span {
        padding: .7em 3em
    }

    .why_us {
        padding: 2em 0
    }

    .y_us_text h2 {
        font-size: 1.9em;
        text-align: center
    }

    .y_points ul li div {
        padding-left: 4em
    }

    .y_points ul li i {
        left: 0;
        font-size: 2em;
        color: #f9b20c;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px
    }

    .grey_section {
        padding: 0
    }

    .overlay-bar-1 {
        left: -20%;
        display: none
    }

    .bg_img {
        width: 100%;
        float: left;
        padding: 2em 1em
    }

        .bg_img h3 {
            font-size: 2em
        }

        .bg_img .text_p {
            font-size: 1rem
        }

    .started_bg {
        margin: 4em 0 0 0;
        padding: 0
    }

    .start_btn a {
        width: 70px;
        height: 70px;
        line-height: 63px;
        display: block;
        margin: 1em auto;
        font-size: 2em
    }

    .started_bg:before {
        background: linear-gradient(to right,#373dcc 0,#3c83fa 100%)
    }

    .edg_marketing {
        margin: 1em 0
    }

        .edg_marketing .bg_img {
            padding: 4em 0 4em 0
        }

            .edg_marketing .bg_img h3 {
                font-size: 2.5em
            }

            .edg_marketing .bg_img p {
                font-size: 1.1em;
                letter-spacing: 1px
            }

        .edg_marketing:before {
            background: linear-gradient(to right,#febb42 0,#fee542 100%)
        }

    .digi_grid .img_circle {
        width: 100px;
        height: 100px;
        line-height: 109px;
        margin: .3rem auto
    }

    .digi_grid img {
        height: 50px;
        width: 50px
    }

    .digi_grid h5 {
        font-size: 17px
    }

    .industries {
        padding: 2em 0 0 0
    }

        .industries img {
            width: 60px;
            height: 60px
        }

        .industries p {
            line-height: 1.1;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .clients_grid h3 {
        font-size: 1.5rem
    }

    .clients_grid .cl_logo {
        margin: 16px auto 0
    }

    .blog_section {
        width: 100%;
        float: left;
        padding: 2em 0 3em
    }

    .classy {
        background-image: none;
        background: #ffd7c1;
        padding: 2em 0 0 0
    }

    .bg_count {
        background: #ffae84;
        padding: 1rem 0;
        border-top: 1px solid #ffd7c175;
        border-bottom: 1px solid #ff935ba6
    }

        .bg_count h5 {
            font-size: 1.1rem;
            margin: 0
        }

        .bg_count .count {
            font-size: 2.3em;
            font-weight: 600
        }

    .classy_tabs h2 {
        font-size: 1.7rem;
        font-weight: 600
    }

    .key_points {
        padding: 1em 0
    }

        .key_points h3 span {
            font-size: 1rem
        }

    .edg_bottom {
        padding: 1em 0;
        margin-bottom: 1.5rem
    }

        .edg_bottom .img_icon i {
            position: relative;
            top: 0;
            display: block;
            margin: auto
        }

        .edg_bottom .text_ryt {
            padding: 11px 0 0
        }

            .edg_bottom .text_ryt p {
                display: none
            }

            .edg_bottom .text_ryt h4 {
                font-size: 14px;
                margin: 0;
                text-align: center
            }

    .edg_container {
        padding: 0
    }

    .que {
        border-bottom: 1px solid #ffffff1f;
        padding-bottom: 16px
    }

        .que li i {
            display: none
        }

        .que li a {
            color: #fff;
            font-size: 13px
        }

    footer .footer_title {
        font-size: 1rem
    }

    footer ul.list_footer li a {
        font-size: 12.5px
    }

    .flags li a img {
        width: 30px;
        height: 30px
    }

    .info_bottom {
        padding: 0 0 10px 0
    }

        .info_bottom .list-inline-item:first-child {
            display: block;
            text-align: center;
            margin-bottom: 8px
        }

    .flags, .social_style {
        float: none;
        margin: 10px auto 0;
        text-align: center
    }

    .f_bottom {
        padding: 15px 0;
        margin-bottom: 0
    }

        .f_bottom p, .f_bottom p.text-right {
            text-align: center !important;
            margin: 0;
            line-height: 23px;
            font-size: 12px
        }

    footer ul.list_footer {
        margin-bottom: 1em
    }

    .testimonial {
        padding: 1rem 0 1em 1.2rem
    }

    .welcome-area .welcome-content p {
        font-size: 14px;
        line-height: 24px
    }

    .testimonials {
        padding: 0
    }

    .testimonial .description {
        font-size: 15.5px;
        line-height: 25px;
        padding: 4em .5em;
        letter-spacing: 1px;
        font-weight: 500 !important
    }

    .section-title, .section-title-s2, .section-title-s3, .section-title-s4, .section-title-s5, .section-title-s6, .section-title-s7, .section-title-s8 {
        margin-bottom: 20px
    }

    .clients_grid {
        padding: 2em 0
    }

    .client_head img {
        top: -58px
    }

    .web_banner {
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
        padding: 2em 0 5em
    }

        .web_banner .web_content {
            padding: 0
        }

            .web_banner .web_content h1 {
                font-size: 2em
            }

                .web_banner .web_content h1 span {
                    display: block;
                    font-size: 22px
                }

            .web_banner .web_content .border_para {
                font-size: 1rem;
                border-top: 1px dashed #276eb8;
                padding-top: .6rem;
                margin-top: 12px
            }

            .web_banner .web_content p {
                font-size: 14px;
                text-align: center;
                line-height: 1.5
            }

    .website_form .card .card-body {
        padding: 0 1.4rem !important
    }

    .website_form .card-header {
        font-size: 15px;
        padding: 16px 0 !important
    }

    .banner_btn .btn_1, .banner_btn .btn_2 {
        padding: 5px 10px;
        width: 45.9%
    }

        .banner_btn .btn_1 div, .banner_btn .btn_2 div {
            padding-left: 1.5em;
            text-align: left
        }

        .banner_btn .btn_1 i, .banner_btn .btn_2 i {
            left: 10px;
            top: 24%;
            font-size: 1.4em
        }

        .banner_btn .btn_1 div span, .banner_btn .btn_2 div span {
            font-size: 13px
        }

        .banner_btn .btn_2 div small {
            font-size: 12px
        }

    .best_section {
        padding: 2em 0
    }

    .web_bg {
        border-radius: 13px;
        margin-bottom: 1.5em;
        min-height: 435px;
        box-shadow: 11px 12px 13px rgba(0,0,0,.2)
    }

        .web_bg p {
            text-align: justify;
            color: #fff;
            font-size: 14.5px
        }

    .res_PRocess {
        margin-top: 1em
    }

    .mt-5, .my-5 {
        margin-top: 2rem !important
    }

    .tech_bg {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }

        .tech_bg .bg_img {
            padding: 3em 0 2em 0
        }

    .title_medium .section-title-body .head-title {
        font-size: 2em;
        line-height: 37px
    }

    .web_applications, .web_theme {
        padding: 2em 0
    }

    .web_info {
        padding: 0 8px;
        bottom: 0
    }

        .web_info h4 {
            font-size: 14px
        }

    .web_digi {
        text-align: center
    }

        .web_digi h2 {
            font-size: 2em
        }

    .mkt_webimg {
        display: none
    }

    .overlay_bar_yellow, .tecklay {
        display: none
    }

    .ready_project .bg_img {
        padding: 2em 1em
    }

        .ready_project .bg_img .text_p {
            line-height: 1.4;
            margin-top: 1.3rem;
            font-size: 1em;
            text-shadow: none;
            margin-bottom: 1em
        }

        .ready_project .bg_img h3 {
            font-size: 2.5em
        }

    .single-service-preview {
        padding: 0 20px 1em
    }

    .service-preview-content {
        padding: 1em 0
    }

    .tab_bg {
        padding: 2em 0
    }

    .tab-content {
        padding: 0 0 1rem
    }

    .main-tabs .nav-item .nav-link {
        display: inline-block;
        min-height: 35px;
        width: 103px;
        font-size: 13px;
        word-break: inherit;
        padding: 10px 2px
    }

    .main-tabs .nav-item:not(:last-child) {
        margin: 4px 16px
    }

    .main-tabs .nav-item {
        width: 81px;
        margin: auto 16px;
        text-align: center
    }

        .main-tabs .nav-item .nav-link.active:before {
            border: none
        }

        .main-tabs .nav-item .nav-link span {
            display: none
        }

            .main-tabs .nav-item .nav-link span img {
                width: 30px;
                height: 30px
            }

    .padding_box {
        padding: 0 0
    }

    .key_points h3 {
        font-size: 1.4rem
    }

    .ready_project {
        margin: 0
    }

    .tech_bg:before {
        background: linear-gradient(to right,#2782ea 0,#1d45b6 100%)
    }

    .digi_mkt {
        padding: 3em 0 0
    }

    .ready_project:before {
        background: linear-gradient(to right,#febb42 0,#fee542 100%)
    }

    .key_features {
        padding: 2em 0
    }

    .key_grid {
        text-align: center;
        padding: 10px;
        min-height: 120px;
        word-break: break-word;
        margin-bottom: 10px;
        align-content: center;
        flex-wrap: wrap;
        display: grid;
        margin: 0 auto 1em
    }

        .key_grid h4 {
            font-size: 16px;
            line-height: 20px
        }

            .key_grid h4 i {
                margin-right: 0;
                font-size: 2em;
                display: block;
                margin-bottom: 11px
            }

        .key_grid p {
            display: none
        }

    .banner_btn .btn_1 div small {
        font-weight: 600;
        font-size: 13px
    }

    .eComm_BanNer {
        width: 100%;
        float: left;
        padding: 1.5em 0 3em
    }

    .mAd_txtarea h1 {
        font-size: 2.25em;
        text-align: center
    }

    .mAd_txtarea p {
        font-size: 14px;
        text-align: center !important
    }

    .uk-divider-small {
        display: none
    }

    .headSpan {
        display: block;
        font-size: .7em
    }

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

        .eComm_circle h3 {
            font-size: 1.4em
        }

        .eComm_circle h2 {
            font-size: 1.5rem;
            line-height: 27px
        }

        .eComm_circle h4 {
            font-family: AvenirNextCyr-Regular;
            font-size: 16px;
            margin: 1em 0;
            text-align: center
        }

    .ecomm_sEction2 {
        width: 100%;
        float: left;
        padding: 1em 0 1em
    }

    .text_card h4 {
        font-size: 1.2rem;
        text-transform: capitalize;
        margin: 0
    }

    .ecOmmProcess, .ecoM_protfOliO, .ecom_Hosting, .ecom_one, .ecomm_pricing, .services-section {
        padding: 2em 0
    }

        .ecomm_pricing h4 {
            color: #f80000;
            font-size: 1em
        }

    .pricingTable .title {
        font-size: 22px;
        margin: 0 -10px
    }

    .pricingTable {
        margin: 0 0 20px
    }

        .pricingTable .pricing-content {
            height: 380px;
            padding: 5px 5px
        }

            .pricingTable .pricing-content .inner-content li {
                background-color: #e1e1e1;
                line-height: 20px;
                padding: 8px 0
            }

    .scrollbar {
        float: left;
        height: 280px
    }

    .proCircle {
        display: none
    }

    .middlePRo {
        position: relative;
        top: 0
    }

    .slide_RYT {
        padding-left: 5em
    }

        .slide_RYT h4 {
            font-size: 1.5em
        }

    .ecom_Why {
        text-align: center !important
    }

        .ecom_Why small {
            padding: 0
        }

            .ecom_Why small:before {
                left: -25px
            }

        .ecom_Why h3 {
            font-size: 1.2em
        }

        .ecom_Why .uk-accordion-title {
            display: block;
            font-size: 14px;
            text-align: left !important
        }

    .uk-accordion-content {
        margin-top: 20px;
        text-align: justify
    }

    .w_design {
        text-align: center
    }

        .w_design h4 {
            font-size: 1.5em
        }

        .w_design span {
            font-size: 1.5em;
            color: #0346ab
        }

    .ecom_counter .count {
        font-size: 1.2em
    }

    .ecom_counter p {
        font-weight: 500;
        margin: 4px 0 0;
        line-height: 17px
    }

    .ecom_Hosting {
        text-align: center;
        padding: 2em 0 2.5em
    }

        .ecom_Hosting h2 {
            font-size: 2em;
            text-align: center
        }

        .ecom_Hosting h3 {
            font-size: 18px;
            text-align: center
        }

        .ecom_Hosting ul.listing-mark li {
            padding-left: 1.7em;
            margin: 9px 0;
            font-size: 16px;
            line-height: 22px;
            text-align: left !important
        }

        .ecom_Hosting ul li:after {
            top: 0;
            font-size: inherit
        }

        .ecom_Hosting .btn-primary {
            position: relative;
            z-index: 9
        }

    .circleProcess {
        position: relative;
        top: 0;
        margin-bottom: 1em
    }

    .icon_P1, .icon_P2, .icon_P3 {
        position: absolute;
        bottom: auto;
        width: 55px;
        height: 55px;
        line-height: 55px;
        right: auto;
        left: 0
    }

    .ecOmmProcess .text-right {
        text-align: left !important
    }

    .ecOmmProcess .text-center {
        text-align: left !important
    }

    .ecoMmMArkeTinG {
        width: 100%;
        float: left;
        margin-top: 9em;
        margin-bottom: 0;
        height: 420px
    }

    .mrKTEcom {
        position: relative;
        bottom: -2em;
        z-index: 9
    }

        .mrKTEcom h2 {
            font-size: 2em
        }

        .mrKTEcom p {
            font-size: 15px
        }

    .imgFOrmEcom1, .imgFOrmEcom2 {
        display: none
    }

    .ecomm_Feature .mb-5, .my-5 {
        margin-bottom: 1.3rem !important
    }

    .formArEaCommerce {
        width: 100%;
        float: left;
        padding: 0;
        position: relative;
        margin-top: 0
    }

        .formArEaCommerce h4 {
            font-size: 1.3em
        }

    .FormEcommerce {
        padding: 1em 1em
    }

    .aso-Form {
        margin-bottom: 2em;
    }

    .form-group {
        margin-bottom: 4px
    }

    .digi_grid .button {
        margin: .6em auto 0 !important;
        float: none
    }

    .eCommAPPs {
        padding: 2em 0 0
    }

        .eCommAPPs h2 {
            font-size: 1.8em
        }

        .eCommAPPs p {
            font-size: 16px;
            line-height: 25px
        }

        .eCommAPPs .pt-5, .py-5 {
            padding-top: 1rem !important
        }

    .CaseEcomm {
        padding: 2em 0
    }

        .CaseEcomm .uk-height-max-large {
            height: 100%;
            max-height: 100%;
            text-align: center
        }

        .CaseEcomm h3 {
            font-size: 1.5em
        }

    .mAd_section {
        padding: 2em 0 4em
    }

    .mAd_txtarea h4 {
        text-align: center;
        font-size: 18px
    }

    .mAd_section2 {
        padding: 2em 0 0
    }

        .mAd_section2 .grid_content img {
            width: 70px;
            height: 70px;
            margin-bottom: 0
        }

    .android-section {
        padding: 0 0 8em
    }

        .android-section h2 {
            color: #fff !important;
            font-size: 2em;
            text-transform: uppercase;
            margin: .5em 0;
            text-align: center
        }

    .features {
        padding: 0
    }

        .features li .text {
            float: left;
            width: calc(100% - 46px);
            width: -webkit-calc(100% - 46px);
            padding-left: 5px
        }

            .features li .text .title {
                font-weight: 400;
                font-size: 1.2em;
                line-height: 24px
            }

            .features li .text p {
                font-size: 14px;
                line-height: 23px;
                text-align: justify
            }

    .table_ios {
        position: absolute;
        bottom: -14em
    }

    .iOS_section {
        padding: 9em 0 1em
    }

        .iOS_section h2 {
            font-size: 2em
        }

    .app_ss {
        padding: 2em 0;
        text-align: center
    }

    .iphone-frame img {
        max-width: 100%;
        margin: auto
    }

    .iphone-frame {
        position: absolute;
        top: -71px;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto
    }

    .home-services-item {
        text-align: center;
        min-height: 114px;
        padding: 10px 0;
        align-content: center;
        color: #fff;
        flex-wrap: wrap;
        display: grid
    }

        .home-services-item:before {
            background: linear-gradient(127deg,#fff 0,#fff 91%)
        }

        .home-services-item.active .services-title, .home-services-item:hover .services-title {
            color: #556b7d
        }

        .home-services-item .services-title {
            font-weight: 800;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 0 !important
        }

        .home-services-item p {
            display: none
        }

        .home-services-item i {
            font-size: 30px;
            margin-bottom: 12px
        }

        .home-services-item.active i, .home-services-item:hover i {
            background-image: linear-gradient(127deg,#8e3481 0,#92347f 91%)
        }

    .mAd_marketing {
        padding: 0 0 2em;
        margin-top: 3em;
        text-align: center
    }

        .mAd_marketing:after {
            top: -39px
        }

    .small-head {
        font-size: 15px
    }

    .app_marketing h2 {
        font-size: 2em
    }

    .app_marketing p {
        font-family: Muli,sans-serif !important;
        font-size: 15px
    }

    .process_wheel {
        padding: 4em 0 4em
    }

    .rotate_circle {
        width: 190px;
        height: 190px;
        border-radius: 100%;
        position: absolute;
        top: 2.2em
    }

    .process_img img {
        width: 100%;
        position: relative;
        bottom: -90px
    }

    .mAd_caseStudy {
        padding: 2em 0 2em
    }

        .mAd_caseStudy .uk-button {
            padding: 0 5px;
            vertical-align: middle;
            font-size: 12px;
            line-height: 34px
        }

        .mAd_caseStudy .uk-list-bullet > li {
            text-align: left
        }

    .case_content {
        text-align: center
    }

        .case_content h2 {
            font-size: 2em;
            text-align: center
        }

        .case_content p {
            text-align: center
        }

    .mAd_caseStudy img {
        margin: 1em auto 0
    }

    .mAd_android_section {
        padding: 1em 0 3em
    }

    .android_grid img {
        width: 60px;
        height: 60px
    }

    .anDroid_APP {
        padding: 2em 0 2em
    }

        .anDroid_APP .rotate_circle {
            width: 290px !important;
            height: 290px !important;
            border-radius: 100%;
            position: absolute;
            top: 30px;
            right: 2px;
            left: 0;
            margin: auto;
            border: 2px dashed #797788
        }

    .process_AndRoid .rotate_circle {
        width: 185px !important;
        height: 185px !important;
        top: -12em
    }

    .process_AndRoid .rectangle-img:after {
        height: 150px;
        width: 150px;
        bottom: 18.4em
    }

    .andROID_section2 {
        padding: 0 0 8em
    }

        .andROID_section2 h2 {
            line-height: 24px;
            margin-top: 1em;
            text-align: center
        }

            .andROID_section2 h2 a {
                font-size: .7em
            }

    .android_process {
        padding: 0;
        margin-top: -6em
    }

    .main-timeline .timeline-content, .main-timeline .timeline-content2 {
        position: relative
    }

    .process_AndRoid {
        padding: 0
    }

        .process_AndRoid .uk-position-z-index {
            z-index: 2;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 14.7em
        }

        .process_AndRoid .process_img {
            position: absolute;
            top: -16em;
            left: 0;
            right: 0;
            z-index: 2;
            margin: auto;
            width: 125px
        }

    .andrOID_conTAct {
        width: 100%;
        float: left;
        margin: 0
    }

        .andrOID_conTAct .bg_img {
            padding: 3em 0 0
        }

    .mAd_IOS_section {
        padding: 1em 0 4em
    }

    .Section_ios {
        margin-top: 4em;
        padding-top: 11em !important
    }

        .Section_ios .table_ios {
            bottom: 0
        }

    .loGo_Banner {
        padding: 2em 0 0
    }

        .loGo_Banner .icon-scroll {
            display: none
        }

    .sAmpPleLogO .title_medium .section-title-body .head-title {
        font-size: 1.7em;
        line-height: 26px
    }

    .LoGOWebsite {
        padding: 2em 0 1em
    }

        .LoGOWebsite h4 {
            color: #fff;
            margin: 0;
            font-size: 2em
        }

    .logoWebGrid {
        position: relative;
        top: auto
    }

    .arrowImg, .lo {
        display: none
    }

    .gridWeB {
        position: relative;
        margin-bottom: 2em;
        text-align: center
    }

        .gridWeB h3 {
            color: #000;
            text-align: center
        }

        .gridWeB p {
            text-align: center;
            line-height: 22px;
            font-size: 14px
        }

    .typeThree h3, .typeThree p {
        text-align: center !important
    }

    .typeTwo {
        top: auto;
        text-align: center !important;
        right: 0;
        padding-right: 0
    }

    .typeOne {
        top: 0;
        left: auto;
        right: 0;
        padding-right: 0
    }

    .typeThree {
        top: 0;
        right: auto;
        left: 0;
        padding: 0
    }

        .typeOne img, .typeThree img, .typeTwo img {
            position: relative;
            left: 0;
            right: 0;
            top: -17px;
            margin: auto;
            float: none;
            width: 70px
        }

    .btn-fixed-package {
        bottom: 11rem;
        right: auto;
        left: -4.8em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    .btn-fixed-logo {
        bottom: 19rem;
        right: auto;
        left: -1.93em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    #return-to-top {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

        #return-to-top i {
            top: 0;
            font-size: .8rem
        }

    .DeSIGNservICes {
        padding: 3em 0;
        margin-top: 1em
    }

    .servBOX img {
        width: 50px
    }

    .servBOX {
        padding: 1em 0;
        background: #fdfdfd;
        align-content: center;
        flex-wrap: wrap;
        display: grid;
        margin-bottom: 1em;
        border: 2px solid #d9d9de;
        min-height: 140px
    }

    .PlansLogo {
        padding: 2em 0
    }

    .pricingTableloGo.blueloGo {
        margin-bottom: 0
    }

    .my-5, .pricingTableloGo .mt-5 {
        margin-top: 0 !important
    }

    .ProceSSLogo {
        padding: 2em 0 4em
    }

    .logo-timeline .timeline-yearlogoD {
        font-size: 1.5em;
        line-height: 40px;
        height: 50px;
        border: 6px solid #b7c5ff;
        width: 50px;
        top: 0
    }

    .logo-timeline img {
        width: 80px
    }

    .logo-timeline .timelinelogoD:nth-child(even) .timeline-yearlogoD {
        right: auto;
        left: -5px
    }

    .otherServices {
        padding: 2em 0 1em;
        margin-bottom: 1em
    }

    .DiGibaNner {
        padding: 2em 0 12em;
        text-align: center
    }

        .DiGibaNner:after {
            bottom: -22em;
            background-size: 100%
        }

    .dIgiBaNnerContent h1 {
        font-size: 2.2em
    }

    .dIgiBaNnerContent h3 {
        font-size: 1.2em
    }

    .dIgiBaNnerContent .digi_web_icons .digiCircle {
        width: auto;
        height: auto;
        line-height: 1.4;
        margin: auto;
        background: 0 0;
        border: none;
        box-shadow: none
    }

        .dIgiBaNnerContent .digi_web_icons .digiCircle img {
            width: 100%
        }

    .DigiMoreServiCEs {
        padding: 1em 0 1em
    }

    .digiGridSerV {
        text-align: center
    }

        .digiGridSerV h2 {
            font-size: 1.9em
        }

        .digiGridSerV p {
            font-size: 14.5px
        }

    .digiImg, .digiImgright {
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
        margin: auto
    }

    .buttonGRad {
        text-align: center;
        padding: 15px 12px;
        width: 100%;
        font-size: 18px
    }

    .title_headDigi h2 {
        font-size: 1.6em
    }

    .title_headDigi p {
        font-size: 15px;
        max-width: 100%;
        margin: 0 auto 3em
    }

    .KeySeO {
        padding: 2.3em 1em 1.4em;
        text-align: center;
        background-position: 5em 17em;
        margin: 0 0 3.4em
    }

        .KeySeO i {
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            font-size: 2em;
            left: 0;
            right: 0;
            margin: auto;
            top: -10%
        }

    .DigiCounter {
        padding: 2em 0;
        text-align: center
    }

    .counterDigi {
        position: relative;
        margin-bottom: 2em;
        display: none
    }

    .diGielEmentCounter {
        position: relative;
        display: none
    }

    .blg-sec-head {
        padding: 1em 3em 3em
    }

        .blg-sec-head h1 {
            font-size: 2.5em;
            margin: 0
        }

    .blg-sec-ed {
        padding: 2em 0
    }

        .blg-sec-ed .uk-card-title, .blg-sec-ed .uk-card-title a {
            font-size: 1rem;
            height: 75px
        }

    .fullblog h1 {
        font-size: 1.6em
    }

    .fullpage {
        padding: 1em 0
    }

        .fullpage .text-justify {
            text-align: center !important
        }

        .fullpage .padding-50px {
            padding: 15px
        }

    .aspNetDisabled {
        margin: 0 -1px;
        display: inline
    }
}

@media only screen and (min-width :360px) and (max-width :424px) {
    body {
        font-size: 14px
    }

    .mainMenu {
        padding: .5em 1em !important
    }

    .divQuote {
        padding: 4em 1em 5em
    }

    .quoteSidebar h2 {
        font-size: 1.5em
    }

    .quoteSidebar .imgCircle {
        width: 80px;
        height: 80px;
        line-height: 70px
    }

    .quoteSidebar img {
        width: 50px
    }

    .quotePopup {
        padding: 1em 3em
    }

        .btn-warning, .cptchBox, .quotePopup .btn-warning {
            margin-top: 10px
        }

    .contactDiv {
        padding: 2em 0 10em
    }

    .contactDiv2 {
        padding: 0;
        bottom: -187%
    }

    .contactDiv h1 {
        font-size: 1.8em
    }

    .contactDiv p {
        font-size: 15px
    }

    .cardContact {
        min-height: 200px;
        max-height: 200px;
        padding: 10px !important
    }

        .cardContact h3 {
            margin: 0;
            color: #0459c1;
            font-size: 1.1em
        }

        .cardContact p {
            font-size: 15px;
            line-height: 17px
        }

        .cardContact img {
            margin: 0 auto 4px;
            width: 50px
        }

    .contactDRop {
        padding: 39em 0 2em
    }

    .ct-frm-div {
        padding: 15px
    }

    .banner_btn {
        margin: 1.5em 0 0;
        text-align: center;
        transition: .4s ease-in-out
    }

    .quote_btn .inner-column .play-button {
        position: relative;
        width: 60px;
        height: 60px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        font-size: 14px;
        line-height: 14PX;
        PADDING-top: 13px;
        display: inline-block;
        border: 2px solid #23e400;
        box-shadow: 0 0 10px #00000063 inset;
        background-color: #24ea00
    }

    .navbar {
        padding: 0 1em
    }

    .navbar-light .navbar-brand img {
        width: 150px
    }

    .callInfoSpace {
        display: block;
        overflow: hidden
    }

        .callInfoSpace p, .callInfoSpace p a {
            color: #000;
            font-size: 15px;
            font-weight: 700;
            font-family: 'Shadows Into Light Two',cursive !important;
            letter-spacing: 1px;
            word-spacing: -2px
        }

    .side-nav {
        position: fixed;
        width: 295px
    }

    .mobHidden {
        display: none
    }

    #edg_banner .icon-scroll {
        width: 30px;
        height: 50px;
        margin-left: 0;
        left: 0;
        right: 0;
        bottom: 4% !important;
        position: absolute;
        margin: auto;
        box-shadow: inset 0 0 0 1px #fff;
        border-radius: 25px
    }

    .circleRotation img {
        width: 40px;
        margin-top: 10px
    }

    .circleRotation {
        padding: 10px 5px;
        margin: 0 auto 10px;
        top: 6em
    }

        .circleRotation h3 {
            font-size: 12px;
            padding: 0 10px
        }

        .circleRotation:after {
            content: '';
            background-image: url(../image/banner/cloudBubbleMedium.png);
            background-repeat: no-repeat;
            background-position: left top;
            width: 180px;
            height: 140px;
            left: 0;
            right: 0;
            margin: auto
        }

    .boy_img {
        position: absolute;
        top: -20em;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto
    }

    .titleAbs {
        position: relative;
        top: -10em;
        width: 100%;
        left: -5px;
        right: 0;
        margin: auto
    }

    .otherCirclerotation, .otherCirclerotation3, otherCirclerotation1, otherCirclerotation2, otherCirclerotation4 {
        display: none
    }

    .edgType h4 {
        color: #fff;
        text-align: center;
        font-size: 1em;
        position: relative;
        top: 6em
    }

    .domain_hosting p {
        font-size: 15px;
        margin-bottom: .5rem
    }

    .icon-scroll {
        bottom: 7% !important
    }

    .service_box {
        padding: 1.5em 0
    }

    .block-feature.top-icon i {
        position: relative;
        line-height: 2.2;
        width: 100%;
        text-align: center;
        margin: auto;
        top: 0;
        color: #6478ff;
        margin-bottom: 15px
    }

        .block-feature.top-icon i:after {
            position: absolute;
            content: "";
            width: 130px;
            height: 130px;
            top: 0;
            left: 0;
            right: 0;
            margin: auto
        }

    .block-feature > i img {
        width: 100px;
        height: 100px;
        line-height: 100px
    }

    .block-feature > a {
        font-size: 16px;
        line-height: 22px
    }

    .block-feature > p {
        display: none
    }

    .btn3 {
        padding: 6px 16px;
        display: inline-block;
        margin: 6px 0;
        font-size: 12px
    }

    .section-title .section-title-body .head-title.effect-buttom-border {
        display: inline-block;
        margin-bottom: 1rem;
        padding: 0 0 10px;
        letter-spacing: 0;
        font-size: 1.8em;
        line-height: 1.3
    }

    .section-title .section-title-body {
        padding-bottom: 0
    }

        .section-title .section-title-body .head-text {
            margin: 0 0 15px;
            font-size: 15px;
            line-height: 1.4;
            text-align: center
        }

    .block-feature.top-icon {
        padding: 5px 0 0 0
    }

    .domain_hosting {
        padding: 2em 0 2EM 0;
        text-align: center
    }

        .domain_hosting h2 {
            font-size: 2em
        }

        .domain_hosting h3 {
            font-size: 1.6em
        }

    .button {
        float: none;
        margin: auto
    }

    .button--winona::after, .button--winona > span {
        padding: .7em 3em
    }

    .why_us {
        padding: 2em 0
    }

    .y_us_text h2 {
        font-size: 1.9em;
        text-align: center
    }

    .y_points ul li div {
        padding-left: 4em
    }

    .y_points ul li i {
        left: 0;
        font-size: 2em;
        color: #f9b20c;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px
    }

    .grey_section {
        padding: 0
    }

    .overlay-bar-1 {
        left: -20%;
        display: none
    }

    .bg_img {
        width: 100%;
        float: left;
        padding: 2em 1em
    }

        .bg_img h3 {
            font-size: 2em
        }

        .bg_img .text_p {
            font-size: 1rem
        }

    .started_bg {
        margin: 4em 0 0 0;
        padding: 0
    }

    .start_btn a {
        width: 70px;
        height: 70px;
        line-height: 63px;
        display: block;
        margin: 1em auto;
        font-size: 2em
    }

    .started_bg:before {
        background: linear-gradient(to right,#373dcc 0,#3c83fa 100%)
    }

    .edg_marketing {
        margin: 1em 0
    }

        .edg_marketing .bg_img {
            padding: 4em 0 4em 0
        }

            .edg_marketing .bg_img h3 {
                font-size: 2.5em
            }

            .edg_marketing .bg_img p {
                font-size: 1.1em;
                letter-spacing: 1px
            }

        .edg_marketing:before {
            background: linear-gradient(to right,#febb42 0,#fee542 100%)
        }

    .digi_grid .img_circle {
        width: 100px;
        height: 100px;
        line-height: 109px;
        margin: .3rem auto
    }

    .digi_grid img {
        height: 50px;
        width: 50px
    }

    .digi_grid h5 {
        font-size: 17px
    }

    .industries {
        padding: 2em 0 0 0
    }

        .industries img {
            width: 60px;
            height: 60px
        }

        .industries p {
            line-height: 1.1;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .clients_grid h3 {
        font-size: 1.5rem
    }

    .clients_grid .cl_logo {
        margin: 16px auto 0
    }

    .blog_section {
        width: 100%;
        float: left;
        padding: 2em 0 3em
    }

    .classy {
        background-image: none;
        background: #ffd7c1;
        padding: 2em 0 0 0
    }

    .bg_count {
        background: #ffae84;
        padding: 1rem 0;
        border-top: 1px solid #ffd7c175;
        border-bottom: 1px solid #ff935ba6
    }

        .bg_count h5 {
            font-size: 1.1rem;
            margin: 0
        }

        .bg_count .count {
            font-size: 2.3em;
            font-weight: 600
        }

    .classy_tabs h2 {
        font-size: 1.7rem;
        font-weight: 600
    }

    .key_points {
        padding: 1em 0
    }

        .key_points h3 span {
            font-size: 1rem
        }

    .edg_bottom {
        padding: 1em 0;
        margin-bottom: 1.5rem
    }

        .edg_bottom .img_icon i {
            position: relative;
            top: 0;
            display: block;
            margin: auto
        }

        .edg_bottom .text_ryt {
            padding: 11px 0 0
        }

            .edg_bottom .text_ryt p {
                display: none
            }

            .edg_bottom .text_ryt h4 {
                font-size: 14px;
                margin: 0;
                text-align: center
            }

    .edg_container {
        padding: 0
    }

    .que {
        border-bottom: 1px solid #ffffff1f;
        padding-bottom: 16px
    }

        .que li i {
            display: none
        }

        .que li a {
            color: #fff;
            font-size: 13px
        }

    footer .footer_title {
        font-size: 1rem
    }

    footer ul.list_footer li a {
        font-size: 12.5px
    }

    .flags li a img {
        width: 30px;
        height: 30px
    }

    .info_bottom {
        padding: 0 0 10px 0
    }

        .info_bottom .list-inline-item:first-child {
            display: block;
            text-align: center;
            margin-bottom: 8px
        }

    .flags, .social_style {
        float: none;
        margin: 10px auto 0;
        text-align: center
    }

    .f_bottom {
        padding: 15px 0;
        margin-bottom: 0
    }

        .f_bottom p, .f_bottom p.text-right {
            text-align: center !important;
            margin: 0;
            line-height: 23px;
            font-size: 12px
        }

    footer ul.list_footer {
        margin-bottom: 1em
    }

    .testimonial {
        padding: 1rem 0 1em 1.2rem
    }

    .welcome-area .welcome-content p {
        font-size: 14px;
        line-height: 24px
    }

    .testimonials {
        padding: 0
    }

    .testimonial .description {
        font-size: 15.5px;
        line-height: 25px;
        padding: 4em .5em;
        letter-spacing: 1px;
        font-weight: 500 !important
    }

    .section-title, .section-title-s2, .section-title-s3, .section-title-s4, .section-title-s5, .section-title-s6, .section-title-s7, .section-title-s8 {
        margin-bottom: 20px
    }

    .clients_grid {
        padding: 2em 0
    }

    .web_banner {
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
        padding: 2em 0 5em
    }

        .web_banner .web_content {
            padding: 0
        }

            .web_banner .web_content h1 {
                font-size: 2em
            }

                .web_banner .web_content h1 span {
                    display: block;
                    font-size: 22px
                }

            .web_banner .web_content .border_para {
                font-size: 1rem;
                border-top: 1px dashed #276eb8;
                padding-top: .6rem;
                margin-top: 12px
            }

            .web_banner .web_content p {
                font-size: 14px;
                text-align: center;
                line-height: 1.5
            }

    .website_form .card .card-body {
        padding: 0 1.4rem !important
    }

    .website_form .card-header {
        font-size: 15px;
        padding: 16px 0 !important
    }

    .banner_btn .btn_1, .banner_btn .btn_2 {
        padding: 7px 13px;
        width: 45%
    }

        .banner_btn .btn_1 div, .banner_btn .btn_2 div {
            padding-left: 2em;
            text-align: left
        }

        .banner_btn .btn_1 i, .banner_btn .btn_2 i {
            left: 10px;
            top: 23%;
            font-size: 2em
        }

        .banner_btn .btn_1 div span, .banner_btn .btn_2 div span {
            font-size: 13px
        }

        .banner_btn .btn_2 div small {
            font-size: 12px
        }

    .best_section {
        padding: 2em 0
    }

    .web_bg {
        border-radius: 13px;
        margin-bottom: 1.5em;
        min-height: 435px;
        box-shadow: 11px 12px 13px rgba(0,0,0,.2)
    }

        .web_bg p {
            text-align: justify;
            color: #fff;
            font-size: 14.5px
        }

    .res_PRocess {
        margin-top: 1em
    }

    .mt-5, .my-5 {
        margin-top: 2rem !important
    }

    .tech_bg {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }

        .tech_bg .bg_img {
            padding: 3em 0 2em 0
        }

    .title_medium .section-title-body .head-title {
        font-size: 2em;
        line-height: 37px
    }

    .web_applications, .web_theme {
        padding: 2em 0
    }

    .web_digi {
        text-align: center
    }

        .web_digi h2 {
            font-size: 2em
        }

    .mkt_webimg {
        display: none
    }

    .overlay_bar_yellow, .tecklay {
        display: none
    }

    .ready_project .bg_img {
        padding: 2em 1em
    }

        .ready_project .bg_img .text_p {
            line-height: 1.4;
            margin-top: 1.3rem;
            font-size: 1em;
            text-shadow: none;
            margin-bottom: 1em
        }

        .ready_project .bg_img h3 {
            font-size: 2.5em
        }

    .single-service-preview {
        padding: 0 20px 1em
    }

    .service-preview-content {
        padding: 1em 0
    }

    .tab_bg {
        padding: 2em 0
    }

    .tab-content {
        padding: 0 0 1rem
    }

    .main-tabs .nav-item .nav-link {
        display: inline-block;
        min-height: 35px;
        width: 103px;
        font-size: 13px;
        word-break: inherit;
        padding: 10px 2px
    }

    .main-tabs .nav-item:not(:last-child) {
        margin: 4px 16px
    }

    .main-tabs .nav-item {
        width: 81px;
        margin: auto 16px;
        text-align: center
    }

        .main-tabs .nav-item .nav-link.active:before {
            border: none
        }

        .main-tabs .nav-item .nav-link span {
            display: none
        }

            .main-tabs .nav-item .nav-link span img {
                width: 30px;
                height: 30px
            }

    .padding_box {
        padding: 0 0
    }

    .key_points h3 {
        font-size: 1.4rem
    }

    .ready_project {
        margin: 0
    }

    .tech_bg:before {
        background: linear-gradient(to right,#2782ea 0,#1d45b6 100%)
    }

    .digi_mkt {
        padding: 3em 0 0
    }

    .ready_project:before {
        background: linear-gradient(to right,#febb42 0,#fee542 100%)
    }

    .key_features {
        padding: 2em 0
    }

    .key_grid {
        text-align: center;
        padding: 10px;
        min-height: 120px;
        word-break: break-word;
        margin-bottom: 10px;
        align-content: center;
        flex-wrap: wrap;
        display: grid;
        margin: 0 auto 1em
    }

        .key_grid h4 {
            font-size: 16px;
            line-height: 20px
        }

            .key_grid h4 i {
                margin-right: 0;
                font-size: 2em;
                display: block;
                margin-bottom: 11px
            }

        .key_grid p {
            display: none
        }

    .banner_btn .btn_1 div small {
        font-weight: 600;
        font-size: 13px
    }

    .web_applications .owl-carousel .owl-item .icon_div {
        padding-top: 8.5%
    }

    .eComm_BanNer {
        width: 100%;
        float: left;
        padding: 1.5em 0 3em
    }

    .mAd_txtarea h1 {
        font-size: 2.25em;
        text-align: center
    }

    .mAd_txtarea p {
        font-size: 14px;
        text-align: center !important
    }

    .uk-divider-small {
        display: none
    }

    .headSpan {
        display: block;
        font-size: .7em
    }

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

        .eComm_circle h3 {
            font-size: 1.4em
        }

        .eComm_circle h2 {
            font-size: 1.5rem;
            line-height: 27px
        }

        .eComm_circle h4 {
            font-family: AvenirNextCyr-Regular;
            font-size: 16px;
            margin: 1em 0;
            text-align: center
        }

    .ecomm_sEction2 {
        width: 100%;
        float: left;
        padding: 1em 0 1em
    }

    .text_card h4 {
        font-size: 1.2rem;
        text-transform: capitalize;
        margin: 0
    }

    .ecOmmProcess, .ecoM_protfOliO, .ecom_Hosting, .ecom_one, .ecomm_pricing, .services-section {
        padding: 2em 0
    }

        .ecomm_pricing h4 {
            color: #f80000;
            font-size: 1em
        }

    .pricingTable .title {
        font-size: 22px;
        margin: 0 -10px
    }

    .pricingTable {
        margin: 0 0 20px
    }

        .pricingTable .pricing-content {
            height: 380px;
            padding: 5px 5px
        }

            .pricingTable .pricing-content .inner-content li {
                background-color: #e1e1e1;
                line-height: 20px;
                padding: 8px 0
            }

    .scrollbar {
        float: left;
        height: 280px
    }

    .proCircle {
        display: none
    }

    .middlePRo {
        position: relative;
        top: 0
    }

    .slide_RYT {
        padding-left: 5em
    }

        .slide_RYT h4 {
            font-size: 1.5em
        }

    .ecom_Why {
        text-align: center !important
    }

        .ecom_Why small {
            padding: 0
        }

            .ecom_Why small:before {
                left: -25px
            }

        .ecom_Why h3 {
            font-size: 1.2em
        }

        .ecom_Why .uk-accordion-title {
            display: block;
            font-size: 14px;
            text-align: left !important
        }

    .uk-accordion-content {
        margin-top: 20px;
        text-align: justify
    }

    .w_design {
        text-align: center
    }

        .w_design h4 {
            font-size: 1.5em
        }

        .w_design span {
            font-size: 1.5em;
            color: #0346ab
        }

    .ecom_counter .count {
        font-size: 1.2em
    }

    .ecom_counter p {
        font-weight: 500;
        margin: 4px 0 0;
        line-height: 17px
    }

    .ecom_Hosting {
        text-align: center;
        padding: 2em 0 2.5em
    }

        .ecom_Hosting h2 {
            font-size: 2em;
            text-align: center
        }

        .ecom_Hosting h3 {
            font-size: 18px;
            text-align: center
        }

        .ecom_Hosting ul.listing-mark li {
            padding-left: 1.7em;
            margin: 9px 0;
            font-size: 16px;
            line-height: 22px;
            text-align: left !important
        }

        .ecom_Hosting ul li:after {
            top: 0;
            font-size: inherit
        }

        .ecom_Hosting .btn-primary {
            position: relative;
            z-index: 9
        }

    .circleProcess {
        position: relative;
        top: 0;
        margin-bottom: 1em
    }

    .icon_P1, .icon_P2, .icon_P3 {
        position: absolute;
        bottom: auto;
        width: 55px;
        height: 55px;
        line-height: 55px;
        right: auto;
        left: 0
    }

    .ecOmmProcess .text-right {
        text-align: left !important
    }

    .ecOmmProcess .text-center {
        text-align: left !important
    }

    .ecoMmMArkeTinG {
        width: 100%;
        float: left;
        margin-top: 9em;
        margin-bottom: 0;
        height: 380px
    }

    .mrKTEcom {
        position: relative;
        bottom: 1em;
        z-index: 9
    }

        .mrKTEcom h2 {
            font-size: 2em
        }

        .mrKTEcom p {
            font-size: 15px
        }

    .imgFOrmEcom1, .imgFOrmEcom2 {
        display: none
    }

    .ecomm_Feature .mb-5, .my-5 {
        margin-bottom: 1.3rem !important
    }

    .formArEaCommerce {
        width: 100%;
        float: left;
        padding: 0;
        position: relative;
        margin-top: 0
    }

        .formArEaCommerce h4 {
            font-size: 1.3em
        }

    .FormEcommerce {
        padding: 1em 1em
    }

    .form-group {
        margin-bottom: 4px
    }

    .digi_grid .button {
        margin: .6em auto 0 !important;
        float: none
    }

    .eCommAPPs {
        padding: 2em 0 0
    }

        .eCommAPPs h2 {
            font-size: 1.8em
        }

        .eCommAPPs p {
            font-size: 16px;
            line-height: 25px
        }

        .eCommAPPs .pt-5, .py-5 {
            padding-top: 1rem !important
        }

    .CaseEcomm {
        padding: 2em 0
    }

        .CaseEcomm .uk-height-max-large {
            height: 100%;
            max-height: 100%;
            text-align: center
        }

        .CaseEcomm h3 {
            font-size: 1.5em
        }

    .banner_btn {
        margin: 1.5em 0;
        text-align: center;
        transition: .4s ease-in-out
    }

    .mAd_section {
        padding: 2em 0 4em
    }

    .mAd_txtarea h4 {
        text-align: center;
        font-size: 18px
    }

    .mAd_section2 {
        padding: 2em 0 0
    }

        .mAd_section2 .grid_content img {
            width: 70px;
            height: 70px;
            margin-bottom: 0
        }

        .mAd_section2 .grid_content {
            padding: 2em 1em
        }

    .android-section {
        padding: 0 0 8em
    }

        .android-section h2 {
            color: #fff !important;
            font-size: 2em;
            text-transform: uppercase;
            margin: .5em 0;
            text-align: center
        }

    .features {
        padding: 0
    }

        .features li .text {
            float: left;
            width: calc(100% - 46px);
            width: -webkit-calc(100% - 46px);
            padding-left: 5px
        }

            .features li .text .title {
                font-weight: 400;
                font-size: 1.2em;
                line-height: 24px
            }

            .features li .text p {
                font-size: 14px;
                line-height: 23px;
                text-align: justify
            }

    .table_ios {
        position: absolute;
        bottom: -14em
    }

    .iOS_section {
        padding: 9em 0 1em
    }

        .iOS_section h2 {
            font-size: 2em
        }

    .app_ss {
        padding: 2em 0;
        text-align: center
    }

    .iphone-frame img {
        max-width: 100%;
        margin: auto
    }

    .iphone-frame {
        position: absolute;
        top: -71px;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto
    }

    .home-services-item {
        text-align: center;
        min-height: 114px;
        padding: 10px 0;
        align-content: center;
        color: #fff;
        flex-wrap: wrap;
        display: grid
    }

        .home-services-item:before {
            background: linear-gradient(127deg,#fff 0,#fff 91%)
        }

        .home-services-item.active .services-title, .home-services-item:hover .services-title {
            color: #556b7d
        }

        .home-services-item .services-title {
            font-weight: 800;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 0 !important
        }

        .home-services-item p {
            display: none
        }

        .home-services-item i {
            font-size: 30px;
            margin-bottom: 12px
        }

        .home-services-item.active i, .home-services-item:hover i {
            background-image: linear-gradient(127deg,#8e3481 0,#92347f 91%)
        }

    .mAd_marketing {
        padding: 0 0 2em;
        margin-top: 3em;
        text-align: center
    }

        .mAd_marketing:after {
            top: -39px
        }

    .small-head {
        font-size: 15px
    }

    .app_marketing h2 {
        font-size: 2em
    }

    .app_marketing p {
        font-family: Muli,sans-serif !important;
        font-size: 15px
    }

    .process_wheel {
        padding: 4em 0 4em
    }

    .rotate_circle {
        width: 260px;
        height: 260px;
        border-radius: 100%;
        position: absolute;
        top: 0
    }

    .process_img {
        position: absolute;
        bottom: 5em;
        width: 43%;
        margin: auto
    }

        .process_img img {
            width: 100%;
            position: relative
        }

    .rotate_circle {
        width: 218px;
        height: 218px;
        border-radius: 100%;
        position: absolute;
        top: 35px;
        right: 0;
        left: 0;
        margin: auto;
        border: 2px dashed #797788
    }

    .mAd_caseStudy {
        padding: 2em 0 2em
    }

        .mAd_caseStudy .uk-button {
            padding: 0 5px;
            vertical-align: middle;
            font-size: 12px;
            line-height: 34px
        }

        .mAd_caseStudy .uk-list-bullet > li {
            text-align: left
        }

    .case_content {
        text-align: center
    }

        .case_content h2 {
            font-size: 2em;
            text-align: center
        }

        .case_content p {
            text-align: center
        }

    .mAd_caseStudy img {
        margin: 1em auto 0
    }

    .mAd_android_section {
        padding: 1em 0 5em
    }

    .anDroid_APP {
        padding: 2em 0 2em
    }

    .android_grid {
        min-height: 300px;
        height: 300px
    }

        .android_grid img {
            width: 70px;
            height: 70px
        }

    .process_AndRoid .rotate_circle {
        width: 210px !important;
        height: 210px !important;
        top: -12em
    }

    .process_AndRoid .rectangle-img:after {
        height: 170px;
        width: 170px;
        bottom: 19em
    }

    .andROID_section2 {
        padding: 0 0 11em
    }

        .andROID_section2 h2 {
            line-height: 24px;
            margin-top: 1em;
            text-align: center
        }

            .andROID_section2 h2 a {
                font-size: .7em
            }

        .andROID_section2 p {
            text-align: center
        }

    .android_process {
        padding: 0;
        margin-top: -6em
    }

    .main-timeline .timeline-content, .main-timeline .timeline-content2 {
        position: relative
    }

    .process_AndRoid {
        padding: 0;
        bottom: -28em
    }

        .process_AndRoid .uk-position-z-index {
            z-index: 2;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 14.7em
        }

        .process_AndRoid .process_img {
            position: absolute;
            top: -9em;
            left: 0;
            right: 0;
            z-index: 2;
            margin: auto;
            width: 135px
        }

    .andrOID_conTAct {
        width: 100%;
        float: left;
        margin: 0
    }

        .andrOID_conTAct .bg_img {
            padding: 3em 0 0
        }

    .mAd_IOS_section {
        padding: 1em 0 4em
    }

    .Section_ios {
        margin-top: 4em;
        padding-top: 11em !important
    }

        .Section_ios .table_ios {
            bottom: 0
        }

    .loGo_Banner {
        padding: 2em 0 0
    }

        .loGo_Banner .icon-scroll {
            display: none
        }

    .sAmpPleLogO .title_medium .section-title-body .head-title {
        font-size: 1.7em;
        line-height: 26px
    }

    .LoGOWebsite {
        padding: 2em 0 1em
    }

        .LoGOWebsite h4 {
            color: #fff;
            margin: 0;
            font-size: 2em
        }

    .logoWebGrid {
        position: relative;
        top: auto
    }

    .arrowImg, .lo {
        display: none
    }

    .gridWeB {
        position: relative;
        margin-bottom: 2em;
        text-align: center
    }

        .gridWeB h3 {
            color: #000;
            text-align: center
        }

        .gridWeB p {
            text-align: center;
            line-height: 22px;
            font-size: 14px
        }

    .typeThree h3, .typeThree p {
        text-align: center !important
    }

    .typeTwo {
        top: auto;
        text-align: center !important;
        right: 0;
        padding-right: 0
    }

    .typeOne {
        top: 0;
        left: auto;
        right: 0;
        padding-right: 0
    }

    .typeThree {
        top: 0;
        right: auto;
        left: 0;
        padding: 0
    }

        .typeOne img, .typeThree img, .typeTwo img {
            position: relative;
            left: 0;
            right: 0;
            top: -17px;
            margin: auto;
            float: none;
            width: 70px
        }

    .btn-fixed-package {
        bottom: 11rem;
        right: auto;
        left: -4.8em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    .btn-fixed-logo {
        bottom: 19rem;
        right: auto;
        left: -1.93em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    #return-to-top {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

        #return-to-top i {
            top: 0;
            font-size: .8rem
        }

    .DeSIGNservICes {
        padding: 3em 0;
        margin-top: 1em
    }

    .servBOX img {
        width: 50px
    }

    .servBOX {
        padding: 1em 0;
        background: #fdfdfd;
        align-content: center;
        flex-wrap: wrap;
        display: grid;
        margin-bottom: 1em;
        border: 2px solid #d9d9de;
        min-height: 140px
    }

    .PlansLogo {
        padding: 2em 0
    }

    .pricingTableloGo.blueloGo {
        margin-bottom: 0
    }

    .my-5, .pricingTableloGo .mt-5 {
        margin-top: 0 !important
    }

    .ProceSSLogo {
        padding: 2em 0 2em
    }

    .logo-timeline .timeline-yearlogoD {
        font-size: 1.5em;
        line-height: 40px;
        height: 50px;
        border: 6px solid #b7c5ff;
        width: 50px;
        top: 0
    }

    .logo-timeline img {
        width: 80px
    }

    .logo-timeline .timelinelogoD:nth-child(even) .timeline-yearlogoD {
        right: auto;
        left: -5px
    }

    .otherServices {
        padding: 2em 0 1em;
        margin-bottom: 1em
    }

    .DiGibaNner {
        padding: 2em 0 12em;
        text-align: center
    }

        .DiGibaNner:after {
            bottom: -20em;
            background-size: 100%
        }

    .dIgiBaNnerContent h1 {
        font-size: 2.2em
    }

    .dIgiBaNnerContent h3 {
        font-size: 1.2em
    }

    .dIgiBaNnerContent .digi_web_icons .digiCircle {
        width: auto;
        height: auto;
        line-height: 1.4;
        margin: auto;
        background: 0 0;
        border: none;
        box-shadow: none
    }

        .dIgiBaNnerContent .digi_web_icons .digiCircle img {
            width: 100%
        }

    .DigiMoreServiCEs {
        padding: 0 0 1em
    }

    .digiGridSerV {
        text-align: center
    }

        .digiGridSerV h2 {
            font-size: 1.9em
        }

        .digiGridSerV p {
            font-size: 14.5px
        }

    .digiImg, .digiImgright {
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
        margin: auto
    }

    .buttonGRad {
        text-align: center;
        padding: 15px 12px;
        width: 100%;
        font-size: 18px
    }

    .title_headDigi h2 {
        font-size: 1.6em
    }

    .title_headDigi p {
        font-size: 15px;
        max-width: 100%;
        margin: 0 auto 3em
    }

    .KeySeO {
        padding: 2.3em 1em 1.4em;
        text-align: center;
        background-position: 5em 17em;
        margin: 3em 0 2em
    }

        .KeySeO i {
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            font-size: 2em;
            left: 0;
            right: 0;
            margin: auto;
            top: -10%
        }

    .DigiCounter {
        padding: 2em 0;
        text-align: center
    }

    .counterDigi {
        position: relative;
        margin-bottom: 2em;
        display: none
    }

    .diGielEmentCounter {
        position: relative;
        display: none
    }

    .blg-sec-head {
        padding: 1em 3em 3em
    }

        .blg-sec-head h1 {
            font-size: 2.5em;
            margin: 0
        }

    .blg-sec-ed {
        padding: 2em 0
    }

        .blg-sec-ed .uk-card-title, .blg-sec-ed .uk-card-title a {
            font-size: 1rem;
            height: 75px
        }

    .fullblog h1 {
        font-size: 1.6em
    }

    .fullpage {
        padding: 1em 0
    }

        .fullpage .text-justify {
            text-align: center !important
        }

        .fullpage .padding-50px {
            padding: 15px
        }

    .aspNetDisabled {
        margin: 0 -1px;
        display: inline
    }
}

@media only screen and (min-width :425px) and (max-width :479px) {
    body {
        font-size: 14px
    }

    .mainMenu {
        padding: .5em 1em !important
    }

    .divQuote {
        padding: 4em 1em 5em
    }

    .quoteSidebar h2 {
        font-size: 1.5em
    }

    .quoteSidebar .imgCircle {
        width: 80px;
        height: 80px;
        line-height: 70px
    }

    .quoteSidebar img {
        width: 50px
    }

    .quotePopup {
        padding: 1em 3em
    }

        .btn-warning, .cptchBox, .quotePopup .btn-warning {
            margin-top: 10px
        }

    .contactDiv {
        padding: 2em 0 10em
    }

    .contactDiv2 {
        padding: 0;
        bottom: -207%
    }

    .contactDiv h1 {
        font-size: 1.8em
    }

    .contactDiv p {
        font-size: 15px
    }

    .cardContact {
        min-height: 200px;
        max-height: 200px;
        padding: 10px !important
    }

        .cardContact h3 {
            margin: 0;
            color: #0459c1;
            font-size: 1.1em
        }

        .cardContact p {
            font-size: 15px;
            line-height: 17px
        }

        .cardContact img {
            margin: 0 auto 4px;
            width: 50px
        }

    .contactDRop {
        padding: 39em 0 2em
    }

    .ct-frm-div {
        padding: 15px
    }

    .banner_btn {
        margin: 1.5em 0 0;
        text-align: center;
        transition: .4s ease-in-out
    }

    .quote_btn .inner-column .play-button {
        position: relative;
        width: 60px;
        height: 60px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        font-size: 14px;
        line-height: 14PX;
        PADDING-top: 13px;
        display: inline-block;
        border: 2px solid #23e400;
        box-shadow: 0 0 10px #00000063 inset;
        background-color: #24ea00
    }

    .navbar {
        padding: 0 1em
    }

    .navbar-light .navbar-brand img {
        width: 150px
    }

    .callInfoSpace {
        display: block;
        overflow: hidden
    }

        .callInfoSpace p, .callInfoSpace p a {
            color: #000;
            font-size: 15px;
            font-weight: 700;
            font-family: 'Shadows Into Light Two',cursive !important;
            letter-spacing: 1px;
            word-spacing: -2px
        }

    .side-nav {
        position: fixed;
        width: 295px
    }

    .mobHidden {
        display: none
    }

    #edg_banner .icon-scroll {
        width: 30px;
        height: 50px;
        margin-left: 0;
        left: 0;
        right: 0;
        bottom: 4% !important;
        position: absolute;
        margin: auto;
        box-shadow: inset 0 0 0 1px #fff;
        border-radius: 25px
    }

    .circleRotation img {
        width: 40px;
        margin-top: 10px
    }

    .circleRotation {
        padding: 10px 5px;
        margin: 0 auto 10px;
        top: 6em
    }

        .circleRotation h3 {
            font-size: 9px;
            padding: 0 10px
        }

        .circleRotation:after {
            content: '';
            background-image: url(../image/banner/cloudBubbleSmall.png);
            background-repeat: no-repeat;
            background-position: left top;
            width: 151px;
            height: 119px;
            left: -1em;
            right: 0;
            margin: auto
        }

    .boy_img {
        position: absolute;
        top: -22em;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto
    }

    .titleAbs {
        position: relative;
        top: -10em;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .otherCirclerotation, .otherCirclerotation3, otherCirclerotation1, otherCirclerotation2, otherCirclerotation4 {
        display: none
    }

    .edgType h4 {
        color: #fff;
        text-align: center;
        font-size: 1.1em;
        position: relative;
        top: 5.6em
    }

    .domain_hosting p {
        font-size: 15px;
        margin-bottom: .5rem
    }

    .icon-scroll {
        bottom: 7% !important
    }

    .service_box {
        padding: 1.5em 0
    }

    .block-feature.top-icon i {
        position: relative;
        line-height: 2.2;
        width: 100%;
        text-align: center;
        margin: auto;
        top: 0;
        color: #6478ff;
        margin-bottom: 15px
    }

        .block-feature.top-icon i:after {
            position: absolute;
            content: "";
            width: 130px;
            height: 130px;
            top: 0;
            left: 0;
            right: 0;
            margin: auto
        }

    .block-feature > i img {
        width: 100px;
        height: 100px;
        line-height: 100px
    }

    .block-feature > a {
        font-size: 16px;
        line-height: 22px
    }

    .block-feature > p {
        display: none
    }

    .btn3 {
        padding: 6px 16px;
        display: inline-block;
        margin: 6px 0;
        font-size: 12px
    }

    .section-title .section-title-body .head-title.effect-buttom-border {
        display: inline-block;
        margin-bottom: 1rem;
        padding: 0 0 10px;
        letter-spacing: 0;
        font-size: 1.8em;
        line-height: 1.3
    }

    .section-title .section-title-body {
        padding-bottom: 0
    }

        .section-title .section-title-body .head-text {
            margin: 0 0 15px;
            font-size: 15px;
            line-height: 1.4;
            text-align: center
        }

    .block-feature.top-icon {
        padding: 5px 0 0 0
    }

    .domain_hosting {
        padding: 2em 0 2EM 0;
        text-align: center
    }

        .domain_hosting h2 {
            font-size: 2em
        }

        .domain_hosting h3 {
            font-size: 1.6em
        }

    .button {
        float: none;
        margin: auto
    }

    .button--winona::after, .button--winona > span {
        padding: .7em 3em
    }

    .why_us {
        padding: 2em 0
    }

    .y_us_text h2 {
        font-size: 1.9em;
        text-align: center
    }

    .y_points ul li div {
        padding-left: 4em
    }

    .y_points ul li i {
        left: 0;
        font-size: 2em;
        color: #f9b20c;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px
    }

    .grey_section {
        padding: 0
    }

    .overlay-bar-1 {
        left: -20%;
        display: none
    }

    .bg_img {
        width: 100%;
        float: left;
        padding: 2em 1em
    }

        .bg_img h3 {
            font-size: 2em
        }

        .bg_img .text_p {
            font-size: 1rem
        }

    .started_bg {
        margin: 4em 0 0 0;
        padding: 0
    }

    .start_btn a {
        width: 70px;
        height: 70px;
        line-height: 63px;
        display: block;
        margin: 1em auto;
        font-size: 2em
    }

    .started_bg:before {
        background: linear-gradient(to right,#373dcc 0,#3c83fa 100%)
    }

    .edg_marketing {
        margin: 1em 0
    }

        .edg_marketing .bg_img {
            padding: 4em 0 4em 0
        }

            .edg_marketing .bg_img h3 {
                font-size: 2.5em
            }

            .edg_marketing .bg_img p {
                font-size: 1.1em;
                letter-spacing: 1px
            }

        .edg_marketing:before {
            background: linear-gradient(to right,#febb42 0,#fee542 100%)
        }

    .digi_grid .img_circle {
        width: 100px;
        height: 100px;
        line-height: 109px;
        margin: .3rem auto
    }

    .digi_grid img {
        height: 50px;
        width: 50px
    }

    .digi_grid h5 {
        font-size: 17px
    }

    .industries {
        padding: 2em 0 0 0
    }

        .industries img {
            width: 60px;
            height: 60px
        }

        .industries p {
            line-height: 1.1;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .clients_grid h3 {
        font-size: 1.5rem
    }

    .clients_grid .cl_logo {
        margin: 16px auto 0
    }

    .blog_section {
        width: 100%;
        float: left;
        padding: 2em 0 3em
    }

    .classy {
        background-image: none;
        background: #ffd7c1;
        padding: 2em 0 0 0
    }

    .bg_count {
        background: #ffae84;
        padding: 1rem 0;
        border-top: 1px solid #ffd7c175;
        border-bottom: 1px solid #ff935ba6
    }

        .bg_count h5 {
            font-size: 1.1rem;
            margin: 0
        }

        .bg_count .count {
            font-size: 2.3em;
            font-weight: 600
        }

    .classy_tabs h2 {
        font-size: 1.7rem;
        font-weight: 600
    }

    .key_points {
        padding: 1em 0
    }

        .key_points h3 span {
            font-size: 1rem
        }

    .edg_bottom {
        padding: 1em 0;
        margin-bottom: 1.5rem
    }

        .edg_bottom .img_icon i {
            position: relative;
            top: 0;
            display: block;
            margin: auto
        }

        .edg_bottom .text_ryt {
            padding: 11px 0 0
        }

            .edg_bottom .text_ryt p {
                display: none
            }

            .edg_bottom .text_ryt h4 {
                font-size: 14px;
                margin: 0;
                text-align: center
            }

    .edg_container {
        padding: 0
    }

    .que {
        border-bottom: 1px solid #ffffff1f;
        padding-bottom: 16px
    }

        .que li i {
            display: none
        }

        .que li a {
            color: #fff;
            font-size: 13px
        }

    footer .footer_title {
        font-size: 1rem
    }

    footer ul.list_footer li a {
        font-size: 12.5px
    }

    .flags li a img {
        width: 30px;
        height: 30px
    }

    .info_bottom {
        padding: 0 0 10px 0
    }

        .info_bottom .list-inline-item:first-child {
            display: block;
            text-align: center;
            margin-bottom: 8px
        }

    .flags, .social_style {
        float: none;
        margin: 10px auto 0;
        text-align: center
    }

    .f_bottom {
        padding: 15px 0;
        margin-bottom: 0
    }

        .f_bottom p, .f_bottom p.text-right {
            text-align: center !important;
            margin: 0;
            line-height: 23px;
            font-size: 12px
        }

    footer ul.list_footer {
        margin-bottom: 1em
    }

    .testimonial {
        padding: 1rem 0 1em 1.2rem
    }

    .welcome-area .welcome-content p {
        font-size: 14px;
        line-height: 24px
    }

    .testimonials {
        padding: 2em 0;
    }

    .testimonial .description {
        font-size: 15.5px;
        line-height: 25px;
        padding: 4em .5em;
        letter-spacing: 1px;
        font-weight: 500 !important
    }

    .section-title, .section-title-s2, .section-title-s3, .section-title-s4, .section-title-s5, .section-title-s6, .section-title-s7, .section-title-s8 {
        margin-bottom: 20px
    }

    .clients_grid {
        padding: 2em 0
    }

    .web_banner {
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
        padding: 2em 0 5em
    }

        .web_banner .web_content {
            padding: 0
        }

            .web_banner .web_content h1 {
                font-size: 2em
            }

                .web_banner .web_content h1 span {
                    display: block;
                    font-size: 22px
                }

            .web_banner .web_content .border_para {
                font-size: 1rem;
                border-top: 1px dashed #276eb8;
                padding-top: .6rem;
                margin-top: 12px
            }

            .web_banner .web_content p {
                font-size: 14px;
                text-align: center;
                line-height: 1.5
            }

    .website_form .card .card-body {
        padding: 0 1.4rem !important
    }

    .website_form .card-header {
        font-size: 15px;
        padding: 16px 0 !important
    }

    .banner_btn .btn_1, .banner_btn .btn_2 {
        padding: 7px 13px;
        width: 45%
    }

        .banner_btn .btn_1 div, .banner_btn .btn_2 div {
            padding-left: 3em;
            text-align: left
        }

        .banner_btn .btn_1 i, .banner_btn .btn_2 i {
            left: 13%;
            top: 23%;
            font-size: 2em
        }

        .banner_btn .btn_1 div span, .banner_btn .btn_2 div span {
            font-size: 13px
        }

        .banner_btn .btn_2 div small {
            font-size: 12px
        }

    .best_section {
        padding: 2em 0
    }

    .web_bg {
        border-radius: 13px;
        margin-bottom: 1.5em;
        min-height: 435px;
        box-shadow: 11px 12px 13px rgba(0,0,0,.2)
    }

        .web_bg p {
            text-align: justify;
            color: #fff;
            font-size: 14.5px
        }

    .res_PRocess {
        margin-top: 1em
    }

    .mt-5, .my-5 {
        margin-top: 2rem !important
    }

    .tech_bg {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }

        .tech_bg .bg_img {
            padding: 3em 0 2em 0
        }

    .title_medium .section-title-body .head-title {
        font-size: 2em;
        line-height: 37px
    }

    .web_applications, .web_theme {
        padding: 2em 0
    }

    .web_digi {
        text-align: center
    }

        .web_digi h2 {
            font-size: 2em
        }

    .mkt_webimg {
        display: none
    }

    .overlay_bar_yellow, .tecklay {
        display: none
    }

    .ready_project .bg_img {
        padding: 2em 1em
    }

        .ready_project .bg_img .text_p {
            line-height: 1.4;
            margin-top: 1.3rem;
            font-size: 1em;
            text-shadow: none;
            margin-bottom: 1em
        }

        .ready_project .bg_img h3 {
            font-size: 2.5em
        }

    .single-service-preview {
        padding: 0 20px 1em
    }

    .service-preview-content {
        padding: 1em 0
    }

    .tab_bg {
        padding: 2em 0
    }

    .tab-content {
        padding: 0 0 1rem
    }

    .main-tabs .nav-item .nav-link {
        display: inline-block;
        min-height: 35px;
        width: 103px;
        font-size: 13px;
        word-break: inherit;
        padding: 10px 2px
    }

    .main-tabs .nav-item:not(:last-child) {
        margin: 4px 16px
    }

    .main-tabs .nav-item {
        width: 81px;
        margin: auto 16px;
        text-align: center
    }

        .main-tabs .nav-item .nav-link.active:before {
            border: none
        }

        .main-tabs .nav-item .nav-link span {
            display: none
        }

            .main-tabs .nav-item .nav-link span img {
                width: 30px;
                height: 30px
            }

    .padding_box {
        padding: 0 0
    }

    .key_points h3 {
        font-size: 1.4rem
    }

    .ready_project {
        margin: 0
    }

    .tech_bg:before {
        background: linear-gradient(to right,#2782ea 0,#1d45b6 100%)
    }

    .digi_mkt {
        padding: 3em 0
    }

    .ready_project:before {
        background: linear-gradient(to right,#febb42 0,#fee542 100%)
    }

    .key_features {
        padding: 2em 0
    }

    .key_grid {
        text-align: center;
        padding: 10px;
        min-height: 120px;
        word-break: break-word;
        margin-bottom: 10px;
        align-content: center;
        flex-wrap: wrap;
        display: grid;
        margin: 0 auto 1em
    }

        .key_grid h4 {
            font-size: 16px;
            line-height: 20px
        }

            .key_grid h4 i {
                margin-right: 0;
                font-size: 2em;
                display: block;
                margin-bottom: 11px
            }

        .key_grid p {
            display: none
        }

    .banner_btn .btn_1 div small {
        font-weight: 600;
        font-size: 13px
    }

    .web_applications .owl-carousel .owl-item .icon_div {
        padding-top: 8.5%
    }

    .eComm_BanNer {
        width: 100%;
        float: left;
        padding: 1.5em 0 3em
    }

    .mAd_txtarea h1 {
        font-size: 2.25em;
        text-align: center
    }

    .mAd_txtarea p {
        font-size: 14px;
        text-align: center !important
    }

    .uk-divider-small {
        display: none
    }

    .headSpan {
        display: block;
        font-size: .7em
    }

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

        .eComm_circle h3 {
            font-size: 1.4em
        }

        .eComm_circle h2 {
            font-size: 1.5rem;
            line-height: 27px
        }

        .eComm_circle h4 {
            font-family: AvenirNextCyr-Regular;
            font-size: 16px;
            margin: 1em 0;
            text-align: center
        }

    .ecomm_sEction2 {
        width: 100%;
        float: left;
        padding: 1em 0 1em
    }

    .text_card h4 {
        font-size: 1.2rem;
        text-transform: capitalize;
        margin: 0
    }

    .ecOmmProcess, .ecoM_protfOliO, .ecom_Hosting, .ecom_one, .ecomm_pricing, .services-section {
        padding: 2em 0
    }

        .ecomm_pricing h4 {
            color: #f80000;
            font-size: 1em
        }

    .pricingTable .title {
        font-size: 22px;
        margin: 0 -10px
    }

    .pricingTable {
        margin: 0 0 20px
    }

        .pricingTable .pricing-content {
            height: 380px;
            padding: 5px 5px
        }

            .pricingTable .pricing-content .inner-content li {
                background-color: #e1e1e1;
                line-height: 20px;
                padding: 8px 0
            }

    .scrollbar {
        float: left;
        height: 280px
    }

    .proCircle {
        display: none
    }

    .middlePRo {
        position: relative;
        top: 0
    }

    .slide_RYT {
        padding-left: 5em
    }

        .slide_RYT h4 {
            font-size: 1.5em
        }

    .ecom_Why {
        text-align: center !important
    }

        .ecom_Why small {
            padding: 0
        }

            .ecom_Why small:before {
                left: -25px
            }

        .ecom_Why h3 {
            font-size: 1.2em
        }

        .ecom_Why .uk-accordion-title {
            display: block;
            font-size: 14px;
            text-align: left !important
        }

    .uk-accordion-content {
        margin-top: 20px;
        text-align: justify
    }

    .w_design {
        text-align: center
    }

        .w_design h4 {
            font-size: 1.5em
        }

        .w_design span {
            font-size: 1.5em;
            color: #0346ab
        }

    .ecom_counter .count {
        font-size: 1.2em
    }

    .ecom_counter p {
        font-weight: 500;
        margin: 4px 0 0;
        line-height: 17px
    }

    .ecom_Hosting {
        text-align: center;
        padding: 2em 0 2.5em
    }

        .ecom_Hosting h2 {
            font-size: 2em;
            text-align: center
        }

        .ecom_Hosting h3 {
            font-size: 18px;
            text-align: center
        }

        .ecom_Hosting ul.listing-mark li {
            padding-left: 1.7em;
            margin: 9px 0;
            font-size: 16px;
            line-height: 22px;
            text-align: left !important
        }

        .ecom_Hosting ul li:after {
            top: 0;
            font-size: inherit
        }

        .ecom_Hosting .btn-primary {
            position: relative;
            z-index: 9
        }

    .circleProcess {
        position: relative;
        top: 0;
        margin-bottom: 1em
    }

    .icon_P1, .icon_P2, .icon_P3 {
        position: absolute;
        bottom: auto;
        width: 55px;
        height: 55px;
        line-height: 55px;
        right: auto;
        left: 0
    }

    .ecOmmProcess .text-right {
        text-align: left !important
    }

    .ecOmmProcess .text-center {
        text-align: left !important
    }

    .ecoMmMArkeTinG {
        width: 100%;
        float: left;
        margin-top: 9em;
        margin-bottom: 0;
        height: 380px
    }

    .mrKTEcom {
        position: relative;
        bottom: 1em;
        z-index: 9
    }

        .mrKTEcom h2 {
            font-size: 2em
        }

        .mrKTEcom p {
            font-size: 15px
        }

    .imgFOrmEcom1, .imgFOrmEcom2 {
        display: none
    }

    .ecomm_Feature .mb-5, .my-5 {
        margin-bottom: 1.3rem !important
    }

    .formArEaCommerce {
        width: 100%;
        float: left;
        padding: 0;
        position: relative;
        margin-top: 0
    }

        .formArEaCommerce h4 {
            font-size: 1.3em
        }

    .FormEcommerce {
        padding: 1em 1em;
        margin-top: 2em;
    }

    .form-group {
        margin-bottom: 4px
    }

    .digi_grid .button {
        margin: .6em auto 0 !important;
        float: none
    }

    .eCommAPPs {
        padding: 2em 0 0
    }

        .eCommAPPs h2 {
            font-size: 1.8em
        }

        .eCommAPPs p {
            font-size: 16px;
            line-height: 25px
        }

        .eCommAPPs .pt-5, .py-5 {
            padding-top: 1rem !important
        }

    .CaseEcomm {
        padding: 2em 0
    }

        .CaseEcomm .uk-height-max-large {
            height: 100%;
            max-height: 100%;
            text-align: center
        }

        .CaseEcomm h3 {
            font-size: 1.5em
        }

    .banner_btn {
        margin: 1.5em 0 0;
        text-align: center;
        transition: .4s ease-in-out
    }

    .mAd_section {
        padding: 2em 0 4em
    }

    .mAd_txtarea h4 {
        text-align: center;
        font-size: 18px
    }

    .mAd_section2 {
        padding: 2em 0 0
    }

        .mAd_section2 .grid_content img {
            width: 70px;
            height: 70px;
            margin-bottom: 0
        }

        .mAd_section2 .grid_content {
            padding: 2em 1em
        }

    .android-section {
        padding: 0 0 8em
    }

        .android-section h2 {
            color: #fff !important;
            font-size: 2em;
            text-transform: uppercase;
            margin: .5em 0;
            text-align: center
        }

    .features {
        padding: 0
    }

        .features li .text {
            float: left;
            width: calc(100% - 46px);
            width: -webkit-calc(100% - 46px);
            padding-left: 5px
        }

            .features li .text .title {
                font-weight: 400;
                font-size: 1.2em;
                line-height: 24px
            }

            .features li .text p {
                font-size: 14px;
                line-height: 23px;
                text-align: justify
            }

    .table_ios {
        position: absolute;
        bottom: -14em
    }

    .iOS_section {
        padding: 9em 0 1em
    }

        .iOS_section h2 {
            font-size: 2em
        }

    .app_ss {
        padding: 2em 0;
        text-align: center
    }

    .iphone-frame img {
        max-width: 100%;
        margin: auto
    }

    .iphone-frame {
        position: absolute;
        top: -71px;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto
    }

    .home-services-item {
        text-align: center;
        min-height: 114px;
        padding: 10px 0;
        align-content: center;
        color: #fff;
        flex-wrap: wrap;
        display: grid
    }

        .home-services-item:before {
            background: linear-gradient(127deg,#fff 0,#fff 91%)
        }

        .home-services-item.active .services-title, .home-services-item:hover .services-title {
            color: #556b7d
        }

        .home-services-item .services-title {
            font-weight: 800;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 0 !important
        }

        .home-services-item p {
            display: none
        }

        .home-services-item i {
            font-size: 30px;
            margin-bottom: 12px
        }

        .home-services-item.active i, .home-services-item:hover i {
            background-image: linear-gradient(127deg,#8e3481 0,#92347f 91%)
        }

    .mAd_marketing {
        padding: 0 0 2em;
        margin-top: 3em;
        text-align: center
    }

        .mAd_marketing:after {
            top: -39px
        }

    .small-head {
        font-size: 15px
    }

    .app_marketing h2 {
        font-size: 2em
    }

    .app_marketing p {
        font-family: Muli,sans-serif !important;
        font-size: 15px
    }

    .process_wheel {
        padding: 4em 0 4em
    }

    .rotate_circle {
        width: 260px;
        height: 260px;
        border-radius: 100%;
        position: absolute;
        top: 0
    }

    .process_img img {
        width: 100%;
        position: relative;
        bottom: -127px
    }

    .rotate_circle {
        width: 260px;
        height: 260px;
        border-radius: 100%;
        position: absolute;
        top: 42px;
        right: 0;
        left: 0;
        margin: auto;
        border: 2px dashed #797788
    }

    .mAd_caseStudy {
        padding: 2em 0 2em
    }

        .mAd_caseStudy .uk-button {
            padding: 0 5px;
            vertical-align: middle;
            font-size: 12px;
            line-height: 34px
        }

        .mAd_caseStudy .uk-list-bullet > li {
            text-align: left
        }

    .case_content {
        text-align: center
    }

        .case_content h2 {
            font-size: 2em;
            text-align: center
        }

        .case_content p {
            text-align: center
        }

    .mAd_caseStudy img {
        margin: 1em auto 0
    }

    .mAd_android_section {
        padding: 2em 0 6em
    }

    .android_grid {
        min-height: 300px;
        height: 300px
    }

        .android_grid img {
            width: 70px;
            height: 70px
        }

    .anDroid_APP {
        padding: 2em 0 2em
    }

    .process_AndRoid .rotate_circle {
        border-color: #fdd000;
        width: 250px !important;
        height: 250px !important;
        top: -11em
    }

    .process_AndRoid .rectangle-img:after {
        height: 210px;
        width: 210px;
        bottom: 19.5em
    }

    .andROID_section2 {
        padding: 0 0 14em
    }

        .andROID_section2 h2 {
            line-height: 24px;
            margin-top: 1em;
            text-align: center
        }

            .andROID_section2 h2 a {
                font-size: .7em
            }

        .andROID_section2 p {
            text-align: center
        }

    .android_process {
        padding: 0;
        margin-top: -6em
    }

    .main-timeline .timeline-content, .main-timeline .timeline-content2 {
        position: relative
    }

    .process_AndRoid {
        padding: 0;
        bottom: -29em
    }

        .process_AndRoid .uk-position-z-index {
            z-index: 2;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 14.7em
        }

        .process_AndRoid .process_img {
            position: absolute;
            top: -16em;
            left: 0;
            right: 0;
            z-index: 2;
            margin: auto;
            width: 150px
        }

    .andrOID_conTAct {
        width: 100%;
        float: left;
        margin: 0
    }

        .andrOID_conTAct .bg_img {
            padding: 3em 0 0
        }

    .mAd_IOS_section {
        padding: 1em 0 4em
    }

    .Section_ios {
        margin-top: 4em;
        padding-top: 11em !important
    }

        .Section_ios .table_ios {
            bottom: 0
        }

    .loGo_Banner {
        padding: 2em 0 0
    }

        .loGo_Banner .icon-scroll {
            display: none
        }

    .sAmpPleLogO .title_medium .section-title-body .head-title {
        font-size: 1.7em;
        line-height: 0
    }

    .LoGOWebsite {
        padding: 2em 0 1em
    }

        .LoGOWebsite h4 {
            color: #fff;
            margin: 0;
            font-size: 2em
        }

    .logoWebGrid {
        position: relative;
        top: auto
    }

    .arrowImg, .lo {
        display: none
    }

    .gridWeB {
        position: relative;
        margin-bottom: 2em;
        text-align: center
    }

        .gridWeB h3 {
            color: #000;
            text-align: center
        }

        .gridWeB p {
            text-align: center;
            line-height: 22px;
            font-size: 14px
        }

    .typeThree h3, .typeThree p {
        text-align: center !important
    }

    .typeTwo {
        top: auto;
        text-align: center !important;
        right: 0;
        padding-right: 0
    }

    .typeOne {
        top: 0;
        left: auto;
        right: 0;
        padding-right: 0
    }

    .typeThree {
        top: 0;
        right: auto;
        left: 0;
        padding: 0
    }

        .typeOne img, .typeThree img, .typeTwo img {
            position: relative;
            left: 0;
            right: 0;
            top: -17px;
            margin: auto;
            float: none;
            width: 70px
        }

    .btn-fixed-package {
        bottom: 11rem;
        right: auto;
        left: -4.8em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    .btn-fixed-logo {
        bottom: 19rem;
        right: auto;
        left: -1.93em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    #return-to-top {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

        #return-to-top i {
            top: 0;
            font-size: .8rem
        }

    .DeSIGNservICes {
        padding: 3em 0;
        margin-top: 1em
    }

    .servBOX img {
        width: 50px
    }

    .servBOX {
        padding: 1em 0;
        background: #fdfdfd;
        align-content: center;
        flex-wrap: wrap;
        display: grid;
        margin-bottom: 1em;
        border: 2px solid #d9d9de;
        min-height: 140px
    }

    .PlansLogo {
        padding: 2em 0
    }

    .pricingTableloGo.blueloGo {
        margin-bottom: 0
    }

    .my-5, .pricingTableloGo .mt-5 {
        margin-top: 0 !important
    }

    .ProceSSLogo {
        padding: 2em 0 4em
    }

    .logo-timeline .timeline-yearlogoD {
        font-size: 1.5em;
        line-height: 40px;
        height: 50px;
        border: 6px solid #b7c5ff;
        width: 50px;
        top: 0
    }

    .logo-timeline img {
        width: 80px
    }

    .logo-timeline .timelinelogoD:nth-child(even) .timeline-yearlogoD {
        right: auto;
        left: -5px
    }

    .otherServices {
        padding: 2em 0 1em;
        margin-bottom: 1em
    }

    .DiGibaNner {
        padding: 2em 0 14em;
        text-align: center
    }

        .DiGibaNner:after {
            bottom: -22em;
            background-size: 100%
        }

    .dIgiBaNnerContent .digi_web_icons a p {
        color: #fff;
        line-height: 20px;
        word-break: initial;
    }

    .dIgiBaNnerContent h1 {
        font-size: 2.2em
    }

    .dIgiBaNnerContent h3 {
        font-size: 1.2em
    }

    .dIgiBaNnerContent .digi_web_icons .digiCircle {
        width: auto;
        height: auto;
        line-height: 1.4;
        margin: auto;
        background: 0 0;
        border: none;
        box-shadow: none
    }

        .dIgiBaNnerContent .digi_web_icons .digiCircle img {
            width: 100%
        }

    .DigiMoreServiCEs {
        padding: 0 0 1em
    }

    .digiGridSerV {
        text-align: center
    }

        .digiGridSerV h2 {
            font-size: 1.9em
        }

        .digiGridSerV p {
            font-size: 14.5px
        }

    .digiImg, .digiImgright {
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
        margin: auto
    }

    .buttonGRad {
        text-align: center;
        padding: 15px 12px;
        width: 100%;
        font-size: 18px
    }

    .title_headDigi h2 {
        font-size: 1.6em
    }

    .title_headDigi p {
        font-size: 15px;
        max-width: 100%;
        margin: 0 auto 3em
    }

    .KeySeO {
        padding: 2.3em 1em 1.4em;
        text-align: center;
        background-position: 5em 17em;
        margin: 0 0 3.4em
    }

        .KeySeO i {
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            font-size: 2em;
            left: 0;
            right: 0;
            margin: auto;
            top: -10%
        }

    .DigiCounter {
        padding: 2em 0;
        text-align: center
    }

    .counterDigi {
        position: relative;
        margin-bottom: 2em;
        display: none
    }

    .diGielEmentCounter {
        position: relative;
        display: none
    }

    .blg-sec-head {
        padding: 1em 3em 3em
    }

        .blg-sec-head h1 {
            font-size: 2.5em;
            margin: 0
        }

    .blg-sec-ed {
        padding: 2em 0
    }

        .blg-sec-ed .uk-card-title, .blg-sec-ed .uk-card-title a {
            font-size: 1rem;
            height: 75px
        }

    .fullblog h1 {
        font-size: 1.6em
    }

    .fullpage {
        padding: 1em 0
    }

        .fullpage .text-justify {
            text-align: center !important
        }

        .fullpage .padding-50px {
            padding: 15px
        }

    .aspNetDisabled {
        margin: 0 -1px;
        display: inline
    }
}

@media only screen and (min-width :480px) and (max-width :765px) {
    .divQuote {
        padding: 4em 1em 5em
    }

    .mainMenu {
        padding: .5em 1em !important
    }

    .quoteSidebar h2 {
        font-size: 1.5em
    }

    .quoteSidebar .imgCircle {
        width: 80px;
        height: 80px;
        line-height: 70px
    }

    .quoteSidebar img {
        width: 50px
    }

    .quotePopup {
        padding: 1em 3em
    }

        .btn-warning, .cptchBox, .quotePopup .btn-warning {
            margin-top: 10px
        }

    .contactDiv {
        padding: 2em 0 10em
    }

    .contactDiv2 {
        padding: 0;
        bottom: -187%
    }

    .contactDiv h1 {
        font-size: 1.8em
    }

    .contactDiv p {
        font-size: 15px
    }

    .cardContact {
        min-height: 200px;
        max-height: 200px;
        padding: 10px !important
    }

        .cardContact h3 {
            margin: 0;
            color: #0459c1;
            font-size: 1.1em
        }

        .cardContact p {
            font-size: 15px;
            line-height: 17px
        }

        .cardContact img {
            margin: 0 auto 4px;
            width: 50px
        }

    .contactDRop {
        padding: 39em 0 2em
    }

    .ct-frm-div {
        padding: 15px
    }

    .side-nav {
        position: fixed;
        width: 295px
    }

    .quote_btn .inner-column .play-button {
        position: relative;
        width: 60px;
        height: 60px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        font-size: 14px;
        line-height: 14PX;
        PADDING-top: 13px;
        display: inline-block;
        border: 2px solid #23e400;
        box-shadow: 0 0 10px #00000063 inset;
        background-color: #24ea00
    }

    .callInfoSpace p, .callInfoSpace p a {
        color: #000;
        font-size: 15px
    }

    .callInfoSpace a.text-white {
        line-height: 2.7;
        margin: 0;
        padding: 0;
        display: block;
        text-align: left
    }

        .callInfoSpace a.text-white i {
            display: none
        }

    .navbar {
        padding: 0 1em
    }

    .navbar-light .navbar-brand img {
        width: 150px
    }

    .callInfoSpace {
        display: block
    }

    .side-nav {
        position: fixed;
        width: 295px
    }

    .mobHidden {
        display: none
    }

    .circleRotation img {
        width: 40px;
        margin-top: 7px
    }

    .circleRotation {
        padding: 10px 5px;
        margin: 0 auto 10px;
        top: 4em
    }

        .circleRotation h3 {
            font-size: 9px;
            padding: 0 10px
        }

        .circleRotation:after {
            content: '';
            background-image: url(../image/banner/cloudBubbleSmall.png);
            background-repeat: no-repeat;
            background-position: left top;
            width: 151px;
            height: 119px;
            left: -1em;
            right: 0;
            margin: auto
        }

    .boy_img {
        position: absolute;
        top: -23em;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto
    }

    .titleAbs {
        position: relative;
        top: -10em;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .otherCirclerotation, .otherCirclerotation3, otherCirclerotation1, otherCirclerotation2, otherCirclerotation4 {
        display: none
    }

    .edgType h4 {
        color: #fff;
        text-align: center;
        font-size: 1.1em;
        position: relative;
        top: 3.6em
    }

    #edg_banner .banner_caption_text .btn-app-store .small {
        font-size: 9px
    }

    #edg_banner .banner_caption_text .btn-app-store .big {
        font-size: 16px
    }

    #edg_banner .banner_caption_text .btn-app-store {
        margin-bottom: 11em
    }

    #edg_banner .banner_caption_text .btn-app-store {
        background: #fff;
        border-radius: 30px;
        color: #000;
        padding: 8px 23px 8px 48px;
        position: relative;
        margin-right: 0
    }

        #edg_banner .banner_caption_text .btn-app-store i {
            font-size: 30px;
            left: 17px
        }

    #edg_banner .banner_caption_text h2 {
        font-size: 26px;
        padding: 43px 0 !important;
        line-height: 0;
        margin-bottom: 0
    }

    .scroller {
        height: 43pt
    }

    #edg_banner .banner_caption_text {
        margin-top: 8em
    }

    .icon-scroll {
        bottom: 7% !important
    }

    .service_box {
        padding: 1.5em 0
    }

    .section-title .section-title-body .head-title.effect-buttom-border {
        display: inline-block;
        margin-bottom: 1rem;
        position: relative;
        padding: 0 0 10px;
        letter-spacing: 0;
        font-size: 2em
    }

    .section-title .section-title-body {
        padding-bottom: 0
    }

        .section-title .section-title-body .head-text {
            margin: 0 0 15px;
            font-size: 14px;
            text-align: justify
        }

    .block-feature.top-icon {
        padding: 5px 0 0 0
    }

    .domain_hosting {
        padding: 2em 0 2EM 0;
        text-align: center
    }

        .domain_hosting h2 {
            font-size: 2em
        }

        .domain_hosting h3 {
            font-size: 1.6em
        }

    .button {
        float: none;
        margin: auto
    }

    .button--winona::after, .button--winona > span {
        padding: .7em 3em
    }

    .why_us {
        padding: 2em 0
    }

    .y_us_text h2 {
        font-size: 2em;
        text-align: center
    }

    .overlay-bar-1 {
        left: -20%;
        display: none
    }

    .bg_img {
        width: 100%;
        float: left;
        padding: 4em 1em 0
    }

        .bg_img h3 {
            font-size: 2.5em
        }

        .bg_img .text_p {
            font-size: 1rem
        }

    .started_bg {
        margin: 4em 0 0 0
    }

    .start_btn a {
        width: 70px;
        height: 70px;
        line-height: 63px;
        display: block;
        margin: 1em auto;
        font-size: 2em
    }

    .started_bg:before {
        background: linear-gradient(to right,#373dcc 0,#3c83fa 100%)
    }

    .edg_marketing {
        margin: 1em 0
    }

        .edg_marketing .bg_img {
            padding: 4em 0 4em 0
        }

            .edg_marketing .bg_img h3 {
                font-size: 2.5em
            }

            .edg_marketing .bg_img p {
                font-size: 1em
            }

        .edg_marketing:before {
            background: linear-gradient(to right,#febb42 0,#fee542 100%)
        }

    .digi_grid .img_circle {
        width: 100px;
        height: 100px;
        line-height: 109px;
        margin: .3rem auto
    }

    .industries {
        padding: 2em 0 0 0
    }

    .clients_grid h3 {
        font-size: 1.5rem
    }

    .clients_grid .cl_logo {
        margin: 16px auto 0
    }

    .classy {
        background-image: none;
        background: #ffd7c1;
        padding: 2em 0 0 0
    }

    .bg_count {
        background: #ffae84;
        padding: 1rem 0;
        border-top: 1px solid #ffd7c175;
        border-bottom: 1px solid #ff935ba6
    }

        .bg_count h5 {
            font-size: 1.1rem;
            margin: 0
        }

        .bg_count .count {
            font-size: 2.3em;
            font-weight: 600
        }

    .classy_tabs h2 {
        font-size: 1.7rem;
        font-weight: 600
    }

    .edg_bottom .img_icon i {
        position: absolute;
        top: 17%
    }

    .edg_bottom .text_ryt {
        padding: 11px 0 0 4em
    }

    .info_bottom {
        padding: 0 0 10px 0
    }

        .info_bottom .list-inline-item:first-child {
            display: block;
            text-align: center;
            margin-bottom: 8px
        }

    .flags, .social_style {
        float: none;
        margin: 10px auto 0;
        text-align: center
    }

    .f_bottom {
        margin-bottom: 1em
    }

        .f_bottom p, .f_bottom p.text-right {
            text-align: center !important;
            margin: 0;
            line-height: 23px
        }

    .web_banner {
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
        padding: 2em 0 5em
    }

        .web_banner .web_content {
            padding: 0
        }

            .web_banner .web_content h1 {
                font-size: 2em
            }

                .web_banner .web_content h1 span {
                    display: block;
                    font-size: 22px
                }

            .web_banner .web_content .border_para {
                font-size: 1rem;
                border-top: 1px dashed #276eb8;
                padding-top: .6rem;
                margin-top: 12px
            }

            .web_banner .web_content p {
                font-size: 14px;
                text-align: center;
                line-height: 1.5
            }

    .website_form .card .card-body {
        padding: 0 1.4rem !important
    }

    .website_form .card-header {
        font-size: 15px;
        padding: 16px 0 !important
    }

    .banner_btn .btn_1 {
        padding: 7px 13px
    }

    .banner_btn .btn_2 {
        padding: 7px 13px
    }

        .banner_btn .btn_1 div, .banner_btn .btn_2 div {
            padding-left: 1em
        }

        .banner_btn .btn_1 i, .banner_btn .btn_2 i {
            left: 10px;
            top: 5px;
            font-size: 20px
        }

        .banner_btn .btn_1 div span, .banner_btn .btn_2 div span {
            font-size: 14px
        }

        .banner_btn .btn_2 div small {
            font-size: 13px
        }

    .best_section {
        padding: 2em 0
    }

    .web_bg {
        border-radius: 13px;
        margin-bottom: 1.5em;
        min-height: 435px;
        box-shadow: 11px 12px 13px rgba(0,0,0,.2)
    }

        .web_bg p {
            text-align: justify;
            color: #fff;
            font-size: 14.5px
        }

    .res_PRocess {
        margin-top: 1em
    }

    .mt-5, .my-5 {
        margin-top: 2rem !important
    }

    .tech_bg {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }

        .tech_bg .bg_img {
            padding: 3em 0 2em 0
        }

    .title_medium .section-title-body .head-title {
        font-size: 2em;
        line-height: 37px
    }

    .web_applications, .web_theme {
        padding: 2em 0
    }

    .web_digi {
        text-align: center
    }

        .web_digi h2 {
            font-size: 2em
        }

    .mkt_webimg {
        display: none
    }

    .overlay_bar_yellow, .tecklay {
        display: none
    }

    .ready_project .bg_img {
        padding: 2em 1em
    }

        .ready_project .bg_img .text_p {
            line-height: 1.4;
            margin-top: 1.3rem;
            font-size: 1em;
            text-shadow: none;
            margin-bottom: 1em
        }

        .ready_project .bg_img h3 {
            font-size: 2.5em
        }

    .single-service-preview {
        padding: 0 20px 1em
    }

    .service-preview-content {
        padding: 1em 0
    }

    .tab_bg {
        padding: 2em 0
    }

    .tab-content {
        padding: 0 0 1rem
    }

    .main-tabs .nav-item .nav-link {
        display: inline-block;
        min-height: 35px;
        width: 103px;
        font-size: 13px;
        word-break: inherit;
        padding: 10px 2px
    }

    .main-tabs .nav-item:not(:last-child) {
        margin: 4px 16px
    }

    .main-tabs .nav-item {
        width: 81px;
        margin: auto 16px;
        text-align: center
    }

        .main-tabs .nav-item .nav-link.active:before {
            border: none
        }

        .main-tabs .nav-item .nav-link span {
            display: none
        }

            .main-tabs .nav-item .nav-link span img {
                width: 30px;
                height: 30px
            }

    .padding_box {
        padding: 0 0
    }

    .key_points h3 {
        font-size: 1.4rem
    }

    .ready_project {
        margin: 0
    }

    .tech_bg:before {
        background: linear-gradient(to right,#2782ea 0,#1d45b6 100%)
    }

    .digi_mkt {
        padding: 3em 0 0
    }

    .ready_project:before {
        background: linear-gradient(to right,#febb42 0,#fee542 100%)
    }

    .key_features {
        padding: 2em 0
    }

    .key_grid {
        text-align: center;
        padding: 10px;
        min-height: 120px;
        word-break: break-word;
        margin-bottom: 10px;
        align-content: center;
        flex-wrap: wrap;
        display: grid;
        margin: 0 auto 1em
    }

        .key_grid h4 {
            font-size: 16px;
            line-height: 20px
        }

            .key_grid h4 i {
                margin-right: 0;
                font-size: 2em;
                display: block;
                margin-bottom: 11px
            }

        .key_grid p {
            display: none
        }

    .banner_btn .btn_1 div small {
        font-weight: 600;
        font-size: 13px
    }

    .web_applications .owl-carousel .owl-item .icon_div {
        padding-top: 8.5%
    }

    .eComm_BanNer {
        width: 100%;
        float: left;
        padding: 1.5em 0 3em
    }

    .mAd_txtarea h1 {
        font-size: 2.25em;
        text-align: center
    }

    .mAd_txtarea p {
        font-size: 14px;
        text-align: center !important
    }

    .uk-divider-small {
        display: none
    }

    .headSpan {
        display: block;
        font-size: .7em
    }

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

        .eComm_circle h3 {
            font-size: 1.4em
        }

        .eComm_circle h2 {
            font-size: 1.5rem;
            line-height: 27px
        }

        .eComm_circle h4 {
            font-family: AvenirNextCyr-Regular;
            font-size: 16px;
            margin: 1em 0;
            text-align: center
        }

    .ecomm_sEction2 {
        width: 100%;
        float: left;
        padding: 1em 0 1em
    }

    .text_card h4 {
        font-size: 1.2rem;
        text-transform: capitalize;
        margin: 0
    }

    .ecOmmProcess, .ecoM_protfOliO, .ecom_Hosting, .ecom_one, .ecomm_pricing, .services-section {
        padding: 2em 0
    }

        .ecomm_pricing h4 {
            color: #f80000;
            font-size: 1em
        }

    .pricingTable .title {
        font-size: 22px;
        margin: 0 -10px
    }

    .pricingTable {
        margin: 0 0 20px
    }

        .pricingTable .pricing-content {
            height: 380px;
            padding: 5px 5px
        }

            .pricingTable .pricing-content .inner-content li {
                background-color: #e1e1e1;
                line-height: 20px;
                padding: 8px 0
            }

    .scrollbar {
        float: left;
        height: 280px
    }

    .proCircle {
        display: none
    }

    .middlePRo {
        position: relative;
        top: 0
    }

    .slide_RYT {
        padding-left: 5em
    }

        .slide_RYT h4 {
            font-size: 1.5em
        }

    .ecom_Why {
        text-align: center !important
    }

        .ecom_Why small {
            padding: 0
        }

            .ecom_Why small:before {
                left: -25px
            }

        .ecom_Why h3 {
            font-size: 1.2em
        }

        .ecom_Why .uk-accordion-title {
            display: block;
            font-size: 14px;
            text-align: left !important
        }

    .uk-accordion-content {
        margin-top: 20px;
        text-align: justify
    }

    .w_design {
        text-align: center
    }

        .w_design h4 {
            font-size: 1.5em
        }

        .w_design span {
            font-size: 1.5em;
            color: #0346ab
        }

    .ecom_counter .count {
        font-size: 1.2em
    }

    .ecom_counter p {
        font-weight: 500;
        margin: 4px 0 0;
        line-height: 17px
    }

    .ecom_Hosting {
        text-align: center;
        padding: 2em 0 2.5em
    }

        .ecom_Hosting h2 {
            font-size: 2em;
            text-align: center
        }

        .ecom_Hosting h3 {
            font-size: 18px;
            text-align: center
        }

        .ecom_Hosting ul.listing-mark li {
            padding-left: 1.7em;
            margin: 9px 0;
            font-size: 16px;
            line-height: 22px;
            text-align: left !important
        }

        .ecom_Hosting ul li:after {
            top: 0;
            font-size: inherit
        }

        .ecom_Hosting .btn-primary {
            position: relative;
            z-index: 9
        }

    .circleProcess {
        position: relative;
        top: 0;
        margin-bottom: 1em
    }

    .icon_P1, .icon_P2, .icon_P3 {
        position: absolute;
        bottom: auto;
        width: 55px;
        height: 55px;
        line-height: 55px;
        right: auto;
        left: 0
    }

    .ecOmmProcess .text-right {
        text-align: left !important
    }

    .ecOmmProcess .text-center {
        text-align: left !important
    }

    .ecoMmMArkeTinG {
        width: 100%;
        float: left;
        margin-top: 9em;
        margin-bottom: 0;
        height: 420px
    }

    .mrKTEcom {
        position: relative;
        bottom: 1em;
        z-index: 9
    }

        .mrKTEcom h2 {
            font-size: 2em
        }

        .mrKTEcom p {
            font-size: 15px
        }

    .imgFOrmEcom1, .imgFOrmEcom2 {
        display: none
    }

    .ecomm_Feature .mb-5, .my-5 {
        margin-bottom: 1.3rem !important
    }

    .formArEaCommerce {
        width: 100%;
        float: left;
        padding: 0;
        position: relative;
        margin-top: 0
    }

        .formArEaCommerce h4 {
            font-size: 1.3em
        }

    .FormEcommerce {
        padding: 1em 1em
    }

    .form-group {
        margin-bottom: 4px
    }

    .digi_grid .button {
        margin: .6em auto 0 !important;
        float: none
    }

    .eCommAPPs {
        padding: 2em 0 0
    }

        .eCommAPPs h2 {
            font-size: 1.8em
        }

        .eCommAPPs p {
            font-size: 16px;
            line-height: 25px
        }

        .eCommAPPs .pt-5, .py-5 {
            padding-top: 1rem !important
        }

    .CaseEcomm {
        padding: 2em 0
    }

        .CaseEcomm .uk-height-max-large {
            height: 100%;
            max-height: 100%;
            text-align: center
        }

        .CaseEcomm h3 {
            font-size: 1.5em
        }

    .banner_btn {
        margin: 1.5em 0 0;
        text-align: center;
        transition: .4s ease-in-out
    }

    .mAd_section {
        padding: 2em 0 4em
    }

    .mAd_txtarea h4 {
        text-align: center;
        font-size: 18px
    }

    .mAd_section2 {
        padding: 2em 0 0
    }

        .mAd_section2 .grid_content img {
            width: 70px;
            height: 70px;
            margin-bottom: 0
        }

        .mAd_section2 .grid_content {
            padding: 2em 1em
        }

    .android-section {
        padding: 0 0 8em
    }

        .android-section h2 {
            color: #fff !important;
            font-size: 2em;
            text-transform: uppercase;
            margin: .5em 0;
            text-align: center
        }

    .features {
        padding: 0
    }

        .features li .text {
            float: left;
            width: calc(100% - 46px);
            width: -webkit-calc(100% - 46px);
            padding-left: 5px
        }

            .features li .text .title {
                font-weight: 400;
                font-size: 1.2em;
                line-height: 24px
            }

            .features li .text p {
                font-size: 14px;
                line-height: 23px;
                text-align: justify
            }

    .table_ios {
        position: absolute;
        bottom: -14em
    }

    .iOS_section {
        padding: 9em 0 1em
    }

        .iOS_section h2 {
            font-size: 2em
        }

    .app_ss {
        padding: 2em 0;
        text-align: center
    }

    .iphone-frame img {
        max-width: 100%;
        margin: auto
    }

    .iphone-frame {
        position: absolute;
        top: -71px;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto
    }

    .home-services-item {
        text-align: center;
        min-height: 114px;
        padding: 10px 0;
        align-content: center;
        color: #fff;
        flex-wrap: wrap;
        display: grid
    }

        .home-services-item:before {
            background: linear-gradient(127deg,#fff 0,#fff 91%)
        }

        .home-services-item.active .services-title, .home-services-item:hover .services-title {
            color: #556b7d
        }

        .home-services-item .services-title {
            font-weight: 800;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 0 !important
        }

        .home-services-item p {
            display: none
        }

        .home-services-item i {
            font-size: 30px;
            margin-bottom: 12px
        }

        .home-services-item.active i, .home-services-item:hover i {
            background-image: linear-gradient(127deg,#8e3481 0,#92347f 91%)
        }

    .mAd_marketing {
        padding: 0 0 2em;
        margin-top: 3em;
        text-align: center
    }

        .mAd_marketing:after {
            top: -39px
        }

    .small-head {
        font-size: 15px
    }

    .app_marketing h2 {
        font-size: 2em
    }

    .app_marketing p {
        font-family: Muli,sans-serif !important;
        font-size: 15px
    }

    .process_wheel {
        padding: 4em 0 4em
    }

    .rotate_circle {
        width: 260px;
        height: 260px;
        border-radius: 100%;
        position: absolute;
        top: 0
    }

    .process_img img {
        width: 100%;
        position: relative;
        bottom: -80px
    }

    .rotate_circle {
        width: 230px;
        height: 230px;
        border-radius: 100%;
        position: absolute;
        top: 36px;
        right: 0;
        left: 0;
        margin: auto;
        border: 2px dashed #797788
    }

    .mAd_caseStudy {
        padding: 2em 0 2em
    }

        .mAd_caseStudy .uk-button {
            padding: 0 5px;
            vertical-align: middle;
            font-size: 12px;
            line-height: 34px
        }

        .mAd_caseStudy .uk-list-bullet > li {
            text-align: left
        }

    .case_content {
        text-align: center
    }

        .case_content h2 {
            font-size: 2em;
            text-align: center
        }

        .case_content p {
            text-align: center
        }

    .mAd_caseStudy img {
        margin: 1em auto 0
    }

    .mAd_android_section {
        padding: 1em 0 3em
    }

    .anDroid_APP {
        padding: 2em 0 2em
    }

    .process_AndRoid .rotate_circle {
        border-color: #fdd000;
        width: 190px !important;
        height: 190px !important;
        top: -12em
    }

    .process_AndRoid .rectangle-img:after {
        height: 150px;
        width: 150px;
        bottom: 18.4em
    }

    .andROID_section2 {
        padding: 4em 0 8em
    }

        .andROID_section2 h2 {
            line-height: 24px;
            margin-top: 1em;
            text-align: center
        }

            .andROID_section2 h2 a {
                font-size: .7em
            }

    .android_process {
        padding: 0;
        margin-top: -6em
    }

    .main-timeline .timeline-content, .main-timeline .timeline-content2 {
        position: relative
    }

    .process_AndRoid {
        padding: 0
    }

        .process_AndRoid .uk-position-z-index {
            z-index: 2;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 14.7em
        }

        .process_AndRoid .process_img {
            position: absolute;
            top: -16em;
            left: 0;
            right: 0;
            z-index: 2;
            margin: auto;
            width: 125px
        }

    .andrOID_conTAct {
        width: 100%;
        float: left;
        margin: 0
    }

        .andrOID_conTAct .bg_img {
            padding: 3em 0 0
        }

    .mAd_IOS_section {
        padding: 1em 0 4em
    }

    .Section_ios {
        margin-top: 4em;
        padding-top: 11em !important
    }

        .Section_ios .table_ios {
            bottom: 0
        }

    .loGo_Banner {
        padding: 2em 0 0
    }

        .loGo_Banner .icon-scroll {
            display: none
        }

    .sAmpPleLogO .title_medium .section-title-body .head-title {
        font-size: 1.7em;
        line-height: 0
    }

    .LoGOWebsite {
        padding: 2em 0 1em
    }

        .LoGOWebsite h4 {
            color: #fff;
            margin: 0;
            font-size: 2em
        }

    .logoWebGrid {
        position: relative;
        top: auto
    }

    .arrowImg, .lo {
        display: none
    }

    .gridWeB {
        position: relative;
        margin-bottom: 2em;
        text-align: center
    }

        .gridWeB h3 {
            color: #000;
            text-align: center
        }

        .gridWeB p {
            text-align: center;
            line-height: 22px;
            font-size: 14px
        }

    .typeThree h3, .typeThree p {
        text-align: center !important
    }

    .typeTwo {
        top: auto;
        text-align: center !important;
        right: 0;
        padding-right: 0
    }

    .typeOne {
        top: 0;
        left: auto;
        right: 0;
        padding-right: 0
    }

    .typeThree {
        top: 0;
        right: auto;
        left: 0;
        padding: 0
    }

        .typeOne img, .typeThree img, .typeTwo img {
            position: relative;
            left: 0;
            right: 0;
            top: -17px;
            margin: auto;
            float: none;
            width: 70px
        }

    .btn-fixed-package {
        bottom: 11rem;
        right: auto;
        left: -4.8em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    .btn-fixed-logo {
        bottom: 19rem;
        right: auto;
        left: -1.93em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    #return-to-top {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

        #return-to-top i {
            top: 0;
            font-size: 1.5rem
        }

    .DeSIGNservICes {
        padding: 3em 0;
        margin-top: 1em
    }

    .servBOX img {
        width: 50px
    }

    .servBOX {
        padding: 1em 0;
        background: #fdfdfd;
        align-content: center;
        flex-wrap: wrap;
        display: grid;
        margin-bottom: 1em;
        border: 2px solid #d9d9de;
        min-height: 140px
    }

    .PlansLogo {
        padding: 2em 0
    }

    .pricingTableloGo.blueloGo {
        margin-bottom: 0
    }

    .my-5, .pricingTableloGo .mt-5 {
        margin-top: 0 !important
    }

    .ProceSSLogo {
        padding: 2em 0 4em
    }

    .logo-timeline .timeline-yearlogoD {
        font-size: 1.5em;
        line-height: 40px;
        height: 50px;
        border: 6px solid #b7c5ff;
        width: 50px;
        top: 0
    }

    .logo-timeline img {
        width: 80px
    }

    .logo-timeline .timelinelogoD:nth-child(even) .timeline-yearlogoD {
        right: auto;
        left: -5px
    }

    .otherServices {
        padding: 2em 0 1em;
        margin-bottom: 1em
    }

    .DiGibaNner {
        padding: 2em 0 12em;
        text-align: center
    }

        .DiGibaNner:after {
            bottom: -32em;
            background-size: 100%
        }

    .dIgiBaNnerContent h1 {
        font-size: 2.2em
    }

    .dIgiBaNnerContent h3 {
        font-size: 1.2em
    }

    .dIgiBaNnerContent .digi_web_icons img {
        width: 70px;
        padding: 12px
    }

    .DigiMoreServiCEs {
        padding: 0 0 1em
    }

    .digiGridSerV {
        text-align: center
    }

        .digiGridSerV h2 {
            font-size: 1.9em
        }

        .digiGridSerV p {
            font-size: 14.5px
        }

    .digiImg, .digiImgright {
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
        margin: auto
    }

    .buttonGRad {
        text-align: center;
        padding: 15px 12px;
        width: 100%;
        font-size: 18px
    }

    .title_headDigi h2 {
        font-size: 1.6em
    }

    .title_headDigi p {
        font-size: 15px;
        max-width: 100%;
        margin: 0 auto 3em
    }

    .KeySeO {
        padding: 2.3em 1em 1.4em;
        text-align: center;
        background-position: 5em 17em;
        margin: 0 0 3.4em
    }

        .KeySeO i {
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            font-size: 2em;
            left: 0;
            right: 0;
            margin: auto;
            top: -10%
        }

    .DigiCounter {
        padding: 2em 0;
        text-align: center
    }

    .counterDigi {
        position: relative;
        margin-bottom: 2em;
        display: none
    }

    .diGielEmentCounter {
        position: relative;
        display: none
    }

    .blg-sec-head {
        padding: 1em 3em 3em
    }

        .blg-sec-head h1 {
            font-size: 2.5em;
            margin: 0
        }

    .blg-sec-ed {
        padding: 2em 0
    }

        .blg-sec-ed .uk-card-title, .blg-sec-ed .uk-card-title a {
            font-size: 1rem;
            height: 75px
        }

    .fullblog h1 {
        font-size: 1.6em
    }

    .fullpage {
        padding: 1em 0
    }

        .fullpage .text-justify {
            text-align: center !important
        }

        .fullpage .padding-50px {
            padding: 15px
        }

    .aspNetDisabled {
        margin: 0 -1px;
        display: inline
    }
}

@media only screen and (min-width :768px) and (max-width :992px) {
    .d-sm-none {
        display: none !important
    }

    body {
        font-size: 14px
    }

    .mainMenu {
        padding: .5em 1em !important
    }

    .quoteSidebar h2 {
        font-size: 1.5em
    }

    .contactDiv {
        padding: 2em 0 10em
    }

    .contactDiv2 {
        padding: 0;
        bottom: -53%
    }

    .contactDiv h1 {
        font-size: 1.8em
    }

    .contactDiv p {
        font-size: 15px
    }

    .cardContact {
        min-height: 200px;
        max-height: 200px;
        padding: 10px !important
    }

        .cardContact h3 {
            margin: 0;
            color: #0459c1;
            font-size: 1.1em
        }

        .cardContact p {
            font-size: 15px;
            line-height: 17px
        }

        .cardContact img {
            margin: 0 auto 4px;
            width: 50px
        }

    .contactDRop {
        padding: 10em 0 2em
    }

    .ct-frm-div {
        padding: 15px
    }

        .ct-frm-div .form-group {
            margin-bottom: 15px
        }

    .quote_btn .inner-column .play-button {
        position: relative;
        width: 60px;
        height: 60px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        font-size: 14px;
        line-height: 14PX;
        PADDING-top: 13px;
        display: inline-block;
        border: 2px solid #23e400;
        box-shadow: 0 0 10px #00000063 inset;
        background-color: #24ea00
    }

    .callInfoSpace p, .callInfoSpace p a {
        color: #000;
        font-size: 15px
    }

    .callInfoSpace a.text-white {
        line-height: 2.7;
        margin: 0;
        padding: 0;
        display: block;
        text-align: left
    }

        .callInfoSpace a.text-white i {
            display: none
        }

    .navbar {
        padding: 0 1em
    }

    .navbar-light .navbar-brand img {
        width: 150px
    }

    .callInfoSpace {
        display: none
    }

    .side-nav {
        position: fixed;
        width: 295px
    }

    .dEskHi445n {
        display: block
    }

    .mobHidden {
        display: none
    }

    .circleRotation img {
        width: 40px;
        margin-top: 13px;
        margin-bottom: 5px
    }

    .circleRotation {
        padding: 10px 5px;
        margin: 0 auto 3em;
        top: -9em
    }

        .circleRotation h3 {
            margin: 0;
            font-size: 11px;
            padding: 0 10px
        }

        .circleRotation:after {
            content: '';
            background-image: url(../image/banner/cloudBubbleMedium.png);
            background-repeat: no-repeat;
            background-position: left top;
            width: 188px;
            height: 140px;
            left: -11px;
            right: 0;
            margin: auto
        }

    .boy_img {
        position: absolute;
        top: -29em;
        left: 4px;
        right: 0;
        width: 100%;
        margin: auto
    }

    .titleAbs {
        position: relative;
        top: -13em;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .otherCirclerotation1:before, .otherCirclerotation2:before, .otherCirclerotation3:before, .otherCirclerotation4:before {
        display: block;
        content: '';
        background-image: url(../image/banner/cloudArrowSmall.png);
        width: 95px;
        height: 27px;
        position: absolute
    }

    .otherCirclerotation1:before {
        right: -4em;
        bottom: 8.6em
    }

    .otherCirclerotation2:before {
        left: -5.7em;
        bottom: 8.5em
    }

    .otherCirclerotation3:before {
        right: -4.5em;
        bottom: 15em
    }

    .otherCirclerotation4:before {
        left: -4.5em;
        bottom: 15em
    }

    .edgType h4 {
        color: #fff;
        text-align: center;
        font-size: 14px;
        position: relative;
        top: -10.4em;
        line-height: 1.3;
        letter-spacing: 1px;
        word-spacing: -2px
    }

    .side-nav {
        position: fixed;
        width: 295px
    }

    #edg_banner .banner_caption_text .btn-app-store .small {
        font-size: 12px
    }

    #edg_banner .banner_caption_text .btn-app-store .big {
        font-size: 23px
    }

    #edg_banner .banner_caption_text .btn-app-store {
        margin-bottom: 11em
    }

    #edg_banner .banner_caption_text .btn-app-store {
        background: #fff;
        border-radius: 30px;
        color: #000;
        padding: 9px 33px 11px 53px;
        position: relative;
        margin-right: 0
    }

    #edg_banner .banner_caption_text p {
        margin: 13px auto
    }

    #edg_banner .banner_caption_text .btn-app-store i {
        font-size: 30px;
        left: 17px
    }

    #edg_banner .banner_caption_text h2 {
        font-size: 3em;
        padding: 47px 0 !important;
        line-height: 0;
        margin-bottom: 0
    }

    .scroller {
        height: 58pt
    }

    #edg_banner .banner_caption_text {
        margin-top: 8em
    }

    .icon-scroll {
        bottom: 12% !important
    }

    .service_box {
        padding: 1.5em 0
    }

    .section-title .section-title-body .head-title.effect-buttom-border {
        display: inline-block;
        margin-bottom: 3rem;
        margin-top: 1em;
        position: relative;
        padding: 0 0 10px;
        letter-spacing: 0;
        font-size: 1.8em;
        line-height: 25px;
    }

    .section-title .section-title-body {
        padding-bottom: 0
    }

        .section-title .section-title-body .head-text {
            margin: 0 0 15px;
            font-size: 15px;
            line-height: 1.6
        }

    .block-feature.top-icon {
        padding: 5px 0 0 0
    }

        .block-feature.top-icon a {
            line-height: 24px;
            font-size: 18px
        }

            .block-feature.top-icon a span {
                display: block
            }

    .block-feature > p {
        font-weight: 500;
        font-size: 14px;
        margin: 0;
        line-height: 21px;
        height: 150px;
        text-align: center
    }

    .best_section {
        padding: 2em 0
    }

    .btn-4 {
        line-height: 24px !important;
        font-size: 14px !important;
        letter-spacing: 0
    }

    .domain_hosting {
        padding: 2em 0 2EM 0;
        text-align: center
    }

        .domain_hosting h2 {
            font-size: 2.7em
        }

        .domain_hosting h3 {
            font-size: 1.6em
        }

        .domain_hosting p {
            margin-bottom: 1em
        }

    .button {
        float: none;
        margin: auto
    }

    .button--winona::after, .button--winona > span {
        padding: .7em 3em
    }

    .why_us {
        padding: 2em 0
    }

    .y_us_text h2 {
        font-size: 2em;
        text-align: center
    }

    .y_us_text p {
        color: #414863;
        text-align: center !important
    }

    .y_points p {
        line-height: 1.6;
        margin: 4px 0 1.3em;
        text-align: justify !important
    }

    .grey_section {
        padding: 0
    }

    .overlay-bar-1 {
        left: -20%;
        display: none
    }

    .bg_img {
        width: 100%;
        float: left;
        padding: 4em 1em 0
    }

        .bg_img h3 {
            font-size: 2.5em
        }

        .bg_img .text_p {
            font-size: 1rem
        }

    .started_bg {
        margin: 4em 0 0 0
    }

    .start_btn a {
        width: 70px;
        height: 70px;
        line-height: 63px;
        display: block;
        margin: 1em auto;
        font-size: 2em
    }

    .overlay_bar_yellow {
        display: none
    }

    .started_bg:before {
        background: linear-gradient(to right,#373dcc 0,#3c83fa 100%)
    }

    .edg_marketing {
        margin: 1em 0;
        position: relative
    }

        .edg_marketing .bg_img {
            padding: 4em 0 4em 0
        }

            .edg_marketing .bg_img h3 {
                font-size: 2.5em
            }

            .edg_marketing .bg_img p {
                font-size: 1em
            }

        .edg_marketing:before {
            background: linear-gradient(to right,#febb42 0,#fee542 100%)
        }

    .digi_grid .img_circle {
        width: 100px;
        height: 100px;
        line-height: 109px;
        margin: .3rem auto
    }

    .industries {
        padding: 2em 0 0 0
    }

        .industries p {
            font-weight: 400;
            margin: 10px 0 1.2em 0;
            color: #646c8e;
            line-height: 18px
        }

    .clients_grid {
        padding: 2em 3em 2em
    }

        .clients_grid h3 {
            font-size: 1.5rem
        }

        .clients_grid .cl_logo {
            margin: 16px auto 0
        }

    .client_head img {
        top: -58px
    }

    .classy {
        padding: 3em 0 0;
        margin: 1em 0 0
    }

    .classy_tabs h2 {
        font-size: 2.7rem
    }

    .key_counts {
        margin-top: 1.4em
    }

    .bg_count h5 {
        font-size: 1.4rem;
        line-height: 26px
    }

    .bg_count .count {
        font-size: 3em;
        line-height: 47px
    }

    .section-title, .section-title-s2, .section-title-s3, .section-title-s4, .section-title-s5, .section-title-s6, .section-title-s7, .section-title-s8 {
        margin-bottom: 10px
    }

    .testimonials {
        padding: 1em 0
    }

    .blog_section {
        padding: 1em 0
    }

    .text_grid {
        padding: 1rem .8rem
    }

        .text_grid ul {
            margin: 0
        }

        .text_grid .list-inline li {
            color: #ff9b00;
            font-size: 11px;
            margin: 0;
            line-height: 24px
        }

        .text_grid h4 {
            font-size: 16px;
            margin: 0
        }

        .text_grid a {
            font-size: 13px;
            color: #0346ab
        }

    .key_points {
        padding: 1em 0
    }

        .key_points h3 span {
            font-size: 1rem
        }

    .edg_bottom {
        padding: 1em 0;
        margin-bottom: 1.5rem
    }

        .edg_bottom .img_icon i {
            position: relative;
            top: 0;
            display: block;
            margin: auto
        }

        .edg_bottom .text_ryt {
            padding: 11px 0 0;
            display: block
        }

            .edg_bottom .text_ryt p {
                display: none
            }

            .edg_bottom .text_ryt h4 {
                font-size: 14px;
                margin: 0;
                text-align: center
            }

    .tabBlock {
        display: block
    }

    .edg_container {
        padding: 0
    }

    .que {
        border-bottom: none;
        padding-bottom: 0
    }

        .que li a {
            color: #fff;
            font-size: 13px
        }

    footer .footer_title {
        font-size: 1rem
    }

    footer ul.list_footer li a {
        font-size: 14px
    }

    .flags li a img {
        width: 30px;
        height: 30px
    }

    .info_bottom {
        padding: 0 0 10px 0
    }

        .info_bottom .list-inline-item:first-child {
            display: block;
            text-align: center;
            margin-bottom: 8px
        }

    .flags, .social_style {
        float: none;
        margin: 10px auto 0;
        text-align: center
    }

    .f_bottom {
        padding: 15px 0;
        margin-bottom: 0
    }

        .f_bottom p, .f_bottom p.text-right {
            text-align: center !important;
            margin: 0;
            line-height: 23px;
            font-size: 12px
        }

    footer ul.list_footer {
        margin-bottom: 1em
    }

    .web_bg {
        max-height: 225px;
        padding: 13px;
        box-shadow: 11px 11px 19px rgba(0,0,0,.2)
    }

        .web_bg h3 {
            margin: 0;
            font-size: 23px
        }

        .web_bg small {
            line-height: 24px
        }

        .web_bg p {
            color: #fff;
            font-size: 14px;
            line-height: 1.5
        }

    .web_banner {
        background-size: cover;
        padding: 2em 0 8em 0;
        text-align: left
    }

        .web_banner .web_content {
            padding: 0
        }

            .web_banner .web_content h1 {
                font-size: 2em
            }

                .web_banner .web_content h1 span {
                    display: block;
                    font-size: .8em
                }

            .web_banner .web_content p {
                font-size: 14.5px;
                text-align: justify
            }

    .banner_btn .btn_1, .banner_btn .btn_2 {
        padding: 4px 22px
    }

        .banner_btn .btn_1 i, .banner_btn .btn_2 i {
            font-size: 1.7em
        }

        .banner_btn .btn_1 div span, .banner_btn .btn_2 div span {
            font-size: 13px
        }

        .banner_btn .btn_1 div small, .banner_btn .btn_2 div small {
            font-size: 11px;
            line-height: 0;
            margin-top: 10px
        }

        .banner_btn .btn_1 div, .banner_btn .btn_2 div {
            position: relative;
            padding-left: 1.4em;
            display: inline-block
        }

    .res_PRocess {
        margin-top: 0
    }

    .services-text h4 {
        font-size: 1.4rem
    }

    .services-text p {
        font-size: 15px;
        line-height: 23px
    }

    .tech_bg {
        margin: 0;
        padding: 0
    }

    .tecklay {
        width: 0
    }

    .tech_bg:before {
        background: linear-gradient(to right,#2782ea 0,#1d45b6 100%)
    }

    .tech_bg .bg_img {
        padding: 3em 0 2em 0
    }

    .title_medium .section-title-body .head-title.effect-buttom-border {
        line-height: 1.2;
        padding: 0 0 22px;
        font-size: 2rem
    }

    .web_applications {
        padding: 3em 0 1em 0
    }

    .web_theme {
        padding: 2em 0
    }

    .digi_mkt {
        padding: 2em 0;
        text-align: center
    }

    .mkt_webimg {
        display: none
    }

    .ready_project {
        margin: 0
    }

        .ready_project:before {
            background: linear-gradient(to right,#febb42 0,#fee542 100%)
        }

        .ready_project .bg_img {
            padding: 2em 0 2em 0
        }

            .ready_project .bg_img h3 {
                font-size: 2.5em
            }

            .ready_project .bg_img .text_p {
                font-size: 1em;
                margin-bottom: 1em
            }

    .key_features, .tab_bg {
        padding: 2em 0
    }

    .key_grid {
        padding: 1em 1em;
        margin: 0 0 2em 0;
        min-height: 14.5em;
        text-align: center;
        word-break: break-word
    }

        .key_grid i {
            display: block;
            margin: 5px 0
        }

        .key_grid h4 {
            font-size: 1.1rem
        }

        .key_grid p {
            font-size: 14px;
            line-height: 23px
        }

    .icon-holder img {
        width: 50px
    }

    .main-tabs .nav-item .nav-link {
        padding: 7px 5px;
        font-size: 13px;
        min-height: 100px
    }

        .main-tabs .nav-item .nav-link span {
            margin-bottom: 6px
        }

    .single-service-preview {
        padding: 1em 2em
    }

    .service-preview-content {
        padding-left: 0
    }

    .testimonial .description {
        font-size: 15px
    }

    .eComm_BanNer {
        width: 100%;
        float: left;
        text-align: center;
        padding: 1.5em 0 8em
    }

    .mAd_txtarea h1 {
        font-size: 2.25em
    }

    .mAd_txtarea p {
        font-size: 14px
    }

    .uk-divider-small {
        display: none
    }

    .headSpan {
        display: block;
        font-size: .7em
    }

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

        .eComm_circle h3 {
            font-size: 1.4em
        }

        .eComm_circle h2 {
            font-size: 1.5rem;
            line-height: 27px
        }

        .eComm_circle h4 {
            font-family: AvenirNextCyr-Regular;
            font-size: 16px;
            margin: 1em 0;
            text-align: center
        }

    .ecomm_sEction2 {
        width: 100%;
        float: left;
        padding: 1em 0 1em
    }

        .ecomm_sEction2 .card-body {
            padding: .25rem
        }

    .text_card h4 {
        font-size: 1.2rem;
        text-transform: capitalize;
        margin: 0
    }

    .text_card p {
        font-size: 14px;
        line-height: 24px
    }

    .card_1, .card_2, .card_3 {
        height: 270px
    }

        .card_1 img, .card_2 img, .card_3 img {
            width: 75px
        }

    .ecoM_protfOliO, .ecom_Hosting, .ecom_one, .ecomm_pricing, .services-section {
        padding: 2em 0
    }

        .ecomm_pricing h4 {
            color: #f80000;
            font-size: 1em
        }

    .pricingTable .title {
        font-size: 20px;
        margin: 0 -10px
    }

    .pricingTable {
        margin: 0 0 20px
    }

        .pricingTable .pricing-content {
            height: 430px;
            padding: 5px 5px
        }

            .pricingTable .pricing-content .inner-content li {
                background-color: #e1e1e1;
                line-height: 20px;
                padding: 8px 0
            }

        .pricingTable .price-value {
            background-color: #fff;
            font-size: 30px;
            line-height: 28px
        }

        .pricingTable .duration {
            font-size: 14px
        }

    .scrollbar {
        float: left;
        height: 325px
    }

    .ecOmmProcess {
        padding: 0
    }

    .middlePRo {
        position: relative;
        top: 0
    }

    .slide_RYT {
        padding-left: 0;
        text-align: right
    }

        .slide_RYT h4 {
            font-size: 1.2em;
            font-weight: 700
        }

        .slide_RYT p {
            font-size: 14px
        }

    .middleSIde .slide_RYT {
        text-align: left
    }

    .rightSIde .slide_RYT {
        text-align: center
    }

    .icon_P1, .icon_P2, .icon_P3 {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 23px;
        font-weight: 700 !important
    }

    .icon_P3 {
        bottom: 6em
    }

    .ecom_Why {
        text-align: left !important
    }

        .ecom_Why h3 {
            font-size: 1.2em
        }

        .ecom_Why .uk-accordion-title {
            display: block;
            font-size: 14px;
            text-align: left !important
        }

    .uk-accordion-content {
        margin-top: 20px;
        text-align: justify
    }

    .w_design {
        text-align: left
    }

        .w_design h4 {
            font-size: 1.5em
        }

        .w_design span {
            font-size: 1.2em;
            color: #0346ab
        }

    .ecom_counter .count {
        font-size: 1.2em
    }

    .ecom_counter p {
        font-weight: 500;
        margin: 4px 0 0;
        line-height: 17px
    }

    .ecom_Hosting {
        padding: 2em 0 2.5em
    }

        .ecom_Hosting h2 {
            font-size: 2em
        }

        .ecom_Hosting h3 {
            font-size: 18px
        }

        .ecom_Hosting ul.listing-mark li {
            padding-left: 1.7em;
            margin: 9px 0;
            font-size: 16px;
            line-height: 22px;
            text-align: left !important
        }

        .ecom_Hosting ul li:after {
            top: 0;
            font-size: inherit
        }

        .ecom_Hosting .btn-primary {
            position: relative;
            z-index: 9
        }

    .ecOmmProcess .text-right {
        text-align: left !important
    }

    .ecOmmProcess .text-center {
        text-align: left !important
    }

    .ecoMmMArkeTinG {
        width: 100%;
        float: left;
        margin-top: 9em;
        margin-bottom: 0;
        height: 510px
    }

    .mrKTEcom {
        position: relative;
        bottom: -5em;
        z-index: 9
    }

        .mrKTEcom h2 {
            font-size: 2em
        }

        .mrKTEcom p {
            font-size: 15px
        }

    .imgFOrmEcom1 {
        display: inline-block;
        left: 3em
    }

    .imgFOrmEcom2 {
        display: inline-block;
        right: 3em
    }

    .ecomm_Feature .mb-5, .my-5 {
        margin-bottom: 1.3rem !important
    }

    .formArEaCommerce {
        width: 100%;
        float: left;
        padding: 0;
        position: relative;
        margin-top: 0
    }

        .formArEaCommerce h4 {
            font-size: 1.3em
        }

    .FormEcommerce {
        padding: 1em 1em;
        margin-top: -6em
    }

    .aso-Form {
        margin-top: 0;
    }

    .form-group {
        margin-bottom: 4px
    }

    .digi_grid .button {
        margin: .6em auto 0 !important;
        float: none
    }

    .eCommAPPs {
        padding: 2em 0 0
    }

        .eCommAPPs h2 {
            font-size: 1.8em
        }

        .eCommAPPs p {
            font-size: 16px;
            line-height: 25px
        }

        .eCommAPPs .pt-5, .py-5 {
            padding-top: 1rem !important
        }

    .CaseEcomm {
        padding: 2em 0
    }

        .CaseEcomm .uk-height-max-large {
            height: 100%;
            max-height: 100%;
            text-align: center
        }

        .CaseEcomm h3 {
            font-size: 1.5em
        }

    .sTudyDiv {
        text-align: left
    }

        .sTudyDiv p {
            font-size: 14px
        }

    .testimonial {
        height: 320px
    }

    .mAd_section {
        padding: 2em 0 7em
    }

    .mAd_txtarea h4 {
        font-size: 18px
    }

    .mAd_section2 {
        padding: 2em 0 0
    }

        .mAd_section2 .grid_content img {
            width: 70px;
            height: 70px;
            margin-bottom: 0
        }

        .mAd_section2 .grid_content {
            padding: 2em 1em
        }

    .android-section {
        padding: 7em 0 8em
    }

        .android-section h2 {
            color: #fff !important;
            font-size: 1.4em;
            text-transform: uppercase;
            margin: .5em 0 1em;
            text-align: left
        }

    .features {
        padding: 0
    }

        .features li .text {
            float: left;
            width: calc(100% - 46px);
            width: -webkit-calc(100% - 46px);
            padding-left: 5px
        }

            .features li .text .title {
                font-weight: 400;
                font-size: 1.2em;
                line-height: 24px
            }

            .features li .text p {
                font-size: 14px;
                line-height: 23px;
                text-align: justify
            }

    .table_ios {
        position: absolute;
        bottom: -26em
    }

    .iOS_section {
        padding: 20em 0 1em
    }

        .iOS_section h2 {
            font-size: 2em
        }

    .app_ss {
        padding: 2em 0;
        text-align: center
    }

    .iphone-frame img {
        max-width: 289px;
        margin: auto
    }

    .iphone-frame {
        position: absolute;
        top: -71px;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto
    }

    .home-services-item {
        text-align: center;
        min-height: 114px;
        padding: 10px 0;
        align-content: center;
        color: #fff;
        flex-wrap: wrap;
        display: grid
    }

        .home-services-item:before {
            background: linear-gradient(127deg,#fff 0,#fff 91%)
        }

        .home-services-item.active .services-title, .home-services-item:hover .services-title {
            color: #556b7d
        }

        .home-services-item .services-title {
            font-weight: 800;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 0 !important
        }

        .home-services-item p {
            display: none
        }

        .home-services-item i {
            font-size: 30px;
            margin-bottom: 12px
        }

        .home-services-item.active i, .home-services-item:hover i {
            background-image: linear-gradient(127deg,#8e3481 0,#92347f 91%)
        }

    .mAd_marketing {
        padding: 0 0 2em;
        margin-top: 3em;
        text-align: center
    }

        .mAd_marketing:after {
            top: -39px
        }

    .small-head {
        font-size: 15px
    }

    .app_marketing h2 {
        font-size: 1.4em
    }

    .app_marketing p {
        font-family: Muli,sans-serif !important;
        font-size: 15px
    }

    .process_wheel {
        padding: 4em 0 4em
    }

    .rotate_circle {
        width: 260px;
        height: 260px;
        border-radius: 100%;
        position: absolute;
        top: 0
    }

    .process_img img {
        width: 100%;
        position: relative;
        bottom: -40px
    }

    .rotate_circle {
        width: 450px;
        height: 450px;
        border-radius: 100%;
        position: absolute;
        top: 74px;
        right: 0;
        left: 0;
        margin: auto;
        border: 2px dashed #797788
    }

    .mAd_caseStudy {
        padding: 2em 0 2em
    }

        .mAd_caseStudy .uk-button {
            padding: 1px 14px;
            vertical-align: middle;
            font-size: 14px;
            line-height: 34px
        }

        .mAd_caseStudy .uk-list-bullet > li {
            text-align: left
        }

    .case_content {
        text-align: left
    }

        .case_content h2 {
            font-size: 2em
        }

    .mAd_caseStudy img {
        margin: 1em auto 0
    }

    .mAd_android_section {
        padding: 1em 1em 7em
    }

    .anDroid_APP {
        padding: 2em 1em 0
    }

    .android_grid {
        padding: 1em !important;
        margin-bottom: 20px !important
    }

        .android_grid img {
            width: 60px;
            height: 60px
        }

        .android_grid .content_AREa h4 {
            font-size: 1.1em
        }

        .android_grid .content_AREa p {
            font-size: .9em;
            line-height: 25px
        }

    .andROID_section2 {
        padding: 9em 1em 19em
    }

        .andROID_section2 h2 {
            line-height: 24px
        }

            .andROID_section2 h2 a {
                font-size: 1.4rem
            }

    .process_AndRoid {
        padding: 0;
        bottom: -19em
    }

        .process_AndRoid .img-fluid {
            width: 100%;
            max-width: 100%
        }

        .process_AndRoid .rotate_circle {
            border-color: #fdd000;
            width: 370px;
            height: 370px;
            top: 5em;
            right: 0
        }

        .process_AndRoid .process_img {
            top: 7em;
            width: 225px
        }

    .rectangle-img:after {
        height: 300px;
        width: 300px;
        bottom: 8em
    }

    .android_process {
        padding: 9em 1em 2em
    }

    .aNdrOid_KEY_feaTure {
        padding: 9em 0 2em
    }

    .main-timeline .timeline-content, .main-timeline .timeline-content2 {
        padding: 1em 1.5em;
        margin: 0 -22px 0 0
    }

    .main-timeline .title {
        font-size: 18px;
        margin: 0 0 11px 0
    }

    .timeline-content i, .timeline-content2 i {
        font-size: 1.5em;
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .andrOID_conTAct {
        margin: 0
    }

    .block-feature > i img {
        width: 100px;
        height: 100px;
        line-height: 100px
    }

    .block-feature.top-icon i {
        width: 140px;
        line-height: 120px
    }

        .block-feature.top-icon i:after {
            width: 140px;
            height: 140px;
            line-height: 140px
        }

    .mAd_IOS_section {
        padding: 2em 1em 7em
    }

    .iOsGrid1, .iOsGrid2, .iOsGrid3 {
        min-height: 320px
    }

    .Section_ios {
        padding: 15em 1em 26em !important
    }

        .Section_ios .process_AndRoid .rotate_circle {
            border-color: #fdd000;
            width: 460px;
            height: 460px;
            top: 6em;
            right: 0
        }

        .Section_ios .rectangle-img:after {
            height: 390px;
            width: 390px;
            bottom: 8em
        }

        .Section_ios .process_AndRoid .process_img {
            top: 9em;
            width: 300px
        }

    .loGo_Banner {
        padding: 2em 0 0
    }

        .loGo_Banner .icon-scroll {
            display: none
        }

    .sAmpPleLogO .title_medium .section-title-body .head-title {
        font-size: 1.7em;
        line-height: 0
    }

    .LoGOWebsite {
        padding: 2em 0 1em
    }

        .LoGOWebsite h4 {
            color: #fff;
            margin: 0;
            font-size: 2em
        }

    .logoWebGrid {
        position: relative;
        top: auto
    }

    .arrowImg, .lo {
        display: none
    }

    .gridWeB {
        position: relative;
        margin-bottom: 2em;
        margin-top: 2em
    }

        .gridWeB h3 {
            color: #000;
            text-align: center
        }

        .gridWeB p {
            text-align: center;
            line-height: 22px;
            font-size: 14px
        }

    .typeThree h3, .typeThree p {
        text-align: center !important
    }

    .typeTwo {
        top: auto;
        text-align: center !important;
        right: 0;
        padding-right: 0
    }

    .typeOne {
        top: 0;
        left: auto;
        right: 0;
        padding-right: 0
    }

    .typeThree {
        top: 0;
        right: auto;
        left: 0;
        padding: 0
    }

        .typeOne img, .typeThree img, .typeTwo img {
            position: relative;
            left: 0;
            right: 0;
            top: -17px;
            margin: auto;
            float: none;
            width: 70px
        }

    .btn-fixed-package {
        bottom: 11rem;
        right: auto;
        left: -4.8em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    .btn-fixed-logo {
        bottom: 19rem;
        right: auto;
        left: -1.93em;
        font-size: 12px;
        line-height: 1.8 !important;
        padding: 4px 7px !important
    }

    #return-to-top {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

        #return-to-top i {
            top: 0;
            font-size: 1rem
        }

    .DeSIGNservICes {
        padding: 3em 0;
        margin-top: 1em
    }

    .servBOX img {
        width: 50px
    }

    .servBOX {
        padding: 1em 0;
        background: #fdfdfd;
        align-content: center;
        flex-wrap: wrap;
        display: grid;
        margin-bottom: 1em;
        border: 2px solid #d9d9de;
        min-height: 140px
    }

    .PlansLogo {
        padding: 2em 0
    }

    .pricingTableloGo .price-valueloGo .amount {
        font-size: 2.3em
    }

    .pricingTableloGo .titleloGo {
        font-size: 20px
    }

    .pricingTableloGo .pricing-contentloGo:before {
        border-radius: 20px 20px 0 0
    }

    .pricingTableloGo .pricing-contentloGo {
        padding: 15px 10px 20px
    }

        .pricingTableloGo .pricing-contentloGo ul li {
            font-size: 14px;
            line-height: 20px
        }

    .pricingTableloGo.blueloGo {
        margin-bottom: 0
    }

    .my-5, .pricingTableloGo .mt-5 {
        margin-top: 0 !important
    }

    .ProceSSLogo {
        padding: 2em 0 4em
    }

    .otherServices {
        padding: 2em 0 1em;
        margin-bottom: 1em
    }

    .oTherGrid p {
        font-size: 15px;
        padding: 10px 20px;
        min-height: 165px
    }

    .DiGibaNner {
        padding: 2em 0 16em;
        text-align: center;
        margin-bottom: 8em
    }

        .DiGibaNner:after {
            bottom: -15em;
            background-size: 100%
        }

    .dIgiBaNnerContent h1 {
        font-size: 2.2em
    }

    .dIgiBaNnerContent h3 {
        font-size: 1.2em
    }

    .dIgiBaNnerContent .digi_web_icons .digiCircle img {
        width: 65px
    }

    .DigiMoreServiCEs {
        padding: 0 0 1em
    }

    .digiGridSerV h2 {
        font-size: 1.9em;
        letter-spacing: 0;
    }

    .digiGridSerV p {
        font-size: 14.5px
    }

    .digiImg, .digiImgright {
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
        margin: auto
    }

    .buttonGRad {
        text-align: center;
        padding: 15px 12px;
        width: 100%;
        font-size: 18px
    }

    .title_headDigi h2 {
        font-size: 1.6em
    }

    .title_headDigi p {
        font-size: 15px;
        max-width: 100%;
        margin: 0 auto 3em
    }

    .KeySeO {
        padding: 2.3em 1em 1.4em;
        text-align: center;
        background-position: 5em 17em;
        margin: 0 0 3.4em
    }

        .KeySeO i {
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            font-size: 2em;
            left: 0;
            right: 0;
            margin: auto;
            top: -10%
        }

    .DigiCounter {
        padding: 2em 0
    }

    .counterDigi {
        position: relative
    }

    .diGielEmentCounter {
        position: relative
    }

        .diGielEmentCounter h3 {
            font-size: 1.8em
        }

    .BoostGrid h2 {
        font-size: 2em
    }

    .countPara {
        top: 0;
        left: 95px;
        border-left: 1px solid #b300ff;
        padding: 0 0 1em 1em;
        margin-bottom: 13px
    }

        .countPara p {
            line-height: 24px;
            font-size: 14.5px
        }

    .blg-sec-ed .uk-card-title, .blg-sec-ed .uk-card-title a {
        height: 120px
    }

    .fullpage {
        padding: 1em 1em
    }
}

@media only screen and (min-width :992px) and (max-width :1200px) {
    body {
        font-size: 13.5px;
        line-height: 1.6
    }

    .contactDiv2 {
        bottom: -40%
    }

    .titleAbs {
        width: 65%;
        position: absolute;
        top: -13em;
        left: -8px
    }

    .boy_img {
        position: absolute;
        top: -32em
    }

    .circleRotation {
        padding: 4em 0 1em
    }

        .circleRotation:after {
            left: -4em
        }

    .section-title .section-title-body .head-title {
        font-size: 45px
    }

    .blog_section, .classy, .domain_hosting, .industries, .testimonials, .why_us {
        padding: 3em 2em
    }

    .grey_section {
        padding: 0 2em
    }

    .edg_marketing {
        margin: 0;
        padding: 0 2em 3em
    }

        .edg_marketing .bg_img {
            width: 100%;
            float: left;
            padding: 7em 0 1em
        }

    .digi_grid .button {
        margin: 0
    }

    .digi_grid h5 {
        font-size: 17px
    }

    .classy {
        margin: 0
    }

    .testimonial {
        height: 330px
    }

    .key_points {
        padding: 2em 0
    }

    .section-title .section-title-body .head-title.effect-buttom-border {
        display: inline-block;
        margin-bottom: 10px;
        position: relative;
        padding: 0 0 10px;
        font-size: 2rem
    }

    .section-title, .section-title-s2, .section-title-s3, .section-title-s4, .section-title-s5, .section-title-s6, .section-title-s7, .section-title-s8 {
        margin-bottom: 20px
    }

    .best_section {
        padding: 2em 2em
    }

    .classy_tabs h2 {
        font-size: 2.5rem;
        font-weight: 300
    }

    .classy_tabs p {
        padding-bottom: 10px;
        font-size: 17px
    }

    .started_bg {
        width: 100%;
        float: left;
        margin: 0 0;
        padding: 0 2em
    }

    .start_btn a {
        width: 80px;
        height: 80px;
        line-height: 76px;
        display: block;
        margin: 1em auto;
        font-size: 3em;
        text-align: center;
        color: #fff;
        border: 3px solid #fff;
        border-radius: 100%
    }

    .y_points ul li div {
        padding-left: 6.5em
    }

    .block-feature > a {
        font-size: 17px
    }

    .domain_hosting h2 {
        font-size: 2.6em
    }

    .domain_hosting h3 {
        font-size: 2em
    }

    .overlay-bar-1 {
        left: -10%;
        width: 110%;
        display: none
    }

    .overlay_bar_yellow {
        width: 108%;
        display: none
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .testimonial .description {
        font-size: 16px;
        color: #000;
        padding-top: 4em;
        text-align: justify;
        margin-bottom: 0
    }

    .key_points h3 {
        font-size: 20px
    }

    footer ul.list_footer li a {
        font-size: 13px;
        line-height: 2.3
    }

    .edg_bottom {
        padding: 0;
        margin-bottom: 1.5rem
    }

        .edg_bottom .text_ryt h4 {
            font-size: 1.1rem;
            margin: 0
        }

        .edg_bottom .text_ryt {
            display: inline-block;
            padding: 1.2em 0 1.2em 5em
        }

        .edg_bottom .img_icon i {
            position: absolute;
            top: 23%;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border: 2px solid #fdd000;
            color: #fdd000;
            border-radius: 6px
        }

    .edg_container {
        padding: 1em 0
    }

    .f_bottom, .info_bottom {
        padding: 15px 0 15px;
        line-height: 1.1
    }

    .btn3 {
        padding: .4rem 1.4rem
    }

    .web_banner {
        background-size: 100%;
        padding: 2em 0 10em 0
    }

        .web_banner .web_content h1 span {
            display: block;
            font-size: .7em
        }

        .web_banner .web_content p {
            font-size: 16px;
            text-align: justify;
            line-height: 24px
        }

    .web_bg {
        min-height: 390px
    }

        .web_bg p {
            font-size: 14px
        }

    .tecklay {
        left: -20%
    }

        .tecklay:before {
            transform: rotate(0);
            height: 650px;
            width: 105%;
            left: -5%
        }

    .website_form .card-header {
        font-size: 22px
    }

    .banner_btn .btn_1 div {
        padding-left: 1em
    }

    .banner_btn .btn_1 i, .banner_btn .btn_2 i {
        left: 15px;
        top: 23%
    }

    .banner_btn .btn_2 div {
        padding-left: 2em
    }

    .key_grid {
        min-height: 170px
    }

        .key_grid h4 {
            font-size: 1rem
        }

    .single-service-preview {
        padding: 1.8em .5em
    }

    .testimonial .description {
        font-size: 14px;
        color: #000;
        padding-top: 5em
    }

    .welcome-area .welcome-content p {
        font-weight: 400;
        font-size: 14px;
        line-height: 26px
    }

    .eComm_BanNer {
        padding: 2em 1em 11em
    }

    .mAd_txtarea h1 {
        font-weight: 700;
        font-size: 2.5rem
    }

    .eComm_circle h2 {
        font-size: 2.3rem;
        letter-spacing: -1px;
        text-transform: capitalize;
        line-height: 44px;
        color: #ec0109
    }

    .eComm_circle h3 {
        font-size: 1.4em
    }

    .eComm_circle {
        padding: 1em 1em 0
    }

    .ecomm_sEction2 {
        padding: 1em 1em 1em
    }

    .ecomm_pricing {
        padding: 2em 1em 4em
    }

        .ecomm_pricing h4 {
            color: #f80000;
            font-size: 1.3em
        }

    .pricingTable {
        margin: 0
    }

        .pricingTable .title {
            font-size: 24px;
            margin: 0 -10px
        }

        .pricingTable .price-value {
            font-size: 28px;
            line-height: 27px;
            padding: 40px 20px 10px
        }

    .ecom_one {
        width: 100%;
        float: left;
        padding: 3em 1em 2em
    }

    .w_design p {
        font-size: 16px;
        line-height: 1.9
    }

    .navbar-text .btn {
        font-size: 13px !important;
        padding: .375rem 9px
    }

    .navbar-light .navbar-brand {
        color: rgba(0,0,0,.9);
        width: 130px
    }

    .navbar-text .btn-secondary {
        display: none
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .4rem;
        padding-left: .4rem;
        font-size: 12.5px;
        line-height: 0
    }

    .web_applications .icon_div {
        padding-top: 14.5%
    }

    .app_marketing h2 {
        font-size: 2.3em
    }

    .iphone-frame {
        position: absolute;
        top: -66px;
        left: 0
    }

        .iphone-frame img {
            max-width: 294px
        }

    .iOS_section, .mAd_marketing, .mAd_section {
        padding-left: 1em;
        padding-right: 1em
    }

    .home-services-item .services-title {
        font-weight: 400;
        font-size: 19px;
        margin: 10px 0 0;
        line-height: 0
    }

    .home-services-item p {
        position: relative;
        z-index: 2;
        font-size: 14px;
        line-height: 22px;
        text-align: justify
    }

    .process_img {
        position: absolute;
        bottom: 12.5em;
        left: 0;
        right: 0;
        width: 45%;
        margin: auto
    }

    .process_wheel {
        width: 100%;
        float: left;
        padding: 4em 0 5em
    }

    .android-section {
        padding: 11em 1em 28em
    }

        .android-section:after {
            top: -60px
        }

    .anDroid_APP, .mAd_android_section {
        padding-left: 2em;
        padding-right: 2em
    }

    .anDroid_APP {
        padding-bottom: 0
    }

    .android_grid {
        min-height: 280px;
        max-height: 280px;
        margin-bottom: 1.4em !important
    }

        .android_grid .content_AREa h4 {
            font-size: 1.6em
        }

    .andROID_section2 h2 a {
        font-size: .8em
    }

    .process_AndRoid {
        bottom: -24em;
        padding: 0 2em
    }

        .process_AndRoid .rotate_circle {
            border-color: #fdd000;
            width: 500px;
            height: 500px;
            top: 7em;
            right: 0;
            left: 0;
            margin: auto
        }

    .process_img img {
        width: 350px;
        position: relative;
        bottom: 0
    }

    .rectangle-img:after {
        height: 420px;
        width: 420px;
        bottom: 9.6em
    }

    .main-timeline .timeline-content, .main-timeline .timeline-content2 {
        padding: 30px 35px
    }

    .mAd_IOS_section {
        padding: 2em 1em 10em
    }

    .iOsGrid1, .iOsGrid2, .iOsGrid3 {
        min-height: 320px;
        max-height: 320px
    }

    .Section_ios {
        padding: 32em 1em 33em
    }

        .Section_ios .process_AndRoid {
            bottom: -28em;
            padding: 0 5em
        }

        .Section_ios .rectangle-img:after {
            height: 410px;
            width: 410px;
            bottom: 15em
        }

        .Section_ios .process_img img {
            width: 320px;
            bottom: 0
        }

        .Section_ios .process_AndRoid .process_img {
            position: absolute;
            top: 15em
        }

    .servBOX {
        padding: 1em 0 0;
        min-height: 175px;
        align-content: center;
        display: grid;
        flex-wrap: wrap
    }

    .DeSIGNservICes, .LoGOWebsite, .PlansLogo {
        padding: 3em 3em
    }

    .pricingTableloGo .titleloGo {
        font-size: 2em
    }

    .pricingTableloGo .pricing-contentloGo ul li {
        font-size: 14px;
        line-height: 18px
    }

    .pricingTableloGo .price-valueloGo .amount {
        font-size: 3em;
        line-height: 43px
    }

    .logoWebGrid {
        top: 7em
    }

    .arrowImg {
        width: 85% !important;
        top: -4em;
        position: relative
    }

    .typeOne {
        top: -46em
    }

    .typeTwo {
        top: -18em
    }

    .typeThree {
        top: -28em;
        left: -47em
    }

    .gridWeB p {
        font-size: 14px;
        max-width: 320px
    }

    .logo-timeline .timelinelogoD:nth-child(even):after {
        top: 62px
    }

    .oTherGrid h4 a {
        padding: 1em 1em
    }
}

@media only screen and (min-width :1380px) and (max-width :1450px) {
    body {
        font-size: 18px
    }

    .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
        font-size: 15px !important
    }

    .titleAbs {
        width: 50% !important
    }

    .circleRotation:after {
        transform: translate(0,0)
    }

    .otherCirclerotation1:before {
        right: -8em
    }

    .otherCirclerotation3:before {
        right: -6.5em
    }

    .otherCirclerotation2:before {
        left: -10em
    }

    .otherCirclerotation4:before {
        left: -5em
    }

    .boy_img {
        position: absolute;
        top: -28em
    }

    .key_grid p {
        line-height: 22px;
        margin-top: 0;
        font-size: 16px
    }

    .testimonial {
        min-height: 330px
    }

    .web_applications .icon_div {
        text-align: center !important;
        margin: 1em auto !important;
        width: 140px !important;
        height: 140px !important;
        vertical-align: middle;
        padding-top: 14.5%
    }

        .web_applications .icon_div img {
            width: 85px;
            height: 85px
        }

    .formArEaCommerce {
        margin-top: 0
    }

    .mAd_section2 .grid_content p {
        font-size: 17px
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
        width: 100%
    }

    .home-services-item {
        font-size: 15px
    }

    .table_ios {
        position: absolute;
        bottom: -47em
    }

    .iOS_section {
        width: 100%;
        float: left;
        padding: 21em 4em 4em
    }

    .app_ss .mt-5, .my-5 {
        margin-top: 5rem !important
    }

    .iphone-frame {
        position: absolute;
        top: -98px;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto
    }

        .iphone-frame img {
            min-width: 430px !important
        }

    .process_AndRoid {
        bottom: -25em
    }

        .process_AndRoid .rotate_circle {
            border-color: #fdd000;
            width: 630px;
            height: 630px;
            top: 132px;
            right: 0
        }

    .rectangle-img:after {
        height: 540px;
        width: 540px;
        bottom: 8.9em
    }

    .process_AndRoid .process_img {
        top: 14em
    }

    .Section_ios {
        padding: 33em 4em 30em !important
    }

    .android_process {
        padding: 12em 4em 2em
    }

    .andROID_section2 {
        padding: 14em 4em 31em
    }

    .android_grid {
        min-height: 350px;
        max-height: 350px;
        margin-bottom: 1em !important
    }

    .typeOne {
        top: -48em
    }

    .digiImg, .digiImgright {
        width: 50% !important
    }
}

@media only screen and (min-width :1450px) and (max-width :1650px) {
    body {
        font-size: 18px
    }

    .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
        font-size: 16px !important
    }

    .titleAbs {
        width: 50% !important
    }

    .circleRotation:after {
        transform: translate(0,0)
    }

    .otherCirclerotation1:before {
        right: -7em
    }

    .otherCirclerotation3:before {
        right: -5em
    }

    .otherCirclerotation2:before {
        left: -10em
    }

    .otherCirclerotation4:before {
        left: -5em
    }

    .boy_img {
        position: absolute;
        top: -28em
    }

    .testimonial {
        min-height: 330px
    }

    .web_applications .icon_div {
        text-align: center !important;
        margin: 1em auto !important;
        width: 140px !important;
        height: 140px !important;
        vertical-align: middle;
        padding-top: 14.5%
    }

        .web_applications .icon_div img {
            width: 85px;
            height: 85px
        }

    .mrKTEcom {
        position: relative;
        bottom: -19em
    }

    .icon_P2 {
        left: -5em
    }

    .formArEaCommerce {
        margin-top: 0
    }

    .mAd_section2 .grid_content p {
        font-size: 16px
    }

    .process_img {
        bottom: 9em
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
        width: 100%
    }

    .home-services-item {
        font-size: 15px
    }

    .table_ios {
        position: absolute;
        bottom: -47em
    }

    .iOS_section {
        width: 100%;
        float: left;
        padding: 21em 4em 4em
    }

    .app_ss .mt-5, .my-5 {
        margin-top: 5rem !important
    }

    .iphone-frame {
        position: absolute;
        top: -98px;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto
    }

        .iphone-frame img {
            min-width: 430px !important
        }

    .process_AndRoid {
        bottom: -26em
    }

        .process_AndRoid .rotate_circle {
            border-color: #fdd000;
            width: 660px;
            height: 660px;
            top: 8em;
            right: 0
        }

    .rectangle-img:after {
        height: 550px;
        width: 550px;
        bottom: 10em
    }

    .process_AndRoid .process_img {
        top: 15em
    }

    .Section_ios {
        padding: 33em 4em 34em !important
    }

    .android_process {
        padding: 12em 4em 2em
    }

    .andROID_section2 {
        padding: 14em 4em 34em
    }

    .android_grid {
        min-height: 350px;
        max-height: 350px;
        margin-bottom: 1em !important
    }

    .typeOne {
        top: -48em
    }

    .digiImg, .digiImgright {
        width: 50% !important
    }
}

@media (min-width:160em) {
    body {
        font-size: 1.6em
    }

    p {
        font-size: 1.2em !important
    }

    .h1, h1 {
        font-size: 4em !important
    }

    .h2, h2 {
        font-size: 5rem !important
    }

    .h3, h3 {
        font-size: 3.4rem !important
    }

    .h4, h4 {
        font-size: 2.5rem !important
    }

    .h5, h5 {
        font-size: 2rem !important
    }

    small {
        font-size: 100% !important
    }

    .headSpan {
        display: block;
        font-size: .8em
    }

    .nav-icon img {
        width: 60px;
        height: 65px;
        margin-left: 25px
    }

    .uk-navbar {
        padding: 1em .6em !important
    }

    .uk-navbar-dropdown {
        width: auto
    }

    .uk-navbar-dropdown {
        width: auto !important
    }

    .uk-navbar-dropdown-nav > li > a {
        font-size: 1.8em !important;
        padding: 20px 25px !important
    }

    .btn {
        padding: .8rem 1.5rem;
        font-size: 29px
    }

    .navbar-light .navbar-nav .nav-link {
        color: #fff;
        font-weight: 600;
        font-size: 25px;
        padding: 0 2rem
    }

    .circleRotation {
        padding: 3em 4em 1em;
        text-align: center
    }

        .circleRotation h3 {
            font-size: 1.1em
        }

        .circleRotation img {
            width: 90px
        }

        .circleRotation:after {
            content: '';
            background-image: url(../image/banner/cloudBubbleLarge.png);
            background-repeat: no-repeat;
            background-position: left top;
            width: 100%;
            position: absolute;
            height: 100vh;
            top: 0;
            left: 2em;
            z-index: -1;
            right: auto;
            margin: auto
        }

    .boy_img {
        position: absolute;
        top: -26em;
        left: 14px
    }

    .titleAbs {
        width: 50%;
        position: absolute;
        top: -10em;
        left: -8px;
        right: 0;
        margin: auto
    }

    .edgType h4 {
        color: #fff;
        text-align: center;
        font-size: 1.5em;
        letter-spacing: 1px
    }

    .otherCirclerotation1:before {
        right: -7em
    }

    .otherCirclerotation2:before {
        left: -9.7em
    }

    .otherCirclerotation3:before {
        right: -7em;
        bottom: 8em
    }

    .otherCirclerotation4:before {
        left: -8em;
        bottom: 10em
    }

    .gradient-svg, .grey-svg, .white-svg {
        bottom: -4px;
        z-index: 1
    }

    .section-title .section-title-body .head-text {
        font-size: 1.8rem;
        max-width: 100%
    }

    .block-feature > a {
        font-size: 1.4em
    }

    .block-feature > p {
        font-weight: 300;
        font-size: 1.15em;
        line-height: 1.7;
        margin: 0
    }

    .domain_hosting p {
        font-size: 1.2em
    }

    .button {
        float: left;
        text-align: center;
        min-width: 500px;
        max-width: 500px;
        font-size: 1em
    }

    .y_points ul li div h3 {
        font-size: 2.2rem
    }

    .why_us {
        padding: 2em 4em
    }

    .bg_img .text_p {
        font-size: 1.5em
    }

    .start_btn a {
        width: 150px;
        height: 150px;
        line-height: 142px;
        display: block;
        margin: 1em auto;
        font-size: 3em;
        text-align: center
    }

    .industries img {
        width: 128px;
        height: 128px;
        margin: auto
    }

    .overlay-bar-1, .overlay_bar_yellow {
        width: 100%;
        left: 0;
        right: 0
    }

    .digi_grid img {
        height: 128px;
        width: 128px
    }

    .digi_grid .img_circle {
        width: 180px;
        height: 180px;
        line-height: 180px
    }

    .digi_grid h5 {
        font-size: 1.4em
    }

    .text_grid h4 {
        font-size: 2rem;
        font-weight: 700
    }

    .classy {
        margin: 0 0 1em 0
    }

    .classy_tabs {
        max-width: 1366px;
        margin: auto
    }

        .classy_tabs h2 {
            font-size: 3.4em;
            font-weight: 300
        }

        .classy_tabs p {
            padding-bottom: 1em;
            font-size: 1.4em
        }

    .testimonial {
        height: 525px
    }

        .testimonial .title {
            font-size: 2.2rem !important
        }

        .testimonial .testimonial-content::before {
            background: #0459c1;
            content: "";
            padding: 3px;
            width: 100%;
            left: 0;
            top: 0;
            height: 135px;
            border-radius: 100px;
            float: left;
            position: absolute
        }

        .testimonial .content_ryt {
            float: left;
            position: relative;
            text-align: left;
            top: 9px;
            left: 6%;
            line-height: 1.5
        }

            .testimonial .content_ryt span {
                font-size: 22px
            }

        .testimonial .pic {
            float: left
        }

            .testimonial .pic img {
                height: 120px;
                width: 120px !important
            }

        .testimonial .description {
            font-size: 1.8rem;
            line-height: 1.6;
            letter-spacing: 1px;
            padding: 3.5em 1em 2em
        }

    footer ul.list_footer li a {
        font-size: 1.6rem
    }

    footer .footer_title {
        font-size: 2.2rem
    }

    .icon {
        width: 70px;
        height: 70px
    }

    .social_style li a i {
        width: 70px;
        height: 70px;
        font-size: 1em;
        text-align: center;
        line-height: 70px
    }

    .footer_form .form-control {
        background: rgba(255,255,255,.16);
        color: #fff !important;
        border-radius: 2px;
        height: 73px;
        font-size: 1.4rem;
        border-color: rgba(255,255,255,.06)
    }

    .footer_form .btn3 {
        font-size: 1em
    }

    .f_bottom p, .f_bottom p a {
        font-size: 1em
    }

    .flags li a img {
        width: 70px;
        height: 70px
    }

    .key_points h3 {
        font-size: 3rem
    }

        .key_points h3 span {
            font-size: 2rem
        }

    .edg_bottom .text_ryt h4 {
        font-size: 2rem
    }

    .edg_bottom .img_icon i {
        width: 70px;
        height: 70px;
        line-height: 70px
    }

    .web_banner {
        width: 100%;
        float: left;
        padding: 4em 3em 16em
    }

        .web_banner .web_content h1 span {
            display: block;
            font-size: .8em
        }

        .web_banner .web_content p {
            font-size: 1.2em;
            line-height: 1.5
        }

    .website_form {
        text-align: center
    }

    .banner_btn .btn_1 div span, .banner_btn .btn_2 div span {
        font-size: 2rem
    }

    .banner_btn .btn_1 div small, .banner_btn .btn_2 div small {
        font-size: 28px
    }

    .best_section {
        padding: 4em 4em 2em
    }

    .web_bg {
        min-height: 32em
    }

    .title_medium .section-title-body .head-text {
        max-width: 100%
    }

    .web_applications .icon_div {
        text-align: center !important;
        margin: 1em auto !important;
        width: 240px !important;
        height: 240px !important;
        vertical-align: middle;
        padding-top: 14.5%;
        box-shadow: 0 0 1px 15px #fdd51e94;
        border-radius: 100%;
        border: 8px solid #fdcf00
    }

        .web_applications .icon_div img {
            width: 128px;
            height: 128px
        }

    .mkt_webimg, .mkt_webimg img {
        width: 100%
    }

    .web_digi .digi_web_icons img {
        width: 128px;
        height: 128px
    }

    .web_digi .digi_web_icons p {
        font-size: 2em !important
    }

    .tech_img img {
        margin-bottom: 20px;
        width: 300px
    }

    .welcome-area {
        height: 100vh
    }

        .welcome-area .welcome-bg .welcome-clip {
            display: none
        }

    .key_grid {
        min-height: 300px
    }

        .key_grid h4 {
            font-size: 2.3rem;
            line-height: 30px
        }

        .key_grid p {
            line-height: 45px;
            margin-top: 1.4em;
            font-size: 1.1em !important
        }

    .case_grids .badge {
        padding: 18px 17px;
        font-size: 1.1em;
        font-weight: 400 !important;
        background: #fff !important;
        border-radius: 100px;
        margin-top: 15px;
        color: #596373 !important
    }

    .welcome-area .welcome-content p {
        line-height: 1.7
    }

    .eComm_circle h2 {
        line-height: 1.1
    }

    .card_1, .card_2, .card_3 {
        height: 500px;
        padding: 2em 3em
    }

    .pricingTable {
        margin: 0 2em
    }

        .pricingTable .price-value {
            background-color: #fff;
            font-size: 3em;
            line-height: 40px;
            padding: 1.5em 1em .5em
        }

        .pricingTable .duration {
            font-size: .4em;
            margin-top: 32px
        }

        .pricingTable .pricing-content .inner-content {
            font-size: 1em;
            font-weight: 600;
            line-height: 2.8
        }

        .pricingTable .pricingTable-signup a {
            width: 250px;
            font-size: 15px;
            padding: 23px 5px
        }

    .scrollbar {
        float: left;
        height: 800px
    }

    .ecom_Why {
        padding-right: 3em
    }

    .w_design {
        padding-left: 3em
    }

    .ecom_Why small:after, .ecom_Why small:before {
        top: 21.5px
    }

    .ecom_Why .uk-accordion-title {
        display: block;
        font-size: 1.1em
    }

    .w_design span {
        font-size: 1.5em;
        color: #0346ab;
        font-family: AvenirNextCyr-Bold
    }

    .ecom_counter i {
        font-size: 2em;
        padding: 49px
    }

    .ecom_counter .count {
        font-family: AvenirNextCyr-Bold;
        color: #000;
        font-size: 2.5rem;
        line-height: 1;
        margin-top: 2em
    }

    .ecom_Hosting ul.listing-mark li {
        margin: 12px 0;
        font-size: 1.1em
    }

    .ecom_Hosting ul li:after {
        top: 0;
        font-size: inherit
    }

    .section-title-s2 > span, .section-title-s3 > span, .section-title-s4 > span, .section-title-s5 > span, .section-title-s6 > span, .section-title-s7 > span, .section-title-s8 > span, .section-title > span {
        font-size: 1em;
        padding: 5px 27px
    }

    .services-section .shape {
        height: 800px
    }

        .services-section .shape:after {
            content: "";
            background: url(../image/ecommerce/service-area-shape.png);
            width: 100%;
            height: 99px;
            position: absolute;
            left: 0;
            bottom: 0;
            background-position: center;
            background-size: 105%;
            background-repeat: no-repeat
        }

    .services-section .service-grids .grid {
        min-height: 363px;
        align-content: center;
        flex-wrap: wrap;
        display: grid
    }

    .services-section .grid h3 {
        margin: 10px 0
    }

        .services-section .grid h3 a {
            color: #233d62;
            font-size: .7em
        }

    .icon_P1, .icon_P2, .icon_P3 {
        width: 3em;
        height: 3em;
        line-height: 3em;
        font-size: 2em
    }

    .proCircle .rotateme {
        width: 100%
    }

    .img_pos {
        width: 100%;
        right: auto
    }

    .ecoMmMArkeTinG {
        height: 100vh
    }

    .mrKTEcom {
        position: relative;
        bottom: -21em;
        max-width: 1200px;
        margin: auto
    }

    .formArEaCommerce {
        margin-top: 4em
    }

    .imgFOrmEcom1 {
        position: absolute;
        left: 11.3em
    }

    .eCommAPPs {
        padding: 2em 3em 0
    }

    .imgFOrmEcom2 {
        position: absolute;
        right: 12em
    }

    .uk-height-max-large {
        height: 850px !important;
        max-height: 850px !important
    }

    .features li .text .title {
        font-weight: 400;
        font-size: 1.6em;
        line-height: 40px;
        margin-bottom: 1em !important
    }

    .features li .text p {
        line-height: 1.6
    }

    .table_ios {
        position: absolute;
        bottom: -51em
    }

    .iOS_section {
        padding: 26em 4em 4em
    }

    .home-services-item .services-title {
        font-weight: 400;
        font-size: 2.5em
    }

    .home-services-item p {
        font-size: 1.5em !important
    }

    .home-services-item i {
        font-size: 5em
    }

    .iphone-frame img {
        max-width: 400px
    }

    .process_img {
        bottom: 5.5em
    }

    .uk-button {
        font-size: 1.75rem !important;
        line-height: 2.5 !important
    }

    .android_grid {
        min-height: 550px;
        max-height: 550px
    }

        .android_grid img {
            width: 128px;
            height: 128px
        }

    .andROID_section2 {
        padding: 14em 4em 38em
    }

        .andROID_section2 h2 {
            line-height: 1
        }

            .andROID_section2 h2 a {
                color: #fff;
                text-transform: uppercase;
                font-size: 4rem
            }

    .process_AndRoid {
        bottom: -32em
    }

    .process_img img {
        width: 100%
    }

    .process_AndRoid .rotate_circle {
        border-color: #fdd000;
        width: 1150px;
        height: 1150px;
        top: 9em;
        right: 0;
        border-width: 5px
    }

    .process_AndRoid .process_img {
        width: 800px;
        top: 16em
    }

    .rectangle-img:after {
        height: 950px;
        width: 950px;
        bottom: 14em
    }

    .android_process {
        padding: 14em 4em 2em
    }

    .main-timeline .description {
        line-height: 60px
    }

    .main-timeline .title {
        float: left;
        font-size: 1.7em !important
    }

    .timeline-content i, .timeline-content2 i {
        width: 128px;
        height: 128px;
        line-height: 128px
    }

    .main-timeline .timeline {
        margin-bottom: 2.5em
    }

        .main-timeline .timeline-icon, .main-timeline .timeline:first-child:before {
            width: 28px;
            height: 28px;
            right: 1.3em
        }

    .img-fluid {
        max-width: 100%;
        height: auto;
        width: 100%
    }

    .app_ss {
        padding: 4em 4em 0
    }

    .iphone-frame {
        display: none
    }

    .bg_img h3 {
        font-size: 3.4em !important
    }

    .bg_img p {
        font-size: 1.5em !important
    }

    .section-title .section-title-body .head-title.effect-buttom-border {
        font-size: 3.4em !important
    }

    .pricingTableloGo .pricing-contentloGo ul li {
        color: #555;
        font-size: 1.1em;
        font-weight: 600;
        line-height: 49px
    }

        .pricingTableloGo .pricing-contentloGo ul li:before {
            font-size: 1.1em;
            line-height: 49px;
            left: -1em
        }

    .pricingTableloGo .price-valueloGo .amount-sm {
        font-size: 2.3em;
        vertical-align: unset;
        display: inline-block
    }

    .pricingTableloGo .pricingTableloGo-signup a {
        font-size: 1.3em
    }

    .logo-timeline .descriptionlogoD {
        max-width: 100%
    }

    .logo-timeline .timeline-yearlogoD {
        font-size: 2.2em;
        line-height: 143px;
        height: 150px;
        color: #2328bd;
        width: 150px;
        position: absolute;
        right: -6%;
        left: auto;
        top: 0
    }

    .logo-timeline .timelinelogoD:nth-child(even) .timeline-yearlogoD {
        right: auto;
        left: -6%
    }

    .gridWeB p {
        line-height: 1.3;
        max-width: 50%;
        float: right;
        margin-left: auto;
        letter-spacing: 2px
    }

    .logo-timeline img {
        width: 140px
    }

    .typeOne {
        top: -60em
    }

        .typeOne img, .typeTwo img {
            width: 130px;
            right: -4%;
            top: 30%
        }

    .typeThree p {
        text-align: left !important;
        max-width: 25% !important;
        float: left !important
    }

    .typeThree {
        top: -31em;
        right: auto;
        left: -192%;
        padding: 0 0 0 5em
    }

        .typeThree img {
            width: 130px;
            float: right;
            position: absolute;
            left: -36px;
            top: 22%
        }

    .title_medium .section-title-body .head-title.effect-buttom-border {
        padding: 0 0 .8em
    }

    .logo-timeline .timelinelogoD:after {
        top: 2.7em
    }

    .logo-timeline .timelinelogoD:nth-child(even):after {
        top: 2.5em
    }

    .oTherGrid h4 a {
        font-size: 1.2em;
        padding: 1em 10px
    }

    .btn-fixed-logo {
        bottom: 30rem;
        left: -1.6em
    }

    .btn-fixed-package {
        left: -4.4em
    }

    .oTherGrid p {
        min-height: 260px
    }

    .DiGibaNner {
        padding: 4em 0 18em 3em
    }

    .dIgiBaNnerContent .digi_web_icons img {
        width: 200px;
        background: #ffe844;
        padding: 30px
    }

    .dIgiBaNnerContent .digi_web_icons a p {
        line-height: 1.3
    }

    .digiImg, .digiImgright {
        width: 50% !important
    }

    .buttonGRad, .buttonGRadTwO {
        padding: 1em 1.5em;
        font-size: 1.2em
    }

    .KeySeO {
        padding: 4em
    }

    .countPara {
        left: 7em
    }

    .BoostGrid span {
        font-size: 1em
    }

    .cardContact {
        min-height: 400px;
        max-height: 400px
    }

        .cardContact p {
            color: #000 !important;
            line-height: 1.4
        }

        .cardContact h3 {
            margin: 0;
            color: #0459c1;
            font-size: 1.7em !important
        }

        .cardContact img {
            margin: auto;
            width: 120px
        }

    .ct-frm-div .form-control {
        display: block;
        width: 100%;
        padding: 1.3em;
        font-size: 1.8rem
    }

    .cptchBox {
        width: 100%;
        height: 95px;
        overflow: hidden
    }

    .divQuote {
        padding: 4em 9em 5em !important
    }

    .quotePopup .form-control {
        padding: 1.7rem .75rem;
        font-size: 1.5rem
    }

    .quotePopup select.form-control:not([size]):not([multiple]) {
        height: calc(2.25rem + 60px)
    }

    .quoteSidebar .imgCircle {
        width: 250px;
        height: 250px;
        line-height: 240px
    }

    .quoteSidebar img {
        width: 7em
    }

    .fullblog .uk-height-medium {
        height: 600px !important
    }

    .fullblog h1 {
        font-size: 2.5em !important
    }

    .uk-breadcrumb > * > * {
        font-size: 1em !important
    }

    .text-small {
        line-height: 1.3
    }

    .fullpage p a {
        font-size: .9em
    }

    .fullpage a {
        font-size: 1.8em
    }

    .fullpage div span {
        font-size: 1em !important;
        line-height: 1.6
    }

    .fullpage .uk-input, .uk-select:not([multiple]):not([size]) {
        height: 100px
    }

    .fullpage a h6 {
        font-size: .8em !important
    }

    .text-medium {
        font-size: 1.1em !important;
        line-height: 23px
    }
}

@media only screen and (min-width:411px) and (max-width:736px) and (orientation :portrait) {
    .andROID_section2 {
        padding: 0 0 13em
    }

    .rotate_circle {
        width: 255px;
        height: 255px;
        border-radius: 100%;
        position: absolute;
        top: 40px
    }

    .process_img {
        bottom: 4em;
        width: 50%
    }

    .process_AndRoid {
        padding: 0;
        bottom: -29em
    }

        .process_AndRoid .rotate_circle {
            width: 240px !important;
            height: 240px !important;
            top: -11em
        }

        .process_AndRoid .rectangle-img:after {
            height: 190px;
            width: 190px;
            bottom: 20em
        }

        .process_AndRoid .process_img {
            top: -7.9em;
            width: 150px
        }

    .mrKTEcom {
        bottom: -1em
    }

    .formArEaCommerce {
        margin-top: -2em
    }

    .circleRotation {
        padding: 10px 5px;
        margin: 0 auto 2em;
        top: 9em
    }

        .circleRotation h3 {
            font-size: 13px;
            padding: 0 17px;
            margin: 2px 0 1em;
            line-height: 15px
        }

        .circleRotation:after {
            background-image: url(../image/banner/cloudBubbleMedium.png);
            left: 11px;
            right: 0;
            margin: auto;
            width: 230px;
            height: 139px
        }

    .edgType h4 {
        top: 8.5em
    }

    .banner_btn .btn_1, .banner_btn .btn_2 {
        padding: 7px 13px;
        width: 45%
    }

        .banner_btn .btn_1 div, .banner_btn .btn_2 div {
            padding-left: 3em;
            text-align: left
        }

        .banner_btn .btn_1 i, .banner_btn .btn_2 i {
            left: 13%;
            top: 23%;
            font-size: 2em
        }

        .banner_btn .btn_1 div span, .banner_btn .btn_2 div span {
            font-size: 13px
        }

        .banner_btn .btn_2 div small {
            font-size: 12px
        }
}