@media (min-width:2000px) {
    .call_action_area .action_one {
        left: 40px
    }
}

@media(max-width:1650px) {
    .section_container {
        height: 795px
    }

    .section_container .intro_content p {
        margin-bottom: 40px
    }

    .saas_features_item {
        padding: 0
    }

    .chat_img .p_one {
        right: -130px;
        bottom: 330px
    }
}

@media (max-width:1550px) {

    .agency_featured_img img,
    .company_widget img,
    .new_startup_img img,
    .protype_img,
    .s_features_item .s_features_img img,
    .software_img img {
        max-width: 100%
    }

    .footer_top_six .social-widget .f_social_icon a+a,
    .s_features_item .ml_50,
    .saas_featured_info .f_img_one {
        margin-left: 0
    }

    .s_features_item .s_features_content {
        padding-right: 0;
        padding-left: 45px
    }

    .container.custom_container {
        max-width: 1170px
    }

    .service_item {
        padding: 47px 15px 0
    }

    .call_action_area .action_one {
        left: -720px
    }

    .p_feature_item .p_feture_img_one {
        margin-right: -20px
    }

    .p_feature_item .p_feture_img_two {
        margin-left: -20px
    }

    .action_img,
    .saas_featured_info .f_img_two {
        margin-right: 0
    }

    .agency_banner_area .banner_shap {
        width: 80%;
        top: -100px
    }

    .app_img .mobile {
        margin-left: -100px
    }

    .menu>.nav-item:nth-last-child(-n+2).submenu .dropdown-menu {
        left: auto;
        right: 0
    }

    .app_featured_content {
        padding: 50px 0 30px
    }

    .app_img .dot_one {
        right: 160px
    }

    .app_img .text_bg.two {
        right: -4%
    }

    .app_img .text_bg.one {
        left: -63%
    }

    .app_img .text_bg.three {
        right: -28%
    }

    .app_img .dot_three {
        top: 57%;
        left: 60px
    }

    .app_img .dot_two {
        right: 156px;
        top: 51%
    }

    .menu_one .tracking_btn .er_btn {
        padding: 8px 20px
    }
}

