@media  (max-width:1900px){
    .app_portfolio_slider_bg {
        /* background-image: url(../../assets/images/mobile-bg.png); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0px 1px;
        width: 23% !important;
        height: 142%;
        margin: 0px 0 0;
        padding: 0px 0px 0px 0px;
        position: absolute;
        left: 0;
        right: 0px;
        margin: auto;
        top: -87px;
        z-index: 1;
        padding: 0 0;
    }
    section.all_portfolio_sec img {
        width: 100%;
        padding: 0 17px;
    }
}


@media  (max-width:1800px){
    .app_portfolio_slider_bg {
        /* background-image: url(../../assets/images/mobile-bg.png); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0px 1px;
        width: 23% !important;
        height: 142%;
        margin: 0px 0 0;
        padding: 0px 0px 0px 0px;
        position: absolute;
        left: 0;
        right: 0px;
        margin: auto;
        top: -77px;
        z-index: 1;
        padding: 0 0;
    }
    section.all_portfolio_sec img {
        width: 100%;
        padding: 0 17px;
    }
}

@media  (max-width:1600px){
    .app_portfolio_slider_bg {
        /* background-image: url(../../assets/images/mobile-bg.png); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0px 1px;
        width: 23% !important;
        height: 142%;
        margin: 0px 0 0;
        padding: 0px 0px 0px 0px;
        position: absolute;
        left: 0;
        right: 0px;
        margin: auto;
        top: -72px;
        z-index: 1;
        padding: 0 0;
    }
    section.all_portfolio_sec img {
        width: 100%;
        padding: 0 17px;
    }
}

@media  (max-width:1500px){
    .app_portfolio_slider_bg {
        /* background-image: url(../../assets/images/mobile-bg.png); */
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 0px 1px;
        width: 23% !important;
        height: 142%;
        margin: 0px 0 0;
        padding: 0px 0px 0px 0px;
        position: absolute;
        left: 0;
        right: 0px;
        margin: auto;
        top: -69px;
        z-index: 1;
        padding: 0 0;
    }
    section.all_portfolio_sec img {
        width: 100%;
        padding: 0 17px;
    }
}
@media (max-width: 1400px) {
    .app_portfolio_slider_bg {
        top: -68px;
    }

    h1 {
        font-size: 42px;
    }
    header nav ul li a {
        font-size: 14px;
    }


}

@media (max-width: 1366px) {
    .app_portfolio_slider_bg {
        top: -66px;
    }
    .app_portfolio_sec {
        margin-top: 100px;
        position: relative;
    }

}



@media (min-width: 1200px) and (max-width: 1600px) {
    .success-box-two img {
        width: 60%;
    }

    section.creative .content {
        padding: 30px;
        border-radius: 10px;
    }

    .success-box {
        border-radius: 8px;
        padding: 10px 0 10px 20px;
        margin: 0 0 12px;
    }

    section.creative .content {
        background-color: #fff;
        padding: 30px;
    }

    .success-box span {
        font-size: 85px;
    }

    .complete_brand .content h5 {
        margin: 10px 0 10px;
        font-size: 18px;
    }
    ul.fancy_list li {
        padding-left: 18px;
        list-style: none;
        margin: 0 0 5px;
        font-size: 12.5px;
        font-weight: 300;
        letter-spacing: .3px;
    }

    ul.fancy_list li:before {
        top: 3px;
    }

    p.subtitle {
        font-size: 16px;
    }
    h2 {
        font-size: 34px;
    }
    .pricing_clm ul {
        height: 220px;
        /* overflow-y: auto; */
        margin-bottom: 30px;
    }
    .offer-text h2 {
        font-size: 36px;
    }
    .offer-text p {
        font-size: 15px;
    }
    .desing_sec h5.my-3 {
        margin: 20px 0 5px !important;
        font-size: 16px;
    }

    .inner_page_banner h2 {
        font-size: 36px;
    }

    a.has_drop:before {
        content: "\f0d7";
        font-family: fontawesome;
        position: absolute;
        right: 0;
        top: 0;
    }

    header nav ul li a {
        font-size: 13px;
    }

    .floating_wrap {
            top: 180px;
        }
     .banner_img_wrap {
        transform: scale(0.8);
    }
    .LED_canvas {
        transform: scale(0.7) !important;
        right: -170px;
        top: 0px;
    }
    .tab_canvas {
        transform: scale(0.7) !important;
        left: 55px;
    }
    .laptop_canvas {
        transform: scale(0.7)!important;
        top: 300px;
        left: 50px;
    }
    .phone_canvas {
        top: 285px;
        left: 50px;
    }
    

    .home_banner .banner_img_wrap {
        position: relative;
        top: -234px;
    }


    .pakg_btn a {
        padding: 13px 35px;
    }
    .home_banner h2 {
        font-size: 25px;
    }

    .home_banner h1 {
        font-size: 40px;
    }

    .home_banner  h4 {
        font-size: 18px;
    }

    .home-banner-input {
        width: 68%;
        padding: 13px 10px 13px;
        font-size: 17px;
    }

    .home-banner-submit {
        padding: 11px 10px;
        font-size: 16px;
    } 

    .banner_chat {
        position: absolute;
        left: 0;
        top: -100px;
    }



    .move_dots {
        -webkit-animation: animatedBackground_dots 5s linear infinite;
        animation: animatedBackground_dots 5s linear infinite;
        background-size: contain;
    } 

    .inner_page_banner .banner_caption img {
        width: 100%;
    }

    .our_clinet .content h3 {
        font-size: 22px;
    }

    .portfolio-banner img.inner_img {
        width: 65%;
        margin: auto;
        display: table;
    }

    .floating_wrap {
        top: 50px;
    }

    .sticky_contact_us {
        top: 150px;
    }

    .banner-form{
        margin-top: 25px;
    }
}



