@media(max-width:1650px){
    .about_content{
        padding: 100px 30px;
    }
    .stratup_app_screen .phone{
        max-width: 80%;
        bottom: -290px;
        left: -80px;
    }
}
@media(max-width:1650px){
    .about_content{
        padding: 100px 30px;
    }
    .saas_banner_area_two .shap_img{
        bottom: 150px;
    }
    .section_container{
        height: 795px;
    }
    .section_container .intro_content p {
        margin-bottom: 40px;
    }
    .saas_features_item{
        padding: 0px;
    }
    .stratup_app_screen img{
        max-width: 100%;
    }
    .stratup_app_screen .phone{
        max-width: 80%;
        bottom: -290px;
        left: -80px;
    }
    .saasland_col_screen .saasland_bg {
        -webkit-clip-path: polygon(0px 100%, 0px 0px, 95% 0px, 0% 100%);
        clip-path: polygon(0px 100%, 0px 0px, 34% 0px, 0% 100%);
    }
    .saasland_container .saasland_col_content .saasland_content h1 {
        font-size: 40px;
        margin-bottom: 55px;
    }
    
    .chat_img .p_one{
        right: -130px;
        bottom: 330px;
    }
/*    new css*/
    .portfolio_area_two .slick-slide .item img,.portfolio_area_three .item img{
        max-width: 100%;
    }
    .portfolio_area_two .slick-slide,.portfolio_area_three .slick-slide{
        padding: 30px 40px 55px;
    }
    .blog_slider .item img{
        max-width: 100%;
    }
    .blog_slider.slick-initialized .slick-slide{
        padding-right: 0;
    }
    .blog_slider{
        margin-right: -100px;
        right: 0;
    }
    .blog_slider .item .img_two{
        width: 500px;
        right: 30px;
    }
    .blog_slider .item .round{
        right: 22px;
    }
}
    /* new css*/
    
@media (max-width: 1550px){
    
    .saas_home_img img,.software_img img{
        max-width: 100%;
    }
    .container.custom_container{
        max-width: 1170px;
    }
    .service_item{
        padding: 47px 15px 0px;
    }
    .company_widget img,.protype_img{
        max-width: 100%;
    }
    .agency_featured_img img{
        max-width: 100%;
    }
    .about_content_left {
        padding: 0px 0px 0px 50px;
    }
    .about_content {
        padding: 60px 30px 100px;
    }
    .about_img .about_img_slider .about_item .about_text{
        padding: 0px 20px;
    }
    .p_service_item.agency_service_item{
        padding-right: 0px;
        padding-left: 0;
    }
    .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu{
        left: auto;
        right: 0;
    }
    .menu_one .tracking_btn .er_btn{
        padding: 8px 20px;
    }
/*    responsive css */
    .features_item img{
        max-width: 100%;
    }
    .features_item .content p br{
        display: none;
    }
}

@media (max-width:1450px){
    .text_box textarea {
        height: 140px;
    }
    .ms-left .ms-section.section_2 .split_banner .app_img {
        margin-top: 50px;
    }
    .feedback_area_two .sec_title{
        padding-left: 15px;
    }
    .feedback_slider_two .owl-nav{
        right: 15px;
    }
    .erp_banner_area_two .animation_img {
        margin-top: -279px;
    }
    .section-3 .section_one_img .round{
        left: 50%;
        top: 0;
        width: 400px;
        height: 400px;
        margin-left: -225px;
        transform: inherit;
        margin-top: 50px;
    }
    .section-3 .flex-row-reverse{
        align-items: center;
    }
    .support_tab_content .tab-pane .tab_img{
        max-width: 100%;
        margin-right: 0;
        padding-left: 0;
    }
    .chat_banner_content h1 {
        font-size: 46px;
        line-height: 65px;
    }
    .chat_banner_area .offset-lg-2{
        margin-left: 100px;
    }
/*    new css*/
    .banner_text .price h3 {
        font-size: 190px;
        line-height: 160px;
    }
    .banner_text .price:before{
        right: -148%;
        z-index: -1;
    }
    .banner_text .price .offer_text{
        font-size: 30px;
    }
    .banner_text .price .offer{
        padding-top: 0;
        padding-bottom: 0;
    }
    .banner_text h6{
        margin-bottom: 5px;
    }
    .body_wrapper.promotion .banner_text{
        margin-top: -60px;
    }
}

@media (max-width:1350px){
    .chat_banner_area .offset-lg-2{
        margin-left: 80px;
    }
/*    responsive css*/
    .banner_text h2 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .banner_text p {
        font-size: 17px;
    }
}

@media (max-width:1199px){
    .s_pricing-item{
        padding: 55px 25px;
    }
    .container.custom_container {
        max-width: 960px;
    }
    .service_item .icon{
        right: 5px;
    }
    .prototype_content h2{
        padding-right: 0px;
    }
    .about_content_left,.about_img{
        max-width: 100%;
        flex: 1;
        padding-left: 0;
    }
    .agency_about_area{
        display: block !important;
        padding: 0px 15px;
    }
    .about_content{
        bottom: 0px;
        margin-bottom: 0px;
        padding: 90px 30px 100px;
    }
    .agency_content h2 {
        font-size: 36px;
        line-height: 53px;
    }
    .agency_banner_area .banner_shap{
        width: 100%;
        top: -200px;
    }
    .agency_about_area .owl-dots {
        left: 30px;
        top: -63px;
        margin-top: 0px;
        bottom: auto;
    }
    .menu > .nav-item + .nav-item {
        margin-left: 20px;
    }
    .faq_area .pr_50{
        padding-right: 15px;
    }
    .service_details_area .service_details_img img{
        max-width: 100%;
    }
    .login-form .extra{
        font-size: 13px;
    }
    .menu_four .btn_get_radious{
        margin-left: 5px;
    }
    .navbar .pl_100 {
        padding-left: 48px;
    }
    .case_study_item .text{
        padding: 20px 30px;
    }
    .details_img img{
        max-width: 100%;
    }
    .price_info_two .price_item:first-child {
        padding-left: 10px;
    }
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu{
        max-width: 960px;
    }
/*    new css*/
    .intro{
        margin-right: auto;
    }
    .section-4 .row{
        align-items: center;
    }
    .h_security_item{
        padding-left: 0;
        padding-right: 0;
        margin: 25px 0px;
    }
    .f_widget.pl_70,.f_widget.pl_40{
        padding-left: 0;
    }
   
    .event_promotion_inner .event_img img{
        max-width: 100%;
    }
    .chat_features_item{
        padding: 0px;
    }
    .chat_core_features_area {
        padding-bottom: 50px;   
    }
    .chat_features_area_three{
        padding-top: 50px;
    }
    .chat_banner_area .offset-lg-2 {
        margin-left: 26px;
    }
    .chat_img .p_one {
        right: -188px;
    }
    .menu_one .container-fluid {
        padding-left: 35px;
        padding-right: 72px;
    }
/*    new responsive css*/
}