@media (max-width:1450px) {

    .agency_banner_img,
    .app_img .mobile {
        max-width: 100%;
        margin-left: 0
    }

    .app_feature_info .col-lg-5,
    .section_one_img {
        text-align: center
    }

    .app_banner_area {
        background-size: cover;
        padding-bottom: 100px;
        padding-top: 150px
    }

    .app_img .mobile {
        margin-top: 140px;
        position: relative;
        top: -110px;
        z-index: -1
    }

    .app_banner_contentmt p br,
    .section_one-content h2 br {
        display: none
    }

    .app_feature_info+.app_feature_info .app_featured_content {
        padding: 50px 0 90px 126px
    }

    .developer_product_area .service_tab_img {
        max-width: 100%
    }

    .payment_features_area .payment_featured_img {
        margin-left: -130px
    }

    .perfect_solution_area .perfect_solution_left .per_solution_content {
        max-width: 580px;
        padding-right: 60px
    }

    .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_two {
        padding: 0 0 0 60px
    }

    .text_box textarea {
        height: 140px
    }

    .section_one_img {
        margin-left: 0
    }

    .section_one_img img {
        max-width: 80%
    }

    .section_one_img .round {
        width: 450px;
        height: 450px;
        left: 50%;
        top: 50%;
        margin-left: -225px;
        margin-top: -225px
    }

    .section-3 .section_one_img .round {
        left: 50%;
        top: 0;
        width: 400px;
        height: 400px;
        margin-left: -225px;
        transform: inherit;
        margin-top: 50px
    }

    .section-2 .pp_mackbook_img img {
        max-width: 70%
    }

    .section-2 .pp_mackbook_img .one {
        top: -70px
    }

    .section-2 .pp_mackbook_img .four {
        top: 197px;
        left: -247px
    }

    .pp_mackbook_img .two {
        top: 254px;
        left: 31px
    }

    .pp_mackbook_img .three {
        top: 14px;
        right: -104px
    }

    .scroll-wrap {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .section-3 .flex-row-reverse {
        align-items: center
    }

    .section_one-content h2 {
        font-size: 40px;
        line-height: 52px
    }

    .pp_sec_title h2 {
        line-height: 50px
    }

    .pp_features_item .icon {
        margin-bottom: 25px
    }

    .pp_features_item {
        margin-top: 40px
    }

    .pp_testimonial_info .pp_testimonial_slider .item .media .media-body h4 {
        font-size: 16px;
        line-height: 25px
    }

    .pp_features_info .row {
        margin-top: -30px
    }

    .pp_sec_title {
        margin-bottom: 30px
    }

    .chat_banner_content h2 {
        font-size: 46px;
        line-height: 65px
    }
}

@media (max-width:1350px) {
    .analytices_list_area .macbook_a {
        right: -333px
    }
}

@media (max-width:1199px) {
    .software_promo_area .round_shape {
        border: 0
    }

    .developer_product_content,
    .feature_info .f_content h2,
    .intregration_logo,
    .p_feature_item .prototype_content h2,
    .pp_contact_info .pp_contact_item,
    .prototype_content h2,
    .saas_featured_content.pr_70,
    .seo_features_content .seo_features_item {
        padding-right: 0
    }

    .mobile_img .mobile {
        left: -180px
    }

    .container.custom_container {
        max-width: 960px
    }

    .service_item .icon {
        right: 5px
    }

    .footer_top_two .f_width_24 {
        width: 35%
    }

    .f_width_12 {
        width: 15%
    }

    .f_width_20 {
        width: 25%
    }

    .f_width_12,
    .f_width_20,
    .f_width_24 {
        margin-bottom: 35px
    }

    .footer_top_two .pl-30,
    .footer_top_two .pl_40,
    .tab-content .tab_img {
        padding-left: 0
    }

    .action_area_two {
        padding-bottom: 40px;
        padding-top: 20px
    }

    .agency_featured_item .agency_featured_content {
        padding-right: 0;
        padding-left: 20px
    }

    .dot,
    .features_info .dot_img,
    .payment_features_content_two h2 br,
    .saas_featured_content h2 br {
        display: none
    }

    .agency_featured_item,
    .pos_item+.pos_item {
        margin-top: 80px
    }

    .blog_single .blog_content,
    .features_info,
    .features_info.feature_info_two,
    .process_area .features_info {
        padding-bottom: 0
    }

    .agency_content h2 {
        font-size: 36px;
        line-height: 53px
    }

    .agency_banner_area .banner_shap {
        width: 100%;
        top: -200px
    }

    .software_banner_content h2 {
        font-size: 40px
    }

    .developer_product_content .develor_tab,
    .portfolio_details_info.pl_100 {
        padding-left: 0;
        padding-right: 0
    }

    .details_img img,
    .event_promotion_inner .event_img img,
    .h_analytices_features_item .h_analytices_img_two img,
    .h_analytices_img img,
    .h_features_img img,
    .h_price_inner,
    .h_security_img img,
    .intregration_icon img,
    .payment_features_area .payment_featured_img img,
    .saas_shap,
    .seo_features_img img {
        max-width: 100%
    }

    .saas_featured_info .saas_featured_item {
        padding: 50px 10px 50px 20px
    }

    .saas_featured_info .pl_100 {
        padding-left: 15px
    }

    .faq_area .pr_50,
    .saas_featured_info .pr_70 {
        padding-right: 15px
    }

    .footer_top_six .social-widget {
        margin-left: -42px
    }

    .app_banner_area .app_img .app_screen {
        max-width: 20%
    }

    .app_banner_area .app_img .app_screen.one {
        top: 108px;
        left: 6px
    }

    .app_banner_area .app_img .app_screen.two {
        top: 70px;
        left: 89px
    }

    .app_banner_area .app_img .app_screen.three {
        top: 30px;
        left: 171px
    }

    .app_featured_content {
        padding: 0
    }

    .app_item.item_two {
        left: -10px;
        top: 70px
    }

    .app_fetured_item,
    .navbar .search_cart .shpping-cart {
        margin-left: 0
    }

    .app_item.item_three {
        bottom: 35px
    }

    .app_feature_info .app_img .dot,
    .perfect_solution_area {
        display: block
    }

    .app_img .text_bg.one {
        left: -26%
    }

    .app_img .dot_three {
        left: 164px
    }

    .agency_banner_area_two .agency_content_two h2 {
        font-size: 32px;
        line-height: 45px
    }

    .agency_banner_area_two {
        padding-top: 150px
    }

    .blog_content {
        padding: 25px 15px 42px 20px
    }

    .developer_product_content .develor_tab .nav-item,
    .menu>.nav-item+.nav-item {
        margin-left: 20px
    }

    .blog_post_item .blog_content {
        padding: 22px 12px 35px
    }

    .feature_info .feature_img.f_img_two .four,
    .h_analytices_features_item .h_analytices_img .analytices_img_two,
    .h_security_img:before,
    .payment_features_img:before {
        left: 0
    }

    .payment_features_area .payment_featured_img,
    .payment_features_area .payment_featured_img.img_two {
        margin-left: 0;
        margin-right: 0
    }

    .footer_nine_top .pl_100 {
        padding-left: 50px
    }

    .footer_nine_top {
        padding-bottom: 100px;
        padding-top: 125px
    }

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

    .saas_service_item+.saas_service_item {
        margin-top: 118px
    }

    .app_featured_area {
        padding: 90px 0
    }

    .app_feature_info+.app_feature_info {
        margin-top: 175px
    }

    .job_apply_area .pl_70,
    .job_details_area .pl_70 {
        padding-left: 20px
    }

    .triangle_shape {
        height: 107%
    }

    .app_featured_area_two .app_feature_info {
        margin-top: 120px
    }

    .new_service .new_service_content {
        padding: 50px 15px
    }

    .perfect_solution_area .perfect_solution_left,
    .perfect_solution_area .perfect_solution_right {
        max-width: 100%;
        height: 500px;
        display: block;
        overflow: hidden
    }

    .perfect_solution_area .perfect_solution_left {
        display: flex !important;
        padding: 100px 0;
        height: auto
    }

    .perfect_solution_area .perfect_solution_right .bg_img {
        position: relative
    }

    .perfect_solution_area .perfect_solution_left .per_solution_content,
    .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three,
    .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_two {
        max-width: 960px;
        padding-right: 15px;
        padding-left: 15px;
        margin: 0 auto
    }

    .navbar .pl_100 {
        padding-left: 48px
    }

    .payment_features_area_four {
        padding-bottom: 100px
    }

    .price_info_two .price_item:first-child {
        padding-left: 10px
    }

    #multiscroll {
        overflow: auto;
        height: 100vh;
        -webkit-transition: .3s cubic-bezier(0, 0, .58, 1);
        -moz-transition: .3s cubic-bezier(0, 0, .58, 1);
        -ms-transition: .3s cubic-bezier(0, 0, .58, 1);
        -o-transition: .3s cubic-bezier(0, 0, .58, 1);
        transition: .3s cubic-bezier(0, 0, .58, 1)
    }

    #multiscroll .ms-left,
    #multiscroll .ms-right {
        width: 100% !important;
        position: relative !important;
        top: auto !important
    }

    .payment_subscribe_info .subscribe-form .form-control {
        width: 360px
    }

    .payment_subscribe_info {
        padding-left: 20px;
        padding-right: 20px
    }

    .payment_subscribe_info .subscribe-form .btn_four {
        padding: 16px 32px
    }

    .payment_features_img img {
        max-width: 100%;
        margin-left: 0
    }

    .payment_features_content_two h2 {
        font-size: 37px;
        line-height: 48px
    }

    .seo_features_img .round_circle {
        right: -100px
    }

    .seo_features_img.seo_features_img_two .round_circle {
        left: -60px
    }

    .chat_info {
        padding: 77px 20px
    }

    .chat_info h3 {
        font-size: 22px
    }

    .chat_info img {
        margin-right: 15px
    }

    .intro {
        margin-right: auto
    }

    .pp_sec_title h2 {
        font-size: 35px;
        line-height: 45px
    }

    .section-2 .pp_mackbook_img .one {
        top: -26px
    }

    .pp_mackbook_img .two {
        top: 276px;
        left: -3px
    }

    .pp_mackbook_img .three {
        top: 72px;
        right: -60px
    }

    .section-2 .pp_mackbook_img .four {
        top: 197px;
        left: -216px
    }

    .section-3 .section_one_img {
        margin-left: -85px
    }

    .section-4 .section_one_img .round {
        margin-top: 0;
        left: 50%
    }

    .section-4 .section_one_img .phon_img {
        max-width: 40%
    }

    .section-4 .section_one_img {
        text-align: left
    }

    .section-4 .row {
        align-items: center
    }

    .h_analytices_features_item .h_analytices_img_two .analytices_img_two,
    .h_analytices_features_item.flex-row-reverse .h_security_img:before {
        right: 0
    }

    .pp_contact_form {
        padding-top: 20px
    }

    .security_banner_content .app_btn,
    .security_banner_content .w_btn {
        font-size: 15px
    }

    .security_banner_content .w_btn {
        margin-left: 6px
    }

    .security_banner_content h2 {
        font-size: 38px;
        line-height: 45px
    }

    .h_security_item {
        padding-left: 0;
        padding-right: 0;
        margin: 25px 0
    }

    .security_features_inner .s_features_item .item {
        width: 285px
    }

    .h_security_img {
        padding-left: 30px
    }

    .h_analytices_features_item.flex-row-reverse .h_security_img {
        padding-left: 0;
        padding-right: 30px
    }

    .security_inner {
        padding: 0 46px 20px
    }

    .chat_features_img .dot_bg {
        width: 100%
    }

    .chat_core_features_area {
        padding-bottom: 50px
    }

    .chat_img .p_one {
        right: -188px
    }

    .menu_one .container-fluid {
        padding-left: 35px;
        padding-right: 72px
    }
}