@media screen and (max-width: 1280px) {
    .app_portfolio_slider_bg {
        top: -62px;
    }
    section.all_portfolio_sec img {
        width: 100%;
        padding: 0 16px;
    }
    header nav ul li a {
        font-size: 12px;
    }
}



@media (max-width: 1199px) {
    header nav ul li a {
        font-size: 10px;
    }
    .app_iconc_wrap img {
        padding: 40px;
        height: 130px;
    }
    .app_portfolio_slider_bg {
        top: -58px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .home-banner-submit {
        position: relative;
        padding: 11px 9px;
        font-size: 15px;
        border: 3px dashed;
    }

    .home-banner-input {
        width: 68%;
        margin-right: 7px;
        font-size: 14px;
    }

    .btn_set A {
        padding: 9px 28px;
    }

    .pricing_clm h6 {
        font-size: 30px;
        font-weight: 800;
        margin: 0 !important;
    }
    .pricing_clm {
        padding: 20px 15px;
        border-radius: 15px;
    }

    .btn_set {
        display: flex;
        column-gap: 10px;
        margin: 30px 0 0;
    }

    .pkg_icon_wrap h5 {
        margin: 0 0 9px !important;
        font-size: 18px;
        height: 44px;
        align-items: center;
        display: grid;
    }

        ul.all-brand-tabs {
        margin: auto;
        margin-bottom: 20px !important;
    }

    a.has_drop:before {
        position: absolute;
        right: 3px;
        top: 0;
    }

    .floating_wrap {
        top: 50px;
    }

    .sticky_contact_us {
        top: 140px;
    }
}



@media(max-width: 1024px) {
    .app_portfolio_slider_bg {
        top: -49px;
        width: 22% !important;
    }
    .all_portfolio_sec ul.slick-dots {
        bottom: -110px;
    }
    .logo_portfolio_sec {
        padding: 40px 0 120px;
    }
    h1 {
        font-size: 36px;
        font-weight: 600;
        text-transform: uppercase;
    }

}

@media screen and (max-width: 768px) {
    .floating_wrap, .enable_form {
        display: none  !important;
    }
    .inner_page_banner h2 {
        font-size: 40px;
    }
    ul.subMenu.ind .links_clm li {
        width: 100%;
    }
    .center-res {
        text-align: center;
    }
    .center-res {
        text-align: center
    }

    .center-res img {
        margin-bottom: 10px
    }

    .center-res p {
        width: 100%!important;
        font-size: 13px!important
    }

    .bg-footer .row div:nth-child(0),.bg-footer .row div:nth-child(3) {
        order: 3
    }

    .aboutsec div:first-child,.bg-footer .row div:first-child {
        order: 1
    }

    .bg-footer .row div:nth-child(2) {
        order: 4
    }

    .aboutsec div:nth-child(0),.bg-footer .row div:nth-child(4) {
        order: 2
    }

    .bg-footer .row div:nth-child(5) {
        order: 5
    }

    .bg-footer .social-link ul {
        justify-content: center
    }

    .payment-method img {
        width: 75%
    }

    .bg-footer .footer-list h4 {
        font-size: 18px
    }

    .bg-footer .footer-list ul li a {
        font-size: 13px
    }

    .bg-footer .news-letter {
        padding: 30px 0 0;
        text-align: center
    }

    .abouttext p,.banner-content h4,.bg-footer .news-letter .lets-talk ul li a,.bg-footer .news-letter h5,.feebback-bg h4,.teams_card p {
        font-size: 16px
    }

    .bg-footer .news-letter .lets-talk ul li {
        line-height: 30px
    }

    .bg-footer .lower-footer {
        border-top: none;
        margin-top: 5px;
        padding: 12px 0;
        display: block;
        text-align: center
    }

    .bg-footer .lower-footer .lower-1 {
        margin: 0 0 10px
    }
    .bg-footer .footer-list h7 {
        font-size: 18px;
    }
    br {
        display: none;
    }
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 14px;
    }
    p{
        font-size: 14px;
        color: #303030;
    }
    br{
        display: none;
    }
    .app_portfolio_sec {
        margin-top: 70px;
    }
    .all_portfolio_sec ul.slick-dots {
        bottom: -80px;
    }
    .logo_portfolio_sec {
        padding: 40px 0 80px;
    }
    .app_portfolio_slider_bg {
        top: -35px;
        width: 20% !important;
    }
    .sub-title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    section.creative .clm_top, section.creative .clm_btm {
          position: unset;
    }
    section.creative {
        padding: 40px 0;
    }
    section.form_section {
        margin: 50px 0 0 0;
        padding: 50px 0 90px 0;
    }
    .our_clinet {
        /* margin-top: -62px; */
    }
    .footer {
        padding: 130px 0 40px;
        margin-top: 0;
    }
    .copyright .btn_set {
        justify-content: center;
    }
    .copyright {
        text-align: center;
    }
    .footer ul.f_links {
        column-count: 1;
    }
    section.testimonials img.testi_img {
        margin: auto;
        display: table;
        width: 100%;
    }
    .our_clinet .content {
        border-right: unset;
    }
    .cts_section .cta_btns {
        display: inline-block;
        align-items: center;
        column-gap: 15px;
        width: 100%;
    }
    .cts_section {
        padding: 20px 20px;
    }
    .home_banner {
        padding-top: 40px;
    }

    .cts_section h2 {
        margin: 0 0 10px;
        font-size: 33px;
    }
    img.img_60 {
        margin-bottom: 30px;
        display: table;
    }
    .cts_section .cta_btns a {
        margin-bottom: 10px;
    }

    .cts_section .cta_btns a:last-child {
        margin-bottom: 0;
    }
    .responsive_menu {
        width: 240px;
    }
    img.logo {
        max-width: 188px !important;
    }
    .icons_sec .col-lg .content {
        border-right: unset;
        border-bottom: 1px solid #ccc;
    }
    section.com_pkgs_wrap .row:nth-child(even) {
        display: flex;
        flex-direction: column-reverse;
    }
    section.com_pkgs_wrap {
        padding-bottom: 0 !important;
    }
    ul.bsc_com_list li:before {
        right: 0px;
        width: 50px;
    }
    ul.bsc_com_list li {
       padding-right: 60px;
    }
    button.orange_btn {
        text-transform: uppercase;
        width: 100%;
    }
}