@media (max-width:991px){
    .price_content .price_item .price {
        font-size: 30px;
    }
    .price_content .price_item .p_list li {
        font: 300 15px/40px "Poppins", sans-serif;
    }
    .service_details_area .service_details_img{
        margin-left: 0;
        margin-bottom: 60px;
    }
    .footer_top .f_widget{
        padding-left: 0px;
        margin-bottom: 40px;
    }
    .footer_top{
        padding-bottom: 60px;
    }
    .container.custom_container {
        max-width: 100%;
        padding: 0px 15px;
    }
    .price_content .price_item{
        height: 100%;
    }
    .price_content .col-sm-6{
        margin-bottom: 30px;
    }
    .pricing_area{
        padding-bottom: 80px;
    }
    .features_area .mt_130{
        margin-top: 80px;
    }
    .service_item {
        padding: 47px 25px 0px;
    }
    .service_item .icon {
        right: 20px;
    }
    .protype_img{
        margin-top: 50px;
    }
    .prototype_content{
        padding-top: 20px;
    }
    .p_service_item.pl_50,.p_service_item.pl_70{
        padding-left: 0;
    }
    .p_service_item.pr_70{
        padding-right: 0;
    }
    .p_service_item {
        margin-bottom: 40px;
    }
    .action_img{
        margin-top: 0;
    }
    .p_service_info {
        margin-bottom: -40px;
    }
    .footer_area_four .footer_top{
        padding-bottom: 40px;
    }
    .company_widget .f_subscribe{
        max-width: 300px;
    }
    .faq_tab{
        margin-bottom: 60px;
    }
    .faq_content h3.mt_100{
        margin-top: 50px;
    }
    .sign_info .login_info{
        margin-top: 50px;
    }
    .sec_title p br{
        display: none;
    }
    .menu > .nav-item + .nav-item{
        margin-left: 0px;
    }
    .menu > .nav-item{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .menu{
        padding: 10px 30px;
        background: #fff;
        margin-top: 0px;
    }
    .menu_one .navbar-collapse {
        margin-left: -20px;
        margin-right: -20px;
    }
    .navbar-collapse,.menu_four .navbar-collapse{
        max-height: 400px;
        overflow-y: scroll;
        margin-left: 0px;
        margin-right: 0px;
        background: #fff;
    }
    .menu > .nav-item{
        margin-right: 0;
    }
    .header_area .navbar-brand,.menu_toggle{
        transition: all 0.2s linear;
    }
    .navbar .pl_100 {
        padding-left: 20px;
        padding-right: 15px;
    }
    .header_area.navbar_fixed .navbar-brand,.navbar_fixed .menu_toggle{
        margin-bottom: 0px;
    }
    .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.mega_menu .dropdown-menu .nav-item > .dropdown-menu{
        display: block;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item{
        padding: 0px 25px;
    }
    .menu > .nav-item.submenu .dropdown-menu{
        box-shadow: none;
        padding: 0px;
        margin: 0px;
    }
    .burger_menu{
        display: none;
    }
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner{
        box-shadow: none;
        position: static;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item{
        padding-left: 15px;
        padding-right: 15px;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item:first-child{
        padding-top: 0;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item:last-child{
        padding-bottom: 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;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu.show{
        margin-top: 10px;
        box-shadow: none;
        min-height: 350px;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item + .nav-item{
        padding-top: 0px;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item .dropdown-menu,.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu{
        padding-left: 15px;
        opacity: 1;
        visibility: visible;
        min-height: max-content;
        display: block !important;
    }
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item{
        padding: 0px 25px;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item:first-child ,.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item:first-child{
        padding-top: 12px;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item:last-child,.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item:last-child{
        padding-bottom: 0px;
    }
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item > .dropdown-menu > .nav-item:last-child{
        padding-bottom: 20px;
    }
    .menu_one .mobile_btn{
        margin-left: 15px;
        display: none;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu{
        display: flex;
        flex-wrap: wrap;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item{
        width: 100%;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu .nav-item{
        width: calc(100% / 3);
        padding: 15px 20px;
    }
    .menu_one .btn_get {
        margin-left: 29px;
    }
    .menu_four .btn_get{
        border-color: #ccc5fa;
        box-shadow: none;
        margin-left: 20px;
    }
    .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,.header_area .btn_get.ml-0{
        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;
    }
    .menu_nine .btn_get{
        display: inline-block;
        border-color: #5f51fb;
        color: #5f51fb;
        margin-left: 28px;
        margin-bottom: 10px;
    }
    .header_area .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .menu_one,.header_area.navbar_fixed .menu_one,.menu_two,.menu_six,.menu_seven{
        padding: 15px 0px;
    }
    .w_menu .nav-item .nav-link{
        color: #051441;
    }
    .w_menu .nav-item:hover .nav-link, .w_menu .nav-item.active .nav-link{
        color: #00aff0;
    }
    .prototype_banner_area{
        padding-top: 140px;
    }
    .payment_action_area {
        padding: 125px 0px 120px;
    }
    .app_service_area {
        padding-top: 100px;
    }
    .job_listing .listing_tab .list_item figure a, .job_listing .listing_tab .list_item figure img{
        width: auto;
        max-width: 95%;
    }
    .job_listing .listing_tab .list_item figure{
        width: 60px;
        margin-right: 10px;
    }
    .job_listing .listing_tab .list_item .joblisting_text{
        padding-left: 15px;
    }
    .job_listing .listing_tab .list_item .joblisting_text .jobsearch-table-cell{
        width: 70%;
    }
    .job_listing .listing_tab .list_item{
        padding: 20px;
    }
    .job_listing .listing_tab .list_item .joblisting_text ul li{
        font-size: 12px;
        padding: 0px 5px;
    }
    .job_listing {
        margin-top: 100px;
    }
    .login_img{
        margin: 0px auto;
        padding: 70px 0px;
    }
    .service_details_area .details_content{
        padding-top: 50px;
    }
    .breadcrumb_area{
        padding-top: 180px;
    }
    .details_img.text-right{
        text-align: left !important;
    }
    .header_area_six + section {
        margin-top: 122px;
    }
    .header_contact_info li{
        font-size: 13px;
    }
    .header_contact_info li:before{
        margin: 0px 5px 0px 0px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu{
        display: block !important;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu .nav-item{
        padding-left: 10px;
        padding-right: 10px;
    }
    .header_area .menu_seven a.Cus_seven {
        color: #3d64f4;
        margin-left: 30px;
        display: inline-block;
        margin-bottom: 20px;
    }
    .h_blog_item .h_blog_content {
        padding: 25px 20px;
    }
    .h_action_promo_area .hosting_btn{
        padding: 16px 25px;
    }
    
    .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;
    }
    .hosting_title h2 br{
        display: none;
    }
    .pos_developer_product_area .developer_product_content{
        margin-bottom: 0;
        margin-top: 40px;
    }
    .pos_about_list{
        column-count: 2;
    }
    .pos_about_img{
        max-width: 100%;
    }
    .pos_blog_item{
        margin-bottom: 30px;
    }
    .chat_info{
        margin-top: 40px;
    }
    .pos_footer_area{
        padding-bottom: 0;
    }
    .flex-row-reverse .pos_features_content{
        padding-right: 0;
    }
    .erp_action_area img{
        max-width: 100%;
    }
    .erp_features_img_two{
        margin-bottom: 40px;
        max-width: 550px;
    }
    .erp_content_two{
        padding-left: 0;
    }
    .erp_item_features + .erp_item_features {
        margin-top: 100px;
    }
    .flex-row-reverse .erp_features_img_two .img_icon {
        left: auto;
        right: -55px;
    }
    .section-1 .section_one-content{
        padding-top: 80px;
    }
    .section-2 .pp_work_content{
        margin-bottom: 50px;
    }
    .section-4 .section_one_img .round{
        margin-top: -225px;
    }
    .home_analytics_banner_area{
        height: auto;
        padding-top: 150px;
    }
    .analytices_price_item{
        margin-bottom: 30px;
    }
    .analytices_customers_logo_area {
        padding: 70px 0px 20px;
    }
    .header_area .container{
        position: relative;
    }
    .navbar .offcanfas_menu{
        padding-left: 0;
    }
    .h_security_banner_area{
        height: auto;
        min-height: auto;
        padding: 150px 0px;;
    }
    .security_banner_content{
        margin-bottom: 40px;
    }
    .h_security_item{
        margin: 20px 0px;    
    }
    .security_features_inner .s_features_item .item{
        width: 220px;
        padding: 40px 0px;
    }
    .h_security_img {
        max-width: 490px;
    }
    .price_info_two .price_head .p_head.time{
        padding-top: 0;
    }
    .instagram_widget ul{
        max-width: 290px;
    }
    .event_banner_content h2 {
        font-size: 69px;
        line-height: 80px;
    }
    .event_text{
        text-align: center;
        padding-bottom: 40px;
    }
    .event_about_img{
        max-width: 400px;
        margin-bottom: 60px;
    }
    .event_about_area {
        padding: 110px 0px 0px;
    }
    .event_team_slider .item .e_team_img img{
        max-width: 100%;
    }
    .event_features_inner{
        justify-content: center;
    }
    .event_features_inner .col-lg-4{
        margin-bottom: 30px;
    }
    .event_promotion_info p{
        margin-bottom: 0;
        padding-left: 0;
        padding-top: 25px;
    }
    .event_price_item{
        margin-bottom: 60px;
    }
    .event_fact_area .seo_fact_info .seo_fact_item:nth-child(even){
        margin-top: 0;
    }
    .chat_banner_area{
        height: auto;
    }
    .chat_banner_content{
        padding-top: 0;
        margin-bottom: 20px;
    }
    .chat_img {
        max-width: 405px;
        margin: 0 auto;
    }
    .chat_features_item{
        margin-bottom: 50px;
    }
    .chat_core_features_area .row{
        justify-content: center;
    } 
    .chat_core_features_area .chat_title br{
        display: block;
    }
    .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 0px;
    }
    .chat_banner_area .offset-lg-2 {
        margin-left: 0px;
    }
    .tracking_banner_content img{
        max-width: 100%;
    }
    .menu_one .tracking_btn{
        padding-left: 30px;
        padding-right: 15px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .tracking_pr_item .tracking_content{
        position: relative;
        max-width: 100%;
        top: 0;
    }
    .tracking_pr_item + .tracking_pr_item {
        margin-top: 60px;
    }
    .tracking_product_area{
        padding-top: 80px;
    }
    .tracking_pr_item .tracking_content{
        margin-top: 50px;
    }
    .h_footer_track{
        padding-bottom: 80px;
    }
    .menu_one .container-fluid {
        padding-left: 35px;
        padding-right: 35px;
    }
    .security_btn{
        color: #0e79de;
        margin-left: 20px;
    }
    
/*    new responsive css*/
    .promo_banner .container{
        max-width: 100%;
    }
    .purchase_btn{
        padding: 10px 40px; 
        margin-right: 20px;
    }
    .responsive_area .col-lg-8,.responsive_area .col-lg-4{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .demo_features_area .col-lg-3, .demo_features_area .col-lg-4{
        flex: 0 0 50%;
        max-width: 50%; 
    }
    .filtering_demos .nav-tabs .nav-item{
        margin-bottom: 12px;
    }
    .filtering_demos .nav-tabs .nav-item span{
        right: -8px;
    }
    .filtering_demos .nav-tabs .nav-item + .nav-item{
        margin-left: 25px;
    }
    .plugin_area .row{
        align-items: center;
        justify-content: center;
    }
    .elemator_img img {
        max-width: 100%;
    }
    .f_two{
        margin-top: 80px;
    }
    .f_two .f_img{
        margin-left: -34px;
    }
    .f_two .f_content{
        margin-top: 10px;
        margin-left: 0;
    }
    .utility_area .u_content{
        padding-right: 0;
        padding-left: 30px;
    }
    .portfolio_area_two .slick-slide{
        padding-top: 8px;
    }
    .responsive_content .u_content{
        margin-right: 0;
        margin-top: 20px;
    }
    footer h2 br{
        display: none;
    }
    .blog_area .u_content{
        margin-left: 0;
        margin-bottom: 30px;
    }
    .blog_slider .item{
        padding-left: 0;
    }
    .shop_area .u_content{
        max-width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }
    .blog_slider .item .img_two {
        width: auto;
        max-width: 500px;
    }
    .blog_slider .item .round {
        right: 18px;
        top: 46px;
    }
    .promo_banner .countdown .countdown-container + .countdown-container {
        margin-left: 18px;
    }
    .promo_banner .countdown{
        justify-content: inherit;
    }
    .close_icon {
        right: 12px;
    }
}

@media (max-width:768px){
    .sec_title br,.prototype_service_info h2 br,.hosting_title h2 br{
        display: none;
    }
    .banner_top h2{
        font-size: 32px;
    }
    .seo_banner_content h2{
        line-height: 48px;
    }
    .l_height60{
        line-height: 45px;
    }
    .footer_top_two .f_width_24, .f_width_12, .f_width_20{
        width: 100%;
    }
    .footer_area_two .footer_bottom p{
        text-align: left;
        margin-bottom: 0 !important;
    }
    .partner_logo .p_logo_item {
        width: calc(100% / 3);
    }
    .prototype_featured_area h2 br{
        display: none;
    }
    .service_carousel{
        padding-left: 0;
    }
     .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
        opacity: 0;
    }
    .service_carousel:hover .owl-nav .owl-next,.service_carousel:hover .owl-nav .owl-prev{
        opacity: 1;
    }
    .feedback_slider_two .owl-nav .owl-next,.feedback_slider_two .owl-nav .owl-prev{
        opacity: 1;
    }
    .prototype_service_area{
        padding-bottom: 70px;
    }
    .prototype_service_info .mb_90{
        margin-bottom: 70px;
    }
    .about_img .about_img_slider .about_item .about_text h5{
        font-size: 15px;
    }
    .agency_featured_item .agency_featured_img{
        text-align: center !important;
    }
    .agency_featured_item .agency_featured_content{
        padding-left: 0;
        margin-top: 50px;
    }
    .action_area_three:before{
        background-size: contain;
    }
    .action_area_three .action_content{
        margin: 0px;
    }
    .mb_90{
        margin-bottom: 50px;
    }
    .agency_service_area{
        padding: 70px 0px;
    }
    .agency_featured_area {
        padding-top: 120px;
    }
    .sec_pad,.prototype_service_info{
        padding: 70px 0px;
    }
    .sec_title.mb_70{
        margin-bottom: 50px
    }
    .pricing_area {
        padding-bottom: 10px;
    }
    .design_img_two{
        margin-top: -50px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .software_service_tab .nav-item{
        display: inline-block;
        margin-bottom: 20px;
    }
    .software_service_tab_content{
        margin-top: 60px;
    }
    .developer_product_area{
        padding: 70px 0px;
    }
    .partner_logo_area_two .subscribe_form_info{
        padding: 100px 20px;
    }
    .partner_logo_area_two .subscribe_form_info h2{
        line-height: 42px;
    }
    .saas_signup_form .input-group{
        margin-bottom: 25px;
    }
    .saas_signup_form .saas_banner_btn{
        margin-top: 40px;
    
    }
    .fun_fact_content .fact_item.pl_100{
        padding-left: 30px;
    }
    .fun_fact_content,.cart_box{
        margin-top: 50px;   
    }
    .footer_area_six.sec_pad{
        padding-bottom: 30px;
    }
    .feedback_area .feedback_slider .item{
        padding: 0px;
    }
    .feedback_slider .feedback_item{
        padding-left: 20px;
        padding-right: 20px;
    }
    .app_featured_area,.agency_featured_area_two{
        padding-bottom: 80px;
    }
    .app_service_area{
        padding-top: 80px;
    }
    .fact_author_img.fact_author_img_two{
        text-align: center !important;
    }
    .partner_logo_area_five{
        padding-top: 110px;
        padding-bottom: 50px;
    }
    .blog_area .shop_page_number{
        text-align: center !important;
    }
    .blog_single .blockquote{
        padding-left: 15px;
    }
    .post_share a i{
        padding-right: 4px;
    }
    .post_share a + a {
        margin-left: 5px;
    }
    .post_tag .post-nam {
        padding-right: 0;
    }
    .post_tag a{
        margin-left: 3px;
    }
    .price_content .price_item{
        padding-left: 15px;
        padding-right: 15px;
    }
    .process_area .agency_featured_item{
        margin-top: 50px;
    }
    .single_product_item .single_pr_details{
        padding-top: 30px;
    }
    .sign_info {
        padding: 50px 30px;
    }
    .s_promo_info .promo_item{
        opacity: 1;
        left: 0;
        top: 75%;
    }
    .banner_top {
        padding-top: 125px;
    }
    .svg_intro_bottom{
        width: 130%;
    }
    .payment_banner_content{
        max-width: 100%;
    }
    .payment_banner_content h1 {
        line-height: 50px;
        font-size: 32px;
    }
    .payment_banner_content .action_btn{
        margin-top: 45px;
    }
    .slider_content{
        padding-top: 150px;   
    }
    .saas_features_area_two {
        padding-top: 165px;
    }
    .section_container .intro_content{
        position: relative;
        padding-top: 150px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .section_container .intro_content h1,.erp_banner_area_two .section_container .intro_content h1{
        font-size: 44px;
    }
    .saas_service_img img{
        max-width: 100%;
    }
    .about_img .about_img_slider .about_item .about_text .br{
        margin-bottom: 15px;
    }
    .s_service_section {
        margin-top: 120px;
    }
    .mobile_img .women_img {
        top: 50px;
        right: 200px;
        max-width: 40%;
    }
    .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;
    }
    .partner_logo_area_two {
        padding-top: 70px;
    }
    .payment_action_content p br{
        display: none;
    }
    .s_features_item .s_features_content .learn_btn{
        margin-top: 05px;
    }
    .f_widget .mb_40{
        margin-bottom: 16px;
    }
    .company_widget .mt_30{
        margin-top: 20px;
    }
    .breadcrumb_area{
        padding: 124px 0px 100px;
    }
    .breadcrumb_content p br{
        display: none;
    }
    .job_listing .listing_tab .list_item{
        padding: 30px;
    }
    .job_listing .listing_tab .list_item .joblisting_text{
        display: block;
    }
    .job_listing .listing_tab .list_item .joblisting_text .job_list_table,.job_listing .listing_tab .list_item .joblisting_text .jobsearch-table-cell{
        display: block;
        width: 100%;
        overflow: hidden;
    }
    .job_listing .listing_tab .list_item .joblisting_text{
        padding: 0px;
        border: 0px;
    }
    .job_listing .listing_tab .list_item figure{
        margin-bottom: 20px;
    }
    .job_listing .listing_tab .list_item figure,.job_listing .listing_tab .list_item figure a, .job_listing .listing_tab .list_item figure img,.job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist{
        float: none;
    }
    .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist{
        display: flex;
        padding-top: 25px;
    }
    .job_listing {
        margin-top: 70px;
    }
    .checkout_content .checkout_title{
        margin-top: 40px;
    }
    .checkout_content textarea{
        padding-left: 20px;
    }
    .sign_info{
        background: #fff;
    }
    .company_banner_area .company_banner_content h2{
        font-size: 40px;
        line-height: 52px;
    }
    .company_banner_area .company_banner_content h2 br{
        display: none;
    }
    .stratup_app_screen .phone {
        max-width: 80%;
        bottom: -222px;
        left: -32px;
    }
    .digital_banner_area{
        display: block;
        min-height: auto;
        padding: 140px 0px 100px;
    }
    .digital_content{
        padding-right: 0;
    }
    .service_details_area .pr_70{
        padding-right: 15px;
    }
    .price_info_two .price_head .p_head{
        display: none;
    }
    .price_info_two .price_head .p_head.time{
        display: block;
        width: 100%;
    }
    .price_info_two .pr_list{
        display: block;
        width: 100%;
    }
    .price_info_two .price_item{
        display: block;
        width: 100%;
        position: relative;
        overflow: hidden;
        padding: 0px;
    }
    .price_info_two .price_item:first-child{
        text-align: center;
        padding: 5px 0px;
    }
    .price_info_two .price_item:first-child h5{
        width: initial;
        border: 0px;
        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%;
    }
    .price_info_two .pr_list:last-child{
        display: none;
    }
    .blog_breadcrumb_area .breadcrumb_content_two h1 br{
        display: none;
    }
    .blog_breadcrumb_area .breadcrumb_content_two h1{
        font-size: 7vw;
        font-weight: 700;
        line-height: 1.5em;
    }
    .header_social_icon li {
        margin: 0px 0px 0px 13px;
    }
    .payment_features_area_three {
        padding: 80px 0px;
    }
    .payment_features_area_three .col-lg-5 img{
        max-width: 100%;
    }
    .payment_features_content_two .item{
        margin-top: 0;
    }
    .payment_features_content_two p br{
        display: none;
    }
    .payment_logo_area,.payment_priceing_area{
        padding: 80px 0px;
    }
    .new_footer_area .footer_bottom p{
        text-align: left;
        font-size: 14px;
    }
/*    new css*/
    .hosting_banner_area{
        min-height: 100%;
        height: auto;
        text-align: center;
        padding: 130px 0px 80px;
    }
    .hosting_banner_area .hosting_content{
        margin-bottom: 40px;
    }
    .h_map_area .hosting_title br{
        display: none;
    }
    .h_action_promo_area .text-right,.h_action_promo_area{
        text-align: center !important;
    }
    .h_action_promo_area .hosting_btn{
        margin-top: 25px;
    }
    .erp_banner_area_two .section_container .intro{
        margin-left: 0;
        margin-right: 0;
    }
    .erp_action_area .erp_content{
        margin-top: 30px;
    }
    .erp_menu .er_btn{
        margin-left: 30px;
    }
    .pos_developer_product_area .tab_img_info{
        overflow: hidden;
    }
    .full_header{
        padding: 20px 15px;
    }
    .hamburger-menu-wrepper .animation-box .menu-box{
        width: 100%;
    }
    .hamburger-menu-wrepper .animation-box .menu-box .menu{
        background: transparent;
    }
    .header_footer p{
        display: none;
    }
    .close_icon{
        top: 10px;
        right: 30px;
        z-index: 2;
    }
    .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: 15px;
        padding-right: 15px;
    }
    .pp_features_item{
        padding-right: 15px;
    }
    .section-2 .pp_mackbook_img {
        height: 480px;
    }
    .h_analytices_features_area{
        padding: 0px 0px 80px;
    }
    .h_analytices_features_area .er_btn{
        margin-top: 0px;
    }
    .setup_inner .setup_item .line{
        display: none;
    }
    .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 img{
        max-width: 100%;
    }
    .analytices_logo_content{
        padding-right: 0;
    }
    .integration_img{
        margin-left: 0;
    }
    .support_home_area img{
        max-width: 100%;
    }
    .support_home_img{
        margin-left: 0;
    }
    .h_leaf.two,.h_leaf.one{
        max-width: 40%;
    }
    .hamburger-menu-wrepper .animation-box{
        display: flex;
    }
    .hamburger-menu-wrepper .animation-box .menu-box{
        display: block !important;
        width: 80%;
        max-height: 450px;
        overflow-y: scroll;
    }
    .close_icon{
        right: 20px;
        top: 20px;
    }
    .hamburger-menu-wrepper.show-menu .animation-box .menu-box .offcanfas_menu > li a{
        font-size: 25px;
    }
    .navbar .offcanfas_menu > .nav-item:not(:last-child){
        margin-bottom: 5px;
    }
    .header_footer{
        padding-bottom: 0;
        padding-top: 20px;
        display: block;
    }
    .header_footer ul{
        margin-bottom: 0;
    }
    .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu{
        padding-top: 0;
    }
    .security_features_inner{
        display: block;
        margin-left: -10px;
        margin-right: -10px;
    }
    .security_features_inner .s_features_item:nth-child(3n+1),.security_features_inner .s_features_item:nth-child(3n-1){
        margin-top: 0;
    }
    .security_features_inner .s_features_item{
        width: calc(50% - 22px);
        margin: 0px 10px 30px;
        display: inline-block
    }
    .security_features_inner .s_features_item .item{
        width: 100%;
    }
    .event_banner_content h2 {
        font-size: 58px;
        line-height: 65px;
    }
    .event_promotion_info {
        padding: 0px 15px;
    }
    .event_promotion_info p{
        padding-top: 50px;
    }
    .event_schedule_inner .event_tab .nav-item .nav-link{
        padding-left: 47px;
        padding-right: 47px;
        margin-bottom: 10px;
    }
    .event_schedule_inner .event_tab .nav-item + .nav-item{
        margin-left: 10px;
    }
    .event_fact_area .seo_fact_info .seo_fact_item:first-child,.event_fact_area .seo_fact_info .seo_fact_item,.event_fact_area .seo_fact_info .seo_fact_item.last,.event_fact_area .seo_fact_info .seo_fact_item:nth-child(even){
        margin-top: 20px !important;
    }
    .event_sponser_inner .event_sponser_item .sponser_title{
        padding-top: 0;
        padding-bottom: 15px;
        text-align: center;
    }
    .event_sponser_inner .event_sponser_item .row{
        justify-content: center;
    }
    .clients_feedback_item{
        display: block;
        padding-top: 80px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .clients_feedback_item .feedback_body{
        padding:0px;
        margin: 0px;
    }
    .chat_clients_feedback.feedback_two .clients_feedback_item .feedback_body{
        padding-left: 0;
    }
    .tracking_banner_area{
        height: auto;
        padding-bottom: 70px;
    }
/*    new responsive css*/
    .utility_area .utility_left,.utility_area .utility_right{
        width: 100%;
    }
    .utility_area{
        display: block;
    }
    .plugin_area h2 ,.section_title h2{
        font-size: 30px;
        line-height: 44px;
    }
    .portfolio_area_two .section_title h2{
        word-break: break-all;
    }
    .utility_area .u_content{
        padding-left: 15px;
        padding-top: 20px;
        padding-right: 15px;
    }
    .container{
        max-width: 100%;
    }
    .section_title p br,.section_title h2 br{
        display: none;
    }
    .section_title h2 span{
        display: block;
    }
    .portfolio_area{
        padding: 100px 0px;
    }
    .utility_area{
        padding-top: 10px;
    }
    .blog_slider .item .round {
        right: 41px;
        top: 46px;
    }
    .blog_slider .item .img_two {
        width: auto;
        max-width: 400px;
    }
    .test_inner .arrow .tprevs {
        left: 5px;
    }
    .test_inner .arrow .tnexts{
        right: 5px;
    }
    .promo_banner .countdown{
        justify-content: flex-end;
        padding-right: 30px;
    }
    .breadcrumb_area .breadcrumb_shap_two {
        width: 100%;
    }
}

@media (max-width:650px){
    .about_img .about_img_slider .about_item.w45,.about_img .about_img_slider .about_item.w55{
        width: 100%;
    }
    .about_img .pluse_icon{
        display: none;
    }
    .comment-box .post_comment .reply-comment {
        padding-left: 25px;
    }
    .sign_info .login_info .sign-in-form .d-flex{
        display: block !important;
    }
    .sign_info .lead-text{
        padding-right: 0px;
        padding-top: 15px;
    }
    .agency_featured_area {
        padding-top: 80px;
    }
    .about_img .about_img_slider .about_item .about_text{
        bottom: 30px;
    }
    .software_banner_content h2 {
        font-size: 35px;
    }
    .t_color3 br{
        display: none;
    }
    .design_developers_area .btn_four{
        margin-top: 35px;
    } 
    .company_widget .mt_40{
        margin-top: 25px;
    }
    .f_widget h3.mb-30{
        margin-bottom: 15px;
    }
    .footer_nine_top .f_widget .f-title:after{
        margin-top: 10px;
    }
    .app_featured_content h2{
        margin-bottom: 15px;
    }
    .app_featured_content .learn_btn_two{
        margin-top: 10px;
    }
    .f_widget .widget-wrap{
        margin-top: 20px;
    }
    .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;
    }
    .stratup_app_screen .phone {
        bottom: -140px;
        left: -77px;
    }
    .stratup_app_screen .laptop {
        right: -42px;
        bottom: -92px;
    }
    .post_author_two{
        padding: 25px 20px;
    }
    .comment_inner .comment_box .post_comment{
        padding: 30px 20px 30px;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu.show {
        padding: 0px 10px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu > .nav-item{
         padding: 15px 10px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu > .nav-item .item .text{
        font-size: 12px;
    }
    .feedback_area_two{
        height: auto;
        padding-bottom: 50px;
    }
    .payment_priceing_area .payment_price_info{
        padding-bottom: 0px;
    }
    .seo_call_action_text{
        display: block;
        text-align: center;
    }
    .seo_call_action_text h2{
        margin-bottom: 20px;
    }
    .seo_partner_logo_area .seo_sec_title{
        margin-bottom: 0px;
    }
    .seo_sec_title p br{
        display: none;
    }
    .seo_sec_title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu .nav-item{
        width: 33.33%;
    }
    .intro{
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .border_shap{
        left: 0;
        width: 350px;
    }
/*    new css*/
    .domain_price li + li {
        margin-left: 20px;
    }
    .hosting_title p br{
        display: none;
    }
    .h_features_item{
        padding-right: 0;+
    }
    .pos_footer_area .leaf_left, .pos_footer_area .leaf_right {
        max-width: 20%;
    }
    .pos_action_area .pos_action_content h2 {
        font-size: 35px;
    }
    .pos_footer_bottom img{
        max-width: 40%;
    }
    .pos_action_area .pos_action_content p {
        font-size: 18px;
        line-height: 30px;
    }
    .erp_banner_area_two .section_container .intro_content h1{
        font-size: 28px;
        line-height: 38px;
    }
    .erp_banner_area_two .section_container .intro_content{
        padding-top: 100px;
    }
    .erp_banner_area_two .animation_img {
        margin-top: -322px;
    }
    .erp_banner_area_two .erp_shap{
        top: calc(100% - 86px);
    }
    .erp_service_item {
        margin-bottom: 50px;
    }
    .erp_service_area .row {
        margin-bottom: -50px;
    }
    .intro{
        max-width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .section-4 .section_one_img .round{
        width: 300px;
        height: 300px;
        margin-top: -150px;
        margin-left: -150px;
    }
    .section-4 .section_one_img .phon_img{
        display: none;
    }
    .section-2 .pp_work_content {
        margin-bottom: 30px;
    }
    .h_analytics_content h2{
        font-size: 40px;
        line-height: 48px;
    }
    .h_analytics_content{
        margin-bottom: 30px;
    }
    .support_help_area .d-flex{
        display: block !important;
    }
    .support_help_area .support_item{
        width: 100%;
        margin-bottom: 30px;
    }
    .security_customers_logo_area .d-flex,.security_app_btn{
        display: block !important;
    }
    .security_inner .analytices_logo{
        padding: 20px 10px;
    }
    .event_counter .redCountdownWrapper > div{
        width: calc(33% - 36px);
        margin-bottom: 20px;
    }
    .chat_img .p_one{
        width: 150px;
        right: -50px;
    }
    .chat_img .p_two{
        width: 150px;
        left: -50px;
    }
    .chat_img img{
        max-width: 100%;
    }
    .chat_btn{
        padding-left: 20px;
        padding-right: 20px;
    }
/*    new responsive css */

    footer h2{
        font-size: 30px;
        line-height: 45px;
    }
    footer{
        padding: 100px 0px 108px;
    }
    .elemetor_img{
        display: none;
    }
    .elemator_img .e_log{
        right: -36px;
    }
    .filtering_demos .nav-tabs .nav-item + .nav-item {
        margin-left: 16px;
    }
}

@media (max-width:576px){
    .m-mt-15{margin-top: 15px;}
    .m-test-justify{text-align: justify!important;}
    .price_content .price_item .p_list li {
        font: 300 12px/36px "Poppins", sans-serif;
    }
    .app_featured_area{
        padding-top: 135px;
    }
    .saas_home_area {
        height: auto;
    }
    .saas_home_img{
        margin-top: 50px;
    }
    .s_features_item .s_features_content{
        padding-left: 0px;
    }
    .banner_top h2{
        font-size: 26px;
        line-height: 35px;
    }
    .l_height60,.l_height50 {
        line-height: 45px;
    }
    .f_size_30{
        font-size: 24px;
        line-height: 35px;
    }
    .mobile_img .mobile {
        left: 0;
        top: -100px;
        max-width: 100%;
    }
    .saas_banner_area_two .shap_img{
        height: 280px;
    }
    .call_action_area .action_one {
        left: -878px;
    }
    .f_size_40{
        font-size: 30px;
    }
    .footer_area_two .footer_bottom p{
        margin-bottom: 8px !important; 
    }
    .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{
        display: block !important;
        text-align: center;
    }
    .agency_content .action_btn .agency_banner_btn{
        display: block;
        margin-bottom: 20px;
    }
    .agency_banner_btn_two{
        margin-left: 0px;
    }
    .about_content{
        padding: 90px 15px 100px;
    }
    .developer_product_content .develor_tab .nav-item{
        margin-left: 25px;
    }
    .partner_info .logo_item{
        width: calc(100% / 2);
    }
    .fun_fact_content .fact_item h1{
        font-size: 60px;
    }
    .feedback_slider .feedback_item .feed_back_author{
        display: block;
    }
    .feedback_slider .feedback_item .ratting{
        text-align: left;
        padding-left: 75px;
    }
    .app_banner_contentmt h2 {
        line-height: 60px;
        font-size: 40px;
    }
    .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{
        max-width: 100%;
    }
    .get_content .app_btn.app_btn_two{
        margin-left: 0px;
    }
    .app_service_item{
        padding: 50px 20px;
        text-align: center;
    }
    .partner_logo_area_two .subscribe_form_info {
        padding: 50px 20px;
    }
    .blog_grid_item{
        max-width: 370px;  
        margin-left: auto;
        margin-right: auto;
    }
    .comment-box .post_comment .reply-comment{
        padding-left: 0;
    }
    .comment-box .post_comment .post_author .media-left {
        margin-right: 10px;
    }
    .breadcrumb_content h1{
        font-size: 28px;
        line-height: 32px;
    }
    .portfolio_gallery .portfolio_item .portfolio_img img,.single_product_item .product_img img{
        width: 100%;
    }
    .login-form .extra,.security_banner_content .action_btn.d-flex{
        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: 0px;
        top: 25px;
    }
    .s_promo_info .promo_item.item_two{
        left: 0;
        top: 146px;
    }
    .s_promo_info .promo_item.item_seven {
        top: 66%;
        left: 64%;
    }
    .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%;
    }
    .mobile_btn{
        display: none;
    }
    .action_area_three .action_content .white_btn{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .footer_nine_bottom{
        text-align: center;
    }
    .footer_nine_bottom .flag_selector{
        float: none;
        margin-top: 12px;
    }
    .payment_action_content h2{
        line-height: 40px;
    }
    .payment_banner_content .action_btn{
        display: block !important;
    }
    .payment_banner_content .agency_banner_btn_two{
        display: block;
        margin-left: 0px;
        margin-top: 15px;
    }
    .payment_banner_content h1 {
        line-height: 38px;
        font-size: 28px;
    }
    .pay_btn.pay_btn_two{
        margin-left: 0px;
    }
    .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{
        width: 100%;
    }
    .section_container .intro_content .subcribes .btn_submit{
        position: relative;
        margin-top: 10px;
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .saas_banner_area_two .animation_img {
        bottom: -40px;
    }
    .saas_features_area_two {
        padding-top: 100px;
    }
    .software_banner_content .action_btn{
        display: block !important;
    }
    .video_btn{
        display: block;
        margin-left: 10px;
        margin-top: 20px;
    }
    .saas_banner_content p.mt_30{
        margin-top: 20px;
    }
    .banner_top .subcribes .btn_submit{
        position: relative;
        right: 0;
        display: block;
        top: 0;
        transform: translateY(0);
        margin: 20px auto 0px;
    }
    .sec_title h2.mb_20{
        margin-bottom: 10px;
    }
    .breadcrumb_area {
        padding: 50px 0px 330px;
    }
    .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;
    }
    .product_details_area .pr_details, .service_details_item + .service_details_item {
        margin-top: 30px;
    }
    .blog_content .post_date{
        top: -60px;
    }
    .banner_top .subcribes{
        display: block;
    }
    .banner_top .subcribes .form-control{
        display: block;
        width: 100%;
    }
    .s_subcribes .form-control{
        line-height: 70px;
        height: 70px;
    }
    .s_subcribes .btn-submit{
        font-size: 18px;
        line-height: 70px;
    }
    .saas_subscribe_area_two .subscribe_form_info {
        padding: 80px 20px;
    }
    .case_study_item img{
        width: 100%;
    }
    .blog_list_item_two a img{
        width: 100%;
    }
    .header_social_icon{
        display: none;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu .nav-item{
        width: calc(100% / 2);
    }
    .payment_banner_area_two{
        padding-top: 135px;
    }
    .payment_features_content_two h2 br{
        display: none;
    }
    .payment_features_img img{
        max-width: 100%;
    }
    .payment_features_img:before{
        top: -30px;
        left: -10px;
        right: 0;
    }
    .payment_footer_area{
        padding-bottom: 75px;
    }
    .new_footer_area .footer_bottom p{
        text-align: center;
        margin-bottom: 0 !important;
    }
    .seo_sec_title.mb_70{
        margin-bottom: 40px;
    }
    .seo_service_item{
        padding-left: 15px;
        padding-right: 15px;
    }
    .seo_partner_logo_area .seo_sec_title h2{
        font-size: 28px;
    }
    .seo_call_action_text h2 {
        font-size: 27px;
        line-height: 41px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu .nav-item{
        width: 50%;
    }
    .hosting_tab .nav-item{
        width: 50%;
    }
    .hosting_tab{
        align-items: center;
        justify-content: center;
    }
    .h_blog_item{
        margin-bottom: 30px;
    }
    .hosting_title h2 {
        font-size: 31px;
        line-height: 40px;
    }
    .pos_banner_text h2{
        font-size: 40px;
        line-height: 52px;
    }
    .pos_banner_text .action_btn{
        display: block !important;
    }
    .flex-row-reverse .erp_content_two{
        padding-right: 0;
    }
    .flex-row-reverse .erp_features_img_two .img_icon{
        left: -7px;
        right: auto;
    }
    .split_banner .app_img .phone_img{
        max-width: 50%;
    }
    .section_6 .split_banner{
        overflow: hidden;
    }
    .ms-left .ms-section.section_2 .split_banner .app_img{
        margin-left: 20px;
    }
    .ms-section.section_1 .split_slider_content h2 {
        font-size: 26px;
        line-height: 40px;
    }
    .section-1 .section_one-content{
        padding-right: 0;
    }
    .section_one_img .round{
        width: 290px;
        height: 290px;
        margin-left: -145px;
        margin-top: -145px;
    }
    .section_one_img .dots{
        display: none;
    }
    .security_banner_content .w_btn{
        display: block;
        margin-top: 10px;
    }
    .security_list_area .macbook_a,.security_list_area .lock,.security_inner .security_leaf_left, .security_inner .security_leaf_right{
        display: none;
    }
    .security_inner{
        padding-left: 0px;
        padding-right: 0px;
    }
    .h_security_area .h_security_item{
        display: block !important;
    }
    .h_security_area .h_security_item img{
        margin-right: 0;
        margin-bottom: 15px;
    }
    .security_features_inner .s_features_item{
        width: 100%;
    }
    .event_banner_content h2 {
        font-size: 48px;
        line-height: 60px;
    }
    .event_counter .redCountdownWrapper > div{
        width: calc(50% - 36px);
        margin-bottom: 20px;
    }
    .event_counter .redCountdownWrapper .redCountdownValue span{
        font-size: 16px !important;
    }
    .event_promotion_info{
        margin-top: 0;
        padding-top: 50px;
    }
    .chat_banner_content .pr_100{
        padding-right: 0;
    }
    .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_features_img_two .chat_two{
        left: 0;
    }
    .chat_features_img_two .chat_one{
        left: -30px;
    }
    .chat_clients_feedback img{
        max-width: 100%;
    }
    .chat_title h2{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .chat_banner_content h1 {
        font-size: 36px;
        line-height: 52px;
    }
    .tracking_pr_item .tracking_content{
        padding: 30px;
    }
/*    new responsive css */
    .responsive_area .responsive_device img:nth-child(1){
        display: none;
    }
    .responsive_area .responsive_device img {
        max-width: 30%;
    }
    .c_features_item{
        margin-bottom: 40px;
    }
    .c_features_area_two .section_title h2{
        font-size: 27px;
    }
    .c_features_area_two{
        padding-bottom: 40px;
    }
    .blog_slider .item .round{
        font-size: 38px;
        line-height: 28px;
        width: 100px;
        height: 100px;
    }
    .blog_slider .item .round span{
        font-size: 18px;
    }
    .blog_slider .item .round sup{
        font-size: 30px;
    }
    .blog_slider .item{
        padding-right: 72px;
    }
    .plugin_item .img{
        max-width: 220px;
        margin: 0 auto;
    }
    .f_two .f_img {
        margin-left: 0;
    }
    .demo_features_area .col-lg-3, .demo_features_area .col-lg-4{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog_slider .item .img_two {
        right: 46px;
    }
    .blog_slider{
        margin-right: 0;
    }
    .promo_banner .countdown{
        justify-content: center;
        padding-right: 0;
    }
    .body_wrapper.promotion{
        padding-top: 85px;
    }
    .body_wrapper.promotion .navbar {
        top: 85px;
    }
    .close_icon{
        top: 23%;
        z-index: 1;
    }
    .banner_text .dmeo_banner_btn_two{
        margin-left: 2px;
    }
    .banner_text .dmeo_banner_btn{
        font-size: 13px;
    }
    .banner_text .price h3{
        font-size: 200px;
        line-height: 178px;
    }
    .banner_text .price .offer_text {
        font-size: 32px;
    }
    .banner_text .price:before{
        z-index: -1;
    }
    .faq_tab .nav-tabs {display: flex;}
    .faq_tab .nav-item {width: 50%;}
    .faq_tab .nav-item .nav-link{
        padding: 20px;
        width: 96%;
        border: 1px solid #5e2ced;
        text-align: center;
    }
    .faq_tab .nav-item .nav-link.active{color: #fff;background-color: #5e2ced;}
    .faq_tab .nav-item .nav-link:before{height: 0;}
    .faq_content .tab-pane .card .card-body {text-align: justify;}
    .breadcrumb_area .breadcrumb_shap {
        position: absolute;
        right: -158px;
        top: -113px;
    }
    .breadcrumb_area .w-100{width: auto!important;height: 220px!important;
        right: 0;top: 0;}
    .breadcrumb_area.two{padding: 50px 0 !important;}
    .sec_pad4,.sec_pad1{padding: 30px 0;}
    .sec_pad3{padding: 40px 0;}
    .pos_slider .pos_banner_item.one{
      background: url("../img/banner/features1.jpg")no-repeat; 
    }
    .pos_slider .pos_banner_item.two{
      background: url("../img/banner/features2.jpg")no-repeat; 
    }
    .pos_slider .pos_banner_item.three{
      background: url("../img/banner/features3.jpg")no-repeat; 
    }
    .pos_banner_text h1{font-size: 30px;color: #ffffff!important;}
}

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

@media (max-width:480px){
    .m-text-center{text-align: center!important;}
    .post_author_two{
        display: block;
    }
    .comment_inner .comment_box .post_comment .reply_comment{
        margin-left: 0;
    }
    .post_author_two .img_rounded{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .header_area .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .feedback_slider_two .owl-nav{
        display: none;
    }
    .pos_banner_text h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .chat_info {
        display: block;
    }
    .chat_info img{
        margin-right: 0;
        padding-bottom: 35px;
    }
    .pos_about_list{
        column-count: 1;
    }
    .event_banner_content .event_btn_two{
        margin-left: 0;
    }
    .event_banner_content .round{
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
    }
    .clients_feedback_item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .chat_banner_content {
        padding-top: 40px;
        margin-bottom: 0px;
    }
    .chat_img .p_one {
        right: -20px;
    }
    .chat_banner_area {
        padding-bottom: 0;
    }
     .h_security_area {
        padding-top: 50px;
    }
    .hosting_title {
        margin-bottom: 30px;
    }
    .m-pb-0{padding-bottom: 0 !important;}
    .m-pt-0{padding-top: 0 !important;}
    .app-banner {padding-bottom: 30px !important;background-color: #eeeae7;}
    .app-banner .app-content {
        padding-top: 100px;
        padding-left: 0px!important;
    }
    .setup_inner .setup_item .setup_img img{width: 100%;}
    .setup_inner .setup_item.flex-row-reverse .setup_content {
        padding: 0!important;
        text-align: center!important;
    }
    footer{padding: 0!important;}
    .footer_area_four .footer_top {padding: 40px 0!important;}
    .pr_70{padding-right: 0px!important;}
    .protype_img {margin-top: 0px !important;}
    .about_content {padding: 30px 15px;}
    .sec_pad {padding: 30px 0px;}
    .app_service_area {
        padding-top: 30px;
    }
    .sec_title.mb_70 {
        margin-bottom: 30px;
    }
    .app_service_area_two{padding-bottom: 30px;}
    .faq_tab {margin-bottom: 30px;padding: 24px 10px 20px;}
}

@media (max-width:450px){
    .price_tab{
        max-width: 100%;
        border-radius: 3px;
    }
    .price_tab .nav-item .nav-link{
        display: block;
        position: relative;
    }
    .price_tab,.price_tab .nav-item{
        display: block;
    }
    .price_tab .nav-item .nav-link.active{
        background: #00aff0;
        border-radius: 3px;
    }
    .partner_info .logo_item{
        width: 100%;
    }
    .price_tab.price_tab_two .nav-item .nav-link.active{
        background: #5f2eed;
    }
    .get_content .app_btn{
        margin-top: 5px;
    }
    .pr_details .ratting{
        float: none;
        text-align: left;
        padding-top: 12px;
    }
    .pr_footer,.login-form .extra{
        display: block !important;
    }
    .pr_details .post-body .ratting{
        padding-top: 0px;
    }
    .product_info_details .comment-box .comment-content {
        padding-left: 80px;
    }
    .product_info_details .pr_tab{
        display: block;
        border-radius: 0px;
    }
    .product_info_details .pr_tab .nav-item .nav-link{
        border-radius: 0px;
    }
    .product_info_details .pr_tab .nav-item{
        float: none;
    }
    .sign_info {
        padding: 30px 15px;
    }
    .text_box input[type="text"], .text_box textarea, .text_box input[type="password"]{
        padding-left: 10px;
    }
    .mobile_img .women_img{
        right: 80px;
    }
    .mobile_img .mobile{
        top: -35px;
    }
    .post_share a + a {
        margin-left: 0px;
    }
    .coupon .button{
        position: relative;
        right: 0;
        top: 0;
        transform: translateY(0);
        margin-top: 15px;
    }
    .feedback_item .feed_back_author{
        display: block;
    }
    .feedback_item .ratting{
        text-align: left;
        padding-left: 80px;
    }
    .feedback_slider_two .feedback_item{
        padding: 45px 20px 25px;
    }
    .partner_logo_area_five h2 br{
        display: none;
    }
    .company_banner_area .company_banner_content h2 {
        font-size: 35px;
        line-height: 46px;
    }
    .stratup_app_screen{
        display: none;
    }
    .startup_content_three .btn_six{
        margin-bottom: 15px;
    }
    .btn_six + .btn_six{
        margin-left: 0;
    }
    .startup_content_three h2 {
        font-size: 28px;
        margin-bottom: 15px;
        line-height: 42px;
    }
    .startup_content_three p{
        margin-bottom: 30px;
    }
    .intregration_logo{
        display: block;
    }
    .intregration_logo .intregration_item{
        max-width: 100%;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu .nav-item{
        width: 250px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu > .nav-item .item .text {
        font-size: 16px;
    }
    .seo_partner_logo_area{
        padding-top: 0;
    }
    .hosting_tab .nav-item{
        width: 100%;
    }
    .h_price_tab p{
        padding: 30px;
    }
    .split_title {
        font-size: 31px;
        line-height: 35px;
    }
    .split_app_content .s_app_btn + .s_app_btn{
        margin-left: 0;
        margin-top: 10px;
    }
    .event_banner_content h2{
        font-size: 35px;
        line-height: 45px;
    }
    .event_banner_content h6{
        font-size: 17px;
    }
    .event_schedule_inner .event_tab .nav-item + .nav-item{
        margin-left: 5px;
    }
    .tracking_pr_item .tracking_content{
        padding-left: 20px;
        padding-right: 20px;
    }
    .tracking_pr_item .tracking_content h3{
        font-size: 25px;
    }
/*    new responsive css */
    .banner_text h2 {
        font-size: 29px;
        line-height: 36px;
    }
    .responsive_area .responsive_device img:nth-child(4){
        display: none;
    }
    .blog_slider .item .img_two{
        display: none;
    }
    .blog_slider .item{
        padding-right: 0;
    }
    .blog_slider .item .round {
        right: 0px;
        top: 0;
    }
    .banner_text .d-flex{
        display: block !important;
    }
    .banner_text .dmeo_banner_btn_two{
        margin-left: 0;
        margin-top: 8px;
    }
    .banner_text h6{
        font-size: 15px;
        margin-bottom: 7px;
    }
}
@media (max-width:320px){
    .faq_tab .nav-item .nav-link{
        padding: 16px 2px;
        font-size: 14px;
    }
}