@media (max-width:991px) {
    .menu_scroll .alter_nav {
        position: relative;
        right: 0;
        top: 0
    }

    .menu_five .menu>.nav-item .nav-link,
    .menu_four .menu>.nav-item .nav-link,
    .menu_scroll.menu_poss .w_menu.search_cart a.nav-link,
    .menu_seven .menu .nav-item .nav-link,
    .menu_six .menu>.nav-item .nav-link,
    .w_menu .nav-item .nav-link {
        color: #051441
    }

    .menu_scroll .menu>.nav-item:nth-last-child(-n+2).submenu .dropdown-menu {
        left: 0;
        right: auto
    }

    .s_service_item {
        padding: 50px 40px 40px;
        margin-top: 30px
    }

    .chat_info,
    .portfolio_details_info .portfolio_category,
    .s_service_info {
        margin-top: 40px
    }

    .s_features_section {
        margin-top: 100px;
        padding-bottom: 100px
    }

    .feature_info .feature_img.f_img_one,
    .footer_top_six .social-widget,
    .menu>.nav-item+.nav-item,
    .p_feature_item .p_feture_img_two,
    .s_features_item .ml_25,
    .seo_features_img.seo_features_img_two img {
        margin-left: 0
    }

    .footer_top {
        padding-bottom: 60px
    }

    .f_social_icon_two a,
    .footer_bottom,
    .header_contact_info li {
        font-size: 13px
    }

    .mobile_img .mobile {
        left: 0;
        top: -143px
    }

    .mobile_img .women_img {
        top: 70px;
        right: 280px
    }

    .container.custom_container {
        max-width: 100%;
        padding: 0 15px
    }

    .price_content .price_item {
        height: 100%
    }

    .analytices_price_item,
    .blog_post .blog_post_item,
    .payment_features_item,
    .price_content .col-sm-6 {
        margin-bottom: 30px
    }

    .footer_nine_top,
    .pricing_area {
        padding-bottom: 80px
    }

    .feature_info .feature_img {
        margin-left: 0;
        margin-bottom: 30px
    }

    .feature_info .feature_img.f_img_two {
        max-width: 570px;
        position: relative
    }

    .feature_info .feature_img.f_img_two .one {
        right: 40%
    }

    .service_item {
        padding: 47px 25px 0
    }

    .service_item .icon {
        right: 20px
    }

    .faq_content h3.mt_100,
    .get_started_area .col-lg-6.text-right img,
    .h_analytices_features_item .h_analytices_content,
    .p_feature_item+.p_feature_item,
    .protype_img {
        margin-top: 50px
    }

    .partner_logo .p_logo_item {
        width: calc(100% / 4);
        margin-bottom: 20px
    }

    .p_feature_item .p_feture_img_one {
        margin-right: 0
    }

    .prototype_content {
        padding-top: 20px
    }

    .action_content,
    .saas_service_img,
    .security_banner_content {
        margin-bottom: 40px
    }

    .action_img,
    .new_service .new_service_content,
    .saas_featured_content.pr_70 {
        margin-top: 0
    }

    .p_service_info {
        margin-bottom: -40px
    }

    .developer_product_area,
    .prototype_service_info {
        padding: 120px 0
    }

    .footer_nine_top .company_widget.pr_100,
    .footer_top_two .company_widget,
    .p_feature_item .prototype_content h2,
    .payment_features_content.pr_70 {
        padding-right: 0
    }

    .agency_banner_area .banner_shap {
        width: auto;
        top: 0;
        max-width: 100%
    }

    .company_widget .f_subscribe {
        max-width: 300px
    }

    .saas_banner_area,
    .software_banner_area {
        padding-top: 150px
    }

    .design_developers_area .col-md-5 {
        justify-content: center;
        text-align: center
    }

    .software_featured_img {
        margin-left: 0;
        margin-bottom: 50px
    }

    .software_featured_area_two .pl-0 {
        padding-left: 15px !important
    }

    .developer_product_content {
        padding-right: 0;
        margin-bottom: 50px
    }

    .saas_featured_info {
        margin-top: 60px
    }

    .saas_featured_area .saas_featured_info {
        margin-top: 30px
    }

    .saas_featured_info .f_img_one,
    .saas_featured_info .f_img_two,
    .section-2 .pp_work_content {
        margin-bottom: 50px
    }

    .erp_item_features+.erp_item_features,
    .saas_featured_area .saas_featured_info+.saas_featured_info {
        margin-top: 100px
    }

    .fun_fact_content .fact_item.pl_100 {
        padding-left: 10px
    }

    .analytices_list_area .macbook_a,
    .app_banner_area .app_banner_contentmt h2 br,
    .hosting_title h2 br,
    .navbar .search_cart .search a.nav-link:before,
    .new_service .separator,
    .saas_banner_content p br,
    .sec_title p br {
        display: none
    }

    .app_img .mobile {
        top: -38px
    }

    .app_banner_area {
        padding-bottom: 50px;
        padding-top: 110px
    }

    .app_fetured_item .app_item {
        position: relative;
        display: inline-block
    }

    .app_item.item_two {
        left: 31px;
        top: 120px
    }

    .app_item.item_one {
        top: -50px
    }

    .app_feature_info .app_featured_content,
    .menu>.nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item:last-child,
    .menu>.nav-item.submenu .dropdown-menu .nav-item:last-child,
    .payment_features_area {
        padding-bottom: 0
    }

    .app_featured_area_two .app_feature_info .app_featured_content {
        padding-left: 0;
        padding-bottom: 0
    }

    .app_banner_area .app_img .app_screen.one {
        top: 191px;
        left: 117px
    }

    .app_banner_area .app_img .app_screen.two {
        top: 116px;
        left: 233px
    }

    .app_banner_area .app_img .app_screen.three {
        top: 90px;
        left: 380px
    }

    .features_info.feature_info_two .agency_featured_img {
        text-align: left !important;
        margin-bottom: 50px
    }

    .agency_banner_area_two .agency_banner_img,
    .faq_tab,
    .seo_features_img {
        margin-bottom: 60px
    }

    .blog_post_item .blog_img img {
        width: 100%
    }

    .blog_sidebar_left .blog_post {
        margin-bottom: -30px
    }

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

    .portfolio_details_area .portfolio_details_gallery.gallery_two {
        margin-bottom: 20px
    }

    .agency_featured_item .agency_featured_img,
    .details_img.text-right {
        text-align: left !important
    }

    .agency_content {
        max-width: 500px
    }

    .agency_featured_item .agency_featured_content {
        padding-left: 0;
        margin-top: 50px
    }

    .menu {
        padding: 10px 30px;
        background: #fff;
        margin-top: 0
    }

    .menu_one .navbar-collapse {
        margin-left: -20px;
        margin-right: -20px
    }

    .menu_four .navbar-collapse,
    .navbar-collapse {
        max-height: 400px;
        overflow-y: scroll;
        margin-left: 0;
        margin-right: 0;
        background: #fff
    }

    .menu>.nav-item {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 0
    }

    .header_area .navbar-brand,
    .menu_toggle {
        transition: .2s linear
    }

    .navbar .pl_100 {
        padding-left: 20px;
        padding-right: 15px
    }

    .header_area.navbar_fixed .navbar-brand,
    .navbar_fixed .menu_toggle {
        margin-bottom: 0
    }

    .menu>.nav-item>.nav-link {
        display: inline-block
    }

    .menu>.nav-item.submenu .dropdown-menu .nav-item>.dropdown-menu {
        box-shadow: none
    }

    .menu>.nav-item.submenu .dropdown-menu .nav-item {
        padding: 0 25px
    }

    .menu>.nav-item.submenu .dropdown-menu {
        box-shadow: none;
        padding: 0;
        margin: 0
    }

    .menu>.nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item,
    .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three {
        padding-left: 15px;
        padding-right: 15px
    }

    .analytices_list,
    .menu>.nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item:first-child,
    .price_info_two .price_head .p_head.time {
        padding-top: 0
    }

    .menu>.nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item .nav-link:before {
        content: "\e649";
        display: inline-block;
        font-family: themify;
        margin-right: 8px;
        width: auto;
        font-size: 9px;
        float: none
    }

    .header_area .menu_six .cus_dark {
        margin-left: 30px;
        border-color: #3d64f4;
        color: #3d64f4;
        display: inline-block;
        margin-bottom: 15px
    }

    .header_area a.menu_cus {
        margin-left: 30px !important
    }

    .header_area .menu_five .menu_custfive {
        border-color: #3d64f4;
        color: #3d64f4;
        display: inline-block
    }

    .header_area .menu_four .menu_custfive {
        border-color: #563bd1;
        color: #563bd1;
        display: inline-block
    }

    .header_area_seven .container,
    .header_area_six .container {
        position: relative
    }

    .header_area .container {
        padding-left: 20px;
        padding-right: 20px;
        position: relative
    }

    .header_area.navbar_fixed .menu_one,
    .menu_one,
    .menu_seven,
    .menu_six,
    .menu_two {
        padding: 15px 0
    }

    .w_menu .nav-item.active .nav-link,
    .w_menu .nav-item:hover .nav-link {
        color: #00aff0
    }

    .prototype_banner_area {
        padding-top: 140px
    }

    .menu_five .menu>.nav-item.active .nav-link,
    .menu_five .menu>.nav-item:hover .nav-link {
        color: #3d64f4
    }

    .menu_five .menu>.nav-item.active .nav-link:before,
    .menu_five>.menu>.nav-item:hover .nav-link:before {
        background: #3d64f4
    }

    .menu_seven .menu>.nav-item.active .nav-link,
    .menu_seven .menu>.nav-item:hover .nav-link {
        color: #4069eb
    }

    .menu_seven .menu>.nav-item.active .nav-link:before,
    .menu_seven>.menu>.nav-item:hover .nav-link:before {
        background: #4069eb
    }

    .menu_four .menu>.nav-item.active .nav-link,
    .menu_four>.menu>.nav-item:hover .nav-link {
        color: #6754e2
    }

    .menu_four .menu>.nav-item.active>.nav-link:before,
    .menu_four>.menu>.nav-item:hover>.nav-link:before {
        background: #6754e2
    }

    .payment_features_content.pl_70 {
        padding-left: 0
    }

    .footer_nine_top .pl_100 {
        padding-left: 15px
    }

    .payment_features_area_four {
        padding-bottom: 100px
    }

    .erp_action_area img,
    .saas_map_area img {
        max-width: 100%
    }

    .section_container .intro {
        height: 50%
    }

    .saas_features_area_two {
        padding-top: 200px
    }

    .saas_service_item+.saas_service_item {
        margin-top: 80px
    }

    .saas_banner_content h2 {
        line-height: 48px
    }

    .prototype_content .btn_three {
        margin-top: 25px
    }

    .app_service_area {
        padding-top: 100px
    }

    .job_apply_area .pl_70,
    .job_details_area .pl_70 {
        padding-left: 15px;
        margin-bottom: 50px
    }

    .footer_bottom .f_menu li+li {
        margin-left: 7px
    }

    .triangle_shape {
        height: 115%;
        transform: rotate(-22deg);
        -webkit-transform: rotate(-22deg);
        width: 170%
    }

    .cup {
        right: -27px
    }

    .intregration_content,
    .study_details .details_info {
        padding-top: 50px
    }

    .breadcrumb_area {
        padding-top: 180px
    }

    .alter_nav {
        position: absolute;
        right: 63px;
        top: -4px
    }

    .search_cart.menu {
        padding: 0;
        margin-top: 0;
        flex-direction: initial
    }

    .header_area_six+section {
        margin-top: 122px
    }

    .header_contact_info li:before {
        margin: 0 5px 0 0
    }

    .software_promo_area .round_shape {
        max-width: 690px;
        min-height: 690px
    }

    .payment_subscribe_info {
        display: block
    }

    .payment_subscribe_info .subscribe-form {
        justify-content: center;
        margin-top: 20px;
        margin-left: 0
    }

    .payment_subscribe_info .payment_subscribe_content {
        text-align: center
    }

    .seo_features_img .round_circle {
        right: 0
    }

    .seo_features_img.seo_features_img_two .round_circle {
        left: 0
    }

    .seo_call_to_action_area {
        padding: 80px 0
    }

    .header_area_six .alter_nav {
        top: 0
    }

    .header_area .menu_seven a.Cus_seven {
        color: #3d64f4;
        margin-left: 30px;
        display: inline-block;
        margin-bottom: 20px
    }

    .h_action_content h2 {
        font-size: 31px;
        line-height: 42px
    }

    .menu_pos .w_menu .nav-item:hover .nav-link,
    .w_menu .nav-item.active .nav-link {
        color: #5e53fb
    }

    .navbar_fixed .menu_pos .container .menu_toggle .hamburger span,
    .navbar_fixed .menu_pos .container .menu_toggle .hamburger-cross span {
        background: #051441
    }

    .section-1 .section_one-content,
    .tracking_product_area {
        padding-top: 80px
    }

    .section-2 .pp_mackbook_img {
        height: 600px
    }

    .section-2 .pp_mackbook_img .one {
        top: -146px;
        left: 155px
    }

    .section-2 .pp_mackbook_img .four {
        top: 138px;
        left: -101px
    }

    .pp_mackbook_img .three {
        top: 63px;
        right: -148px
    }

    .pp_mackbook_img .two {
        top: 328px;
        left: 67px
    }

    .section-4 .section_one_img .round {
        margin-top: -225px
    }

    .home_analytics_banner_area {
        height: auto;
        padding-top: 150px
    }

    .analytices_customers_logo_area {
        padding: 70px 0 20px
    }

    .analytices_list_area {
        padding-bottom: 50px
    }

    .h_security_banner_area {
        height: auto;
        min-height: auto;
        padding: 150px 0
    }

    .h_security_item {
        margin: 20px 0
    }

    .security_features_inner .s_features_item .item {
        width: 220px;
        padding: 40px 0
    }

    .h_security_img {
        max-width: 490px
    }

    .chat_core_features_area .row,
    .security_inner .row {
        justify-content: center
    }

    .chat_banner_content {
        padding-top: 0;
        margin-bottom: 20px
    }

    .chat_img {
        max-width: 405px;
        margin: 0 auto
    }

    .chat_features_img {
        max-width: 500px;
        margin-bottom: 60px
    }

    .chat_features_img.chat_features_img_one .chat_one {
        top: -80px
    }

    .chat_features_area {
        padding: 70px 0
    }

    .menu_one .tracking_btn {
        padding-left: 62px;
        padding-right: 62px;
        margin-bottom: 10px
    }

    .menu_one .container-fluid {
        padding-left: 35px;
        padding-right: 35px
    }

    .new-header .menu {
        background: #00000070 !important;
        backdrop-filter: blur(10px) !important
    }

    .new-header .navbar-collapse {
        background: #00000000 !important
    }

    .new-header .menu .nav-item .nav-link {
        color: var(--text-white) !important
    }
}