@media(max-width: 767px) {

    .offer-btn a.cnt-btn {
        margin: -30px auto 30px;
        display: table;
    }
    .offer-text h2 {
        font-size: 32px;
        text-align: center;
    }

    .offer-slider .slick-list.draggable {
        width: 100%;
        padding: 20px 0 40px;
    }

    .offer-text p {
        font-size: 14px;
        text-align: center;
    }

section.offer-section:before{
    display: none;
}
    .service_img {
        margin: auto;
        display: table;
        width: 90%;
    }

  section.we_expert h3, section.we_expert p {
      text-align: center;
  }

    section.professional .pro_clm {
      text-align: center;
  }

    .inner_page_banner   h2, .inner_page_banner   p {
        text-align: center;
    }

    section.start h2, section.start p, section.start h6 {
        text-align: center;
    }

    section.professional .pro_clm {
        text-align: center;
    }

    .cts_section h2, .cts_section p {
        text-align: center;
    }

    .cts_section .cta_btns {
        justify-content: center;
        display: flex;
    }

    section.start .btn_set {
        justify-content: center;
    }

    .inner_page_banner   .btn_set {
        justify-content: center;
    }

    .complete_brand .col-12.mb-5.text-center h2, .complete_brand .col-12.mb-5.text-center p {
        text-align: left;
    }

    .what_we_slider_box_chat.banner_chat.desktop_none {
        display: block !important;
        left: 65%;
        margin: auto;
        display: table;
        top: 30px;
    }

    .success-box-two img {
        width: 70%;
        margin: auto;
        display: table;
    }

    .about-us h2, .about-us p {
        text-align: center;
    }

    .digitalmarketing-page h2, .digitalmarketing-page p {
        text-align: center;
    }

    .digitalmarketing-page .btn_set {
        justify-content: center;
    }

                .app_portfolio_slider_bg {
                    top: -81px;
                    width: 100% !important;
                    height: 140%;
                    background-size: contain;
                }

                /* .hosting_sec .content ,.domain_sec .content, section.start .content{
                    text-align: center;
                } */

                section.all_portfolio_sec img {
                    width: 90%;
                    padding: 0 16px;
                    margin: 0px auto 0;
                }


                .aos-animate {
                    transition-property: none !important;
                    transform: none !important;
                    animation: none !important;
                  }
                .complete_brand .content h5 {
                font-size: 20px;
            }

            .combo_bt_box h5.blue span {
                font-size: 20px;
            }

            span.regular_price {
                font-size: 16px;
            }

            .complete_brand h2.highlighted_price span.cutPrice {
                font-size: 18px;
            }

            .combo_btn_box a.pkg_call_btn {
                font-size: 14px;
            }

                .some_awesome .row .col-sm-12:nth-child(2) .pricing_clm:before {
                z-index: 9999;
            }
                .our_clinet {
                text-align: center;
                padding: 20px 5px;
            }
                .success-box h6 {
                font-size: 20px;
                margin-bottom: 0px;
            }
            .success-box span {
                font-size: 50px;
            }
            img.girl_img_cta {
                /* display: none; */
                position: relative;
                top: 20px;
            }
            section.we_expert .thumnail_slid .item {
                padding: 20px;
            }

            img.img_60 {
                display: none;
            }
                a.chat.combo_gradient_btn.w-100 {
                font-size: 14px;
                padding: 10px;
            }
            a.pop_btn.gradient_btn.w-100.mb-3 {
                font-size: 14px;
                padding: 10px;
            }
                .floating_wrap, .enable_form {
                    display: none  !important;
                }

                /* .app_portfolio_slider_bg {
                    top: -63px;
                    width: 38% !important;
                } */
                section.app_design {
                    margin: 0 0 0px;
                }
                section.app_development {
                    padding: 50px 0;
                }

                section.view-detail-page .price-pack-dtl-pg {
                        padding: 35px 20px;
                        box-shadow: 0 3px 30px #0000001f;
                        text-align: center;
                        margin: 0 0 50px;
                    }

                    section.view-detail-page .list-scroll {
                        height: auto;
                        overflow-x: hidden;
                        overflow-y: auto;
                    }

                    .pricing_clm ul {
                    height: auto;
                    overflow-x: auto;
                    margin-bottom: 40px;
                }
}
@media(max-width: 480px) {
    
}