@media (max-width:768px) {

    .price_content .price_item,
    .section_container .intro_content {
        padding-right: 15px;
        padding-left: 15px
    }

    .breadcrumb_content p br,
    .h_map_area .hosting_title br,
    .hosting_title h2 br,
    .payment_features_content_two p br,
    .price_info_two .pr_list:last-child,
    .price_info_two .price_head .p_head,
    .prototype_featured_area h2 br,
    .prototype_service_info h2 br,
    .sec_title br,
    .setup_inner .setup_item .line {
        display: none
    }

    .footer_bottom p {
        text-align: center;
        margin-bottom: 12px !important
    }

    .footer_bottom .f_social_icon_two {
        text-align: right !important;
        margin-bottom: 12px
    }

    .agency_featured_item .agency_featured_img,
    .blog_area .shop_page_number,
    .fact_author_img.fact_author_img_two,
    .footer_bottom .f_menu {
        text-align: center !important
    }

    .l_height60 {
        line-height: 45px
    }

    .f_width_12,
    .f_width_20,
    .footer_top_two .f_width_24,
    .security_features_inner .s_features_item .item {
        width: 100%
    }

    .partner_logo .p_logo_item {
        width: calc(100% / 3)
    }

    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        opacity: 0
    }

    .agency_featured_item .agency_featured_content {
        padding-left: 0;
        margin-top: 50px
    }

    .action_area_three:before {
        background-size: contain
    }

    .mb_90,
    .sec_title.mb_70 {
        margin-bottom: 50px
    }

    .agency_service_area,
    .developer_product_area,
    .prototype_service_info,
    .sec_pad {
        padding: 70px 0
    }

    .agency_featured_area {
        padding-top: 120px
    }

    .agency_testimonial_area,
    .software_featured_area {
        padding-top: 70px
    }

    .pricing_area {
        padding-bottom: 10px
    }

    .fun_fact_content .fact_item.pl_100 {
        padding-left: 30px
    }

    .fun_fact_content,
    .process_area .agency_featured_item {
        margin-top: 50px
    }

    .agency_featured_area_two,
    .app_featured_area {
        padding-bottom: 80px
    }

    .app_service_area {
        padding-top: 80px
    }

    .features_info.feature_info_two .agency_featured_img {
        margin-bottom: 0
    }

    .partner_logo_area_five {
        padding-top: 110px;
        padding-bottom: 50px
    }

    .blog_single .blockquote {
        padding-left: 15px
    }

    .s_promo_info .promo_item {
        opacity: 1;
        left: 0;
        top: 75%
    }

    .svg_intro_bottom {
        width: 130%
    }

    .slider_content {
        padding-top: 150px
    }

    .saas_features_area_two {
        padding-top: 165px
    }

    .section_container .intro_content {
        position: relative;
        padding-top: 150px
    }

    .section_container .intro_content h1 {
        font-size: 44px
    }

    .analytices_logo img,
    .payment_features_area_three .col-lg-5 img,
    .saas_service_img img,
    .support_home_area img {
        max-width: 100%
    }

    .mobile_img .women_img {
        top: 50px;
        right: 200px;
        max-width: 40%
    }

    .company_widget .mt_30,
    .design_tab_area .tab-content .tab_img {
        margin-top: 20px
    }

    .saas_featured_info .f_img_two:before {
        top: -20px
    }

    .saas_featured_info .saas_featured_item {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }

    .s_features_item .s_features_content .learn_btn {
        margin-top: 5px
    }

    .feature_info .f_content h2 {
        line-height: 33px;
        margin-bottom: 15px
    }

    .breadcrumb_area {
        padding: 124px 0 100px
    }

    .error_contain h1 {
        font-size: 20vw;
        line-height: 22vw
    }

    .app_img .text_bg.three {
        right: -30%;
        bottom: 48px
    }

    .app_img .dot_two {
        right: 157px;
        top: 76%
    }

    .price_info_two .pr_list,
    .price_info_two .price_head .p_head.time {
        display: block;
        width: 100%
    }

    .price_info_two .price_item {
        display: block;
        width: 100%;
        position: relative;
        overflow: hidden;
        padding: 0
    }

    .price_info_two .price_item:first-child {
        text-align: center;
        padding: 5px 0
    }

    .price_info_two .price_item:first-child h5 {
        width: initial;
        border: 0;
        float: none
    }

    .price_info_two .price_item:before {
        content: attr(data-title);
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 500
    }

    .price_info_two .price_item h5 {
        border-left: 1px dashed #ededed;
        display: block;
        float: right;
        font-size: 1.1rem;
        height: 100%;
        line-height: 3.1rem;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 50%
    }

    .header_social_icon li {
        margin: 0 0 0 13px
    }

    .software_promo_area .round_shape {
        width: 600px;
        height: 600px;
        max-width: 100%;
        min-height: 100%;
        margin-top: 100px
    }

    .software_promo_area .round_shape .r_shape.r_shape_two {
        width: 400px;
        height: 400px
    }

    .software_promo_area .round_shape .r_shape.r_shape_three {
        width: 230px;
        height: 230px
    }

    .h_analytices_features_item,
    .payment_features_area_three {
        padding: 80px 0
    }

    .h_analytices_features_area .er_btn,
    .payment_features_content_two .item,
    .security_features_inner .s_features_item:nth-child(3n+1),
    .security_features_inner .s_features_item:nth-child(3n-1) {
        margin-top: 0
    }

    .h_action_content {
        margin-top: 30px
    }

    .close_icon {
        z-index: 2;
        right: 20px;
        top: 20px
    }

    .section-4 .section_one_img img {
        max-width: 60%
    }

    .section-4 .section_one_img .phon_img {
        right: 62px
    }

    #pp-nav {
        right: 5px
    }

    .menu_scroll .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .menu_scroll .container-fluid .navbar-brand {
        margin-right: 0 !important;
        margin-left: 15px !important
    }

    .menu_scroll .container-fluid .navbar-toggler {
        margin-right: 15px !important;
        margin-left: 0 !important
    }

    .pp_features_item {
        padding-right: 15px
    }

    .section-2 .pp_mackbook_img {
        height: 480px
    }

    .h_analytices_features_item .h_analytices_img .analytices_img_two {
        left: 20px
    }

    .h_analytices_features_area {
        padding: 0 0 80px
    }

    .setup_inner .setup_content {
        text-align: center;
        padding-left: 0;
        max-width: 350px;
        margin: 0 auto
    }

    .setup_inner .setup_item .round {
        margin-top: 50px;
        margin-bottom: 30px
    }

    .analytices_logo_content {
        padding-right: 0
    }

    .integration_img {
        margin-left: 0
    }

    .h_leaf.one,
    .h_leaf.two {
        max-width: 40%
    }

    .security_features_inner {
        display: block;
        margin-left: -10px;
        margin-right: -10px
    }

    .security_features_inner .s_features_item {
        width: calc(50% - 22px);
        margin: 0 10px 30px;
        display: inline-block
    }

    .tracking_banner_area {
        height: auto;
        padding-bottom: 70px
    }

    .featuresSection ul.features-section-tab li a:hover,
    .featuresSection ul.features-section-tab li a:hover::after {
        opacity: unset
    }

    .featuresSection ul.features-section-tab li a:active,
    .featuresSection ul.features-section-tab li a:active::after {
        opacity: 1 !important
    }
}

@media (max-width:650px) {
    #home-page .section-2 .home_headings.section_one_text {
        top: 0 !important
    }

    #home-page .section-2 .scroll-wrap {
        align-items: flex-end !important
    }

    .app_img .mobile {
        top: -83px
    }

    .comment-box .post_comment .reply-comment {
        padding-left: 25px
    }

    .agency_featured_area {
        padding-top: 80px
    }

    .software_banner_content h2 {
        font-size: 35px
    }

    .error_contain p br,
    .hosting_title p br,
    .section-4 .section_one_img .phon_img,
    .t_color3 br {
        display: none
    }

    .design_developers_area .btn_four {
        margin-top: 35px
    }

    .company_widget .mt_40 {
        margin-top: 25px
    }

    .app_featured_content h2 {
        margin-bottom: 15px
    }

    .app_featured_content .learn_btn_two {
        margin-top: 10px
    }

    .agency_banner_area_two .agency_content_two h2 {
        font-size: 28px;
        line-height: 35px
    }

    .agency_banner_area_two .agency_banner_img {
        max-width: 70%;
        margin-bottom: 30px
    }

    .agency_banner_area_two {
        padding-top: 100px;
        padding-bottom: 80px
    }

    .error_contain h2 {
        letter-spacing: .5px
    }

    .app_img .dot_three {
        top: 48%
    }

    .app_img .dot_two {
        top: 69%
    }

    .triangle_shape {
        -webkit-transform: rotate(65deg);
        transform: rotate(65deg)
    }

    .perfect_solution_area .perfect_solution_left .per_solution_content h2 {
        font-size: 32px;
        line-height: 44px
    }

    .payment_subscribe_info .subscribe-form .form-control {
        width: 300px
    }

    .intro {
        width: 100%;
        max-width: 100%;
        margin-left: 15px;
        margin-right: 15px
    }

    .pos_footer_bottom img {
        max-width: 40%
    }

    .section-4 .section_one_img .round {
        width: 300px;
        height: 300px;
        margin-top: -150px;
        margin-left: -150px
    }

    .pp_testimonial_info {
        padding-right: 15px
    }

    .section-2 .pp_mackbook_img .one {
        top: 0
    }

    .pp_mackbook_img .three {
        top: 156px
    }

    .section-2 .pp_mackbook_img .four {
        top: 210px;
        left: -58px
    }

    .pp_mackbook_img .two {
        top: 353px;
        left: 88px
    }

    .h_analytics_content,
    .section-2 .pp_work_content {
        margin-bottom: 30px
    }

    .h_analytics_content h2 {
        font-size: 40px;
        line-height: 48px
    }

    .security_app_btn,
    .security_customers_logo_area .d-flex {
        display: block !important
    }

    .security_app_btn+.security_app_btn {
        margin-left: 0
    }

    .security_app_btn {
        margin-top: 18px
    }

    .security_inner .analytices_logo {
        padding: 20px 10px
    }

    .chat_img .p_one {
        width: 150px;
        right: -50px
    }

    .chat_img .p_two {
        width: 150px;
        left: -50px
    }

    .chat_img img {
        max-width: 100%
    }
}