@media(max-width:479px) {

    section.app_design {
        background-color: #f5f5f5;
        padding: 30px 0;
    }
    .app_portfolio_sec {
        margin-top: 110px;
    }
    .all_portfolio_sec ul.slick-dots {
        bottom: -128px;
    }
    .logo_portfolio_sec {
        padding: 40px 0 140px;
        margin-bottom: 50px;
    }
    section.testimonials {
        padding: 50px 0;
    }
}


@media(max-width:414px) {

    section.app_design {
        background-color: #f5f5f5;
        padding: 30px 0;
    }
    .app_portfolio_sec {
        margin-top: 110px;
    }
    .all_portfolio_sec ul.slick-dots {
        bottom: -128px;
    }
    .logo_portfolio_sec {
        padding: 40px 0 140px;
        margin-bottom: 50px;
    }
    section.testimonials {
        padding: 50px 0;
    }
}


@media(max-width: 360px) {
   
    .all_portfolio_sec ul.slick-dots {
        bottom: -108px;
    }
    .logo_portfolio_sec {
        padding: 40px 0 110px;
    }
    section.app_design {
        background-color: #f5f5f5;
        padding: 30px 0;
        margin: 0 0 70px;
    }
}

@media(max-width: 320px) {
    .app_portfolio_slider_bg {
        top: -57px;
        width: 86% !important;
    }
}