@media (max-width:576px) {
    .app_featured_area {
        padding-top: 135px
    }

    .app_banner_area {
        padding-bottom: 10px
    }

    .saas_home_img {
        margin-top: 50px
    }

    .comment-box .post_comment .reply-comment,
    .h_analytices_features_item .h_analytices_img_two,
    .s_features_item .s_features_content,
    .security_inner {
        padding-left: 0
    }

    .footer_bottom .f_menu,
    .footer_bottom .f_social_icon_two {
        text-align: center !important
    }

    .footer_bottom .f_social_icon_two {
        margin-bottom: 6px
    }

    .l_height50,
    .l_height60 {
        line-height: 45px
    }

    .f_size_30 {
        font-size: 24px;
        line-height: 35px
    }

    .mobile_img .mobile {
        left: 0;
        top: -100px;
        max-width: 100%
    }

    .call_action_area .action_one {
        left: -878px
    }

    .f_size_40 {
        font-size: 30px
    }

    .partner_logo .p_logo_item {
        width: 100%;
        margin-bottom: 30px
    }

    .agency_content h2 {
        font-size: 28px;
        line-height: 45px;
        margin-bottom: 23px
    }

    .agency_content .action_btn,
    .payment_subscribe_info .subscribe-form {
        display: block !important;
        text-align: center
    }

    .developer_product_content .develor_tab .nav-item {
        margin-left: 25px
    }

    .fun_fact_content .fact_item h1 {
        font-size: 60px
    }

    .app_img .phone_img {
        max-width: 80%
    }

    .app_banner_contentmt h2 {
        line-height: 60px;
        font-size: 40px
    }

    .app_banner_area .app_img .app_screen.one {
        top: 155px;
        left: 15px
    }

    .app_banner_area .app_img .app_screen.two {
        top: 123px;
        left: 105px
    }

    .app_banner_area .app_img .app_screen.three {
        top: 90px;
        left: 194px
    }

    .app_item.item_one {
        top: -143px
    }

    .app_item.item_two {
        left: 31px;
        top: -60px
    }

    .app_item.item_three {
        bottom: 50px
    }

    .app_item.item_four {
        right: -52px;
        bottom: 36px
    }

    .get_started_area .col-lg-6.text-right img,
    .payment_features_img img,
    .software_promo_area .round_shape .r_shape.r_shape_five img {
        max-width: 100%
    }

    .get_content .app_btn.app_btn_two,
    .pay_btn.pay_btn_two,
    .perfect_solution_area .perfect_solution_left .per_solution_content .btn_six {
        margin-left: 0
    }

    .blog_grid_item {
        max-width: 370px;
        margin-left: auto;
        margin-right: auto
    }

    .breadcrumb_content h1 {
        font-size: 28px;
        line-height: 32px
    }

    .h_security_area .h_security_item,
    .security_banner_content .action_btn.d-flex,
    .software_banner_content .action_btn {
        display: block !important
    }

    .s_promo_info .promo_item {
        width: 90px;
        height: 90px
    }

    .s_promo_info .promo_item.item_four {
        top: 17%;
        left: 69%
    }

    .s_promo_info .promo_item.item_three {
        left: 0;
        top: 25px
    }

    .s_promo_info .promo_item.item_two {
        left: 0;
        top: 146px
    }

    .s_promo_info .promo_item.item_seven {
        top: 66%;
        left: 64%
    }

    .software_promo_area .round_shape .r_shape.r_shape_five {
        width: 115px;
        height: 115px
    }

    .s_promo_info .promo_item.item_six {
        top: 57%;
        left: 0
    }

    .s_promo_info .promo_item.item_nine {
        left: 18px;
        top: 83%
    }

    .s_promo_info .promo_item.item_five {
        left: 72%;
        top: 44%
    }

    .feature_info .feature_img.f_img_one .one {
        left: 0;
        max-width: 80%
    }

    .feature_info .feature_img.f_img_one .three {
        max-width: 69%
    }

    .feature_info .feature_img.f_img_two .one {
        right: 131px;
        max-width: 43%
    }

    .header_social_icon,
    .mobile_btn,
    .payment_features_content_two h2 br,
    .section_one_img .dots,
    .security_inner .security_leaf_left,
    .security_inner .security_leaf_right {
        display: none
    }

    .section_container .intro_content h1 {
        font-size: 30px;
        line-height: 45px
    }

    .section_container .intro_content .subcribes {
        display: block
    }

    .section_container .intro_content .subcribes .form-control,
    .security_features_inner .s_features_item {
        width: 100%
    }

    .section_container .intro_content .subcribes .btn_submit {
        position: relative;
        margin-top: 10px;
        display: block;
        max-width: 100%;
        width: 100%
    }

    .saas_features_area_two {
        padding-top: 100px
    }

    .saas_banner_content p.mt_30 {
        margin-top: 20px
    }

    .app_feature_info .app_featured_content .app_btn {
        margin-top: 15px
    }

    .sec_title h2.mb_20 {
        margin-bottom: 10px
    }

    .breadcrumb_area {
        padding: 110px 0 50px
    }

    .shop_grid_area .row,
    .shop_list_area .row {
        text-align: center
    }

    .shop_menu_right {
        justify-content: center !important
    }

    .shop_list_area .shop_page_number {
        margin-top: 40px
    }

    .app_featured_area_two .app_feature_info,
    .service_details_item+.service_details_item {
        margin-top: 30px
    }

    .blog_content .post_date {
        top: -60px
    }

    .app_img .dot_two {
        top: 65%;
        right: 115px
    }

    .app_img .dot_three {
        top: 41%
    }

    .software_promo_area .round_shape {
        width: auto;
        height: 600px;
        max-width: 100%;
        min-height: 100%;
        margin-top: 50px
    }

    .software_promo_area .round_shape .r_shape.r_shape_one {
        height: 580px;
        width: 580px
    }

    .payment_features_img:before {
        top: -30px;
        left: -10px;
        right: 0
    }

    .payment_subscribe_info .subscribe-form .form-control {
        width: 100%;
        margin-bottom: 15px
    }

    .seo_features_img .round_circle,
    .seo_features_img.seo_features_img_two .round_circle {
        width: 340px;
        height: 340px;
        top: -40px
    }

    .seo_features_img.seo_features_img_two .round_circle.two {
        top: -50px;
        right: 0
    }

    .seo_features_img img {
        margin-right: 0
    }

    .seo_features_img .round_circle.two {
        left: 0
    }

    .seo_service_item,
    .support_testimonial_info .testimonial_slider .owl-item {
        padding-left: 15px;
        padding-right: 15px
    }

    .chat_banner_content .pr_100,
    .section-1 .section_one-content,
    .security_inner {
        padding-right: 0
    }

    .hosting_title h2 {
        font-size: 31px;
        line-height: 40px
    }

    .section_one_img .round {
        width: 290px;
        height: 290px;
        margin-left: -145px;
        margin-top: -145px
    }

    .h_analytices_features_item .h_analytices_img_two .analytices_img_one,
    .h_analytices_features_item .h_analytices_img_two .analytices_img_two {
        max-width: 70%
    }

    .h_analytices_features_item .h_analytices_img_two .analytices_img_three {
        left: 40%;
        max-width: 50%
    }

    .support_testimonial_info .testimonial_slider .testimonial_item {
        padding-left: 10px;
        padding-right: 10px
    }

    .security_banner_content .w_btn {
        display: block;
        margin-top: 10px
    }

    .h_security_area .h_security_item img {
        margin-right: 0;
        margin-bottom: 15px
    }

    .security_app_btn {
        font-size: 15px
    }

    .security_app_btn i {
        font-size: 25px;
        padding-right: 10px
    }

    .chat_img .p_two {
        width: 126px;
        left: -15px
    }

    .chat_img .p_three {
        right: -15px
    }

    .chat_features_img {
        padding-left: 20px
    }

    .chat_features_img .chat_two {
        right: 0;
        left: auto
    }

    .chat_banner_content h2 {
        font-size: 36px;
        line-height: 52px
    }
}

@media (max-height:420px) {
    .navbar-collapse {
        max-height: 310px
    }
}

@media (max-width:480px) {
    .header_area .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .seo_features_img .round_circle.two {
        top: -30px
    }

    .seo_features_content .seo_features_item .icon {
        margin-right: 10px
    }

    .seo_features_img.seo_features_img_two .round_circle {
        width: 250px;
        height: 250px
    }

    .seo_features_img.seo_features_img_two .round_circle.two {
        width: 300px;
        height: 300px
    }

    .chat_info {
        display: block
    }

    .chat_info img {
        margin-right: 0;
        padding-bottom: 35px
    }

    .section-2 .pp_mackbook_img img {
        max-width: 80%
    }

    .section-2 .pp_mackbook_img {
        height: 380px
    }

    .section-2 .pp_mackbook_img .one {
        left: 100px
    }

    .section-2 .pp_mackbook_img .four {
        top: 195px;
        left: -96px
    }

    .pp_mackbook_img .two {
        top: 335px;
        left: 35px
    }
}

@media (max-width:450px) {
    .price_tab {
        max-width: 100%;
        border-radius: 3px
    }

    .price_tab .nav-item .nav-link {
        display: block;
        position: relative
    }

    .intregration_logo,
    .pp_contact_info .pp_contact_item,
    .price_tab,
    .price_tab .nav-item {
        display: block
    }

    .price_tab .nav-item .nav-link.active {
        background: #00aff0;
        border-radius: 3px
    }

    .app_img .phone_img {
        max-width: 55%
    }

    .app_img .text_bg {
        max-width: 60%
    }

    .app_img .text_bg.three {
        right: 0;
        bottom: 125px
    }

    .app_img .text_bg.two {
        right: 12%;
        top: -37px
    }

    .app_img .text_bg.one {
        left: -2%
    }

    .app_img .dot_three {
        left: 128px
    }

    .app_img .dot_one {
        right: 145px;
        top: 20px
    }

    .price_tab.price_tab_two .nav-item .nav-link.active {
        background: #5f2eed
    }

    .get_content .app_btn {
        margin-top: 5px
    }

    .pr_footer {
        display: block !important
    }

    .text_box input[type=password],
    .text_box input[type=text],
    .text_box textarea {
        padding-left: 10px
    }

    .mobile_img .women_img {
        right: 80px
    }

    .mobile_img .mobile {
        top: -35px
    }

    .partner_logo_area_five h2 br {
        display: none
    }

    .btn_six+.btn_six {
        margin-left: 0
    }

    .intregration_logo .intregration_item,
    .section-2 .pp_mackbook_img img {
        max-width: 100%
    }

    .seo_partner_logo_area {
        padding-top: 0
    }

    .h_price_tab p {
        padding: 30px
    }

    .section-2 .pp_mackbook_img .four {
        top: 162px;
        left: -133px
    }

    .section-2 .pp_mackbook_img .one {
        left: 57px;
        top: -50px
    }

    .pp_mackbook_img .two {
        top: 317px;
        left: -27px
    }

    .pp_mackbook_img .three {
        top: 138px;
        right: -173px
    }

    .pp_contact_info .pp_contact_item .icon {
        margin-right: 15px;
        margin-bottom: 15px
    }

    .tracking_pr_item .tracking_content {
        padding-left: 20px;
        padding-right: 20px
    }

    .tracking_pr_item .tracking_content h3 {
        font-size: 25px
    }
}

@media (max-width:400px) {
    .header_area_six .header_top {
        display: none
    }

    .header_area_six+section {
        margin-top: 68px
    }
}

#full_blog .sec_title p br {
    display: block !important
}

@media(max-width:991px) {
    #full_blog .feature.p-3 {
        padding: 0 !important
    }
}

@media (min-width:1024px) {
    #home-page .section-2 .banner_img {
        max-width: 70%;
        bottom: -13px;
        top: unset !important;
        height: fit-content;
        min-height: fit-content !important
    }
}

@media (min-width:1300px) {
    .app-info .download-app-demo-new .item .qr_section .qr_box {
        min-width: 150px !important;
        height: 150px !important;
        top: -37px
    }

    #home-page .section-1 .section2_banner lottie-player {
        top: -100px !important;
        width: calc(100% + 50px) !important
    }
}

@media (max-width:1300px) {
    .get_started_area.download-app-demo-new .get_content .developer_product_content {
        padding-bottom: 0 !important
    }
}

@media (max-width:991.5px) {
    .menu {
        padding: 10px 30px !important;
        background: #fff !important;
        margin-top: 0 !important
    }

    .menu>.nav-item {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .menu_five .menu>.nav-item .nav-link,
    .menu_four .menu>.nav-item .nav-link,
    .menu_seven .menu .nav-item .nav-link,
    .menu_six .menu>.nav-item .nav-link {
        color: #051441
    }
}

@media (min-width:375px) {
    .product_carousel .owl-item.active.center .item {
        padding: 30px !important
    }
}

@media (min-width:425px) {
    .product_carousel .owl-item .item .item_img img {
        width: 250px !important
    }
}

@media (min-width:768px) {
    .featuresSection .tab-content .tab-pane.active.show .card {
        animation: .1s .1s both fadeInUp
    }

    .featuresSection .tab-content .tab-pane.active.show .ditailsBox {
        animation: .1s .1s both fadeInUp;
        min-height: 300px
    }

    .mainBanner h1 {
        font-size: 65px !important
    }

    .app-info.new-theme .mainBanner h1 {
        font-size: 50px !important
    }

    .specialitySection ul {
        display: block !important;
        white-space: normal !important
    }

    .specialitySection ul li {
        display: block !important;
        max-width: 100% !important;
        margin: 0 0 20px !important
    }

    .industriesSection .card {
        padding: 0 !important;
        border: 0 !important;
        background: 0 0 !important
    }

    .industriesSection .card .img_box {
        margin: 0 !important;
        width: 100% !important;
        height: 350px !important;
        border-radius: 0 !important;
        overflow: hidden !important
    }

    .industriesSection .card .text_box {
        padding: 15px 25px 25px !important;
        background: #212121 !important;
        overflow: hidden !important;
        border-radius: 0 0 15px 15px !important;
        border: 1px solid #333 !important
    }

    .product_carousel .owl-item {
        display: flex;
        min-height: 600px;
        align-items: center
    }

    .product_carousel .owl-item .item {
        display: flex;
        flex-direction: row-reverse;
        max-width: 325px !important;
        margin: 0 !important
    }

    .product_carousel .owl-item .item .item_info {
        max-width: 0;
        transition: .1s;
        z-index: -9;
        max-height: 0
    }

    .product_carousel .owl-item.active.center .item {
        max-width: 600px !important;
        min-width: 600px !important
    }

    .product_carousel .owl-item.active.center .item .item_info {
        max-width: fit-content !important;
        max-height: fit-content !important;
        z-index: 99
    }

    .product_carousel .owl-item .item .item_info .sectionHeading {
        padding-right: 20px
    }

    .tradingProductSection .swiper .swiper-wrapper {
        height: 180px !important
    }

    .tradingProductSection .swiper h3 {
        font-size: 35px !important
    }

    .ai-chatbot-page .featuresSection ul.features-section-tab {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        width: fit-content;
        margin: 0 auto 25px
    }

    .ai-chatbot-page .featuresSection ul.features-section-tab li {
        display: inline-block;
        width: fit-content
    }

    .ai-chatbot-page .featuresSection ul.features-section-tab li a::after {
        display: none !important
    }


    #new-home .mainBanner h1 {
        font-size: 60px !important;
    }

    #products-page .nav-tabs .nav-item:first-child {
        margin-left: 30px !important;
    }

    #testimonials-page .our_testimonials {
        column-count: 2 !important;
    }

    .saas-product .circle-bg {
        width: 500px !important;
        height: 500px !important;
    }
}

@media (max-width:991px) {
    .ai-chatbot-page .we_engineerSection .sectionHeading {
        padding-bottom: 40px !important;
    }

    .ai-chatbot-page .get_started {
        padding-top: 50px !important;
    }

    .ai-chatbot-page .specialitySection .sectionHeading {
        padding-bottom: 25px !important;
    }

    .ai-chatbot-page .mainBanner .action_btn {
        margin-bottom: 25px !important;
    }

    .menu .newDropDown.submenu .dropdown-menu .dropdown.submenu .dropdown-menu.subDropdown {
        margin-top: 0 !important;
    }

    .payment_subscribe_section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width:992px) {
    .app-info .download-app-demo-new .item .qr_section {
        border: 0 !important
    }

    #home-page .section-2 .banner_img {
        width: 100% !important
    }

    .mainBanner .bannerSlider {
        position: absolute;
        top: 0;
        right: 0;
        width: 53%;
        height: fit-content;
        bottom: 0;
        margin: auto 0;
        padding-top: 30px
    }

    .we_engineerSection {
        overflow: hidden
    }

    .we_engineerSection .sectionImage {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .we_engineerSection .sectionImage img {
        height: fit-content;
        max-width: 95%;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .we_engineerSection .sectionImage.sectionImageLeft {
        right: unset;
        left: 0;
    }

    .we_engineerSection .sectionImage.sectionImageLeft img {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .courier-services .we_engineerSection .sectionImage {
        top: unset;
        bottom: 0;
        height: fit-content;
    }

    .courier-services .we_engineerSection .sectionImage img {
        max-width: 700px !important;
        height: fit-content !important;
    }

    .ai-chatbot-page .header_area.navbar_fixed .navbar .collapse .navbar-nav .nav-item.products_link .nav-link.dropdown-toggle {
        color: var(--text-white) !important;
    }

    #new-home .numberSection .custome-col-lg {
        max-width: 20%;
        min-width: 20%;
    }

    footer.footer_area p.copyright {
        position: absolute;
        width: fit-content;
        margin: 0 auto;
        left: 0;
        right: 0;
        padding: 0;
    }


    #products-page .nav-tabs .nav-item:first-child {
        margin-left: 50px !important;
    }

    .saas-product .mainBanner {
        position: relative;
    }

    .saas-product .mainBanner .banner_img {
        position: absolute;
        top: 0;
        right: 0;
        width: 45%;
    }

    .saas-product .mainBanner .banner_img .main-img {
        max-width: 600px;
    }

    .saas-product .circle-bg {
        width: 400px !important;
        height: 400px !important;
    }

    .saas-product .allAppsDemoSection {
        position: relative;
    }

    .saas-product .allAppsDemoSection .slider_box {
        position: absolute;
        top: 0;
        right: -20px;
        width: 50%;
        bottom: 0;
        height: fit-content;
        margin: auto 0 !important;
    }

    .saas-product .app_screens .slider_box .owl-item .item .img_box {
        padding-right: 0px !important;
    }

    .saas-product .app_screens .slider_box .owl-item .item .img_box img {
        position: relative;
        right: 0px;
    }

    .saas-product .app_screens .slider_box .owl-item {
        overflow: hidden !important;
    }

    .saas-product .app_screens .owl-nav {
        right: -20px;
    }
}

@media (min-width:1250px) {

    .search_boxs .input-group {
        max-width: 1100px;
    }

    #products-page .nav-tabs .nav-item:first-child {
        margin-left: 10% !important;
    }
}


@media (min-width:1440px) {
    .product_carousel .owl-item .item {
        height: 542px
    }

    .product_carousel .owl-item .item .item_img img {
        min-width: 230px !important;
        width: 230px !important
    }

    .product_carousel .owl-item.active.center .item {
        min-height: fit-content !important;
        height: fit-content !important
    }

    .saas-product .app_screens .slider_box .owl-item .item .img_box img {
        max-height: 450px;
        width: fit-content;
        margin-left: auto;
    }

    .saas-product .app_screens .container {
        max-width: 1200px !important;
    }
}

@media (min-width:1920px) {
    .saas-product .app_screens .container {
        max-width: 1200px !important;
    }
}

@media (min-width:2500px) {
    .saas-product .app_screens .container {
        max-width: 1200px !important;
    }
}