@media(min-width:2000px){
    .saas_banner_area::before {
        display: none;
    }
}
@media(max-width:1550px){
    .saas_features_item img{
        max-width: none !important;
    }
    .payment_banner_area .shap {
        width: 108%;
        left: -77px;
    }
    .app_mockup img{
        max-width: 100%;
    }
    .app_mockup{
        width: 500px;
        height: 580px;
    }
    .app_mockup .img_four{
        max-width: 45%;
        bottom: 66px;
    }
    .app_mockup img {
        max-width: 26%;
    }
    .app_mockup{
        right: 95px;
    }
    .app_mockup .img_seven{
        max-width: 20%;
        right: -15px;
    }
    .app_mockup .img_eight{
        max-width:15%;
        right: 13px;
        top: 331px;
    }
    .app_mockup .img_six{
        max-width: 7%;
        right: 46px;
        top: 285px;
    }
    .app_mockup .img_one{
        max-width: 30%;
        right: 60px;
    }
    .app_mockup .img_two {
        left: 100px;
        top: 225px;
    }
    .app_mockup .img_three {
        left: 136px;
        bottom: -22px;
    }
    .prototype_fact_area .fact_bg{
        left: -100px;
    }
}
@media (max-width:1480px){
    .saas_b_img img{
        max-width: 100% !important;
    }
    .saas_banner_area_Three{
        height: 880px;
        padding-top: 150px;
        background-size: cover;
    }

    .testimonial_slider_two .carousel-indicators{
        left: 0;
    }
    .testimonial_slider_two .t_content{
        margin-left: 100px;
    }
    .payment_features_img.p_f_img_two .p_f_two{
        margin-right: 0;
    }
    .payment_features_tab{
        width: 534px;
        height: 436px;
        margin-left: 60px;
    }
    .testimonial_slider_two .testimonial_controler .dot{
        left: 10px;
    }
    .payment_features_img img{
        max-width: 100%;
    }
    .payment_features_img .p_features_img_one{
        margin-left: 0;
    }
    .payment_features_img .p_features_logo_three{
        left: 0;
    }
    .payment_features_img .p_features_logo_two{
        left: 160px;
    }
    .payment_features_img .p_features_logo_one {
        left: 0px;
    }
    .integration_info .integrations_item:nth-child(7){
        right: -11px;
    }
    .saas_banner_area_two{
        padding-top: 0;
        height: 700px;
    }
    .app_banner_area{
        min-height: 820px;
    }
}
@media (max-width:1300px){
    .integration_info .integrations_item:nth-child(7){
        right: 0;
    }
    .project_screenshot .item img{
        max-width: 100%;
    }
    .work_info {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (max-width:1199px){
    .menu_one .btn_get{
        margin-left: 15px;
    }
    .saas_banner_content h2{
        font-size: 42px;
        line-height: 48px;
    }
    .app_features_item {
        padding: 30px 0px 0px;
    }
    .saas_banner_content h5{
        font-size: 24px;
    }
    
    .aea_blog_post_item .aea_category_badge{
        padding: 0px 13px;
    }
    .aea_blog_post_item .blog_tag {
        margin-right: 4px;
    }
    .aea_blog_post_item .aea_post_title{
        line-height:30px
    }
    .saas_b_img .logo{
        left: 36px;
        top: 60px;
    }
    .app_banner_area .app_banner_text{
        margin-right: -30px;
    }
 
    .saas_features_item .saas_features_content{
        max-width: 675px;
        padding: 70px 40px 78px;
    }
    .saas_features_item.item_two .saas_features_left .shape_three,.saas_features_item.item_two .saas_features_left .shape_four{
        right: -265px;
    }
    .saas_features_item.item_one:before {
        width: 70%;
        height: calc(100% - 280px);
        bottom: -157px;
        left: 159px;
        background-size: contain;
    }
    .saas_service_info .saas_service_item .icon{
        margin-right: 15px;
    }
    .saas_service_info .saas_service_item.flex-row-reverse .icon {
        margin-left: 15px;
    }
    .work_item{
        padding: 40px 15px;
    }
    .app_banner_text h2{
        font-size: 41px;
    }

    .app_banner_btn{
        padding: 12px 27px;
    }
    .app_function_item.app_f_one .app_function_content{
        padding-right: 0px;
    }
    .app_function_item.app_f_one .app_function_img{
        padding-left: 80px;
    }
    .app_function_item .app_function_img img{
        max-width: 100%;
    }
    .app_function_item.app_f_two .app_function_content {
        padding-left: 60px;
    }
    .app_function_item .app_function_img.text-left{
        padding-left: 0;
    }
    .app_price_area:before{
        left: -1321px;
    }
 
    .app_video_area .shape_top, .app_video_area .shape_bottom{
        display: none;
    }
    .app_function_area{
        padding-bottom: 20px;
    }
    .get_info{
        margin-top: 80px;
    }
    .subscribe_content{
        padding: 50px 40px;
    }
    .subscribe_content .content {
        padding-right: 60px;
    }
    .integration_info .integrations_item:nth-child(4){
        left: 335px;
    }
    .integration_info .integrations_item:nth-child(5){
        left: 270px;
    }
    .integration_info .integrations_item:nth-child(7) {
        right: 24px;
    }
    .integration_info .integrations_item:nth-child(8){
        right: 27px;
    }
    .p_features_area .p_l {
        padding-left: 0;
    }
    .p_features_area .p_r{
        padding-right: 0;
    }
    .introducing_area_two .introducing_content{
        padding-left: 15px;
        padding-right: 15px;
    }
    .solution_area .solution_tab .nav-tabs {
        padding-right: 40px;
    }
    .fun_fact_area .work_progress .work-progressbar{
        padding: 0px;
    }
    .testimonial_slider_two .carousel-indicators,.testimonial_slider_two .testimonial_controler .dot{
        width: 490px;
        height: 490px;
    }
    .testimonial_slider_two .testimonial_controler .dot.one{
        width: 350px;
        height: 350px;
    }
    .testimonial_slider_two .testimonial_controler .dot.two{
        width: 230px;
        height: 230px;
    }
    .testimonial_slider_two .testimonial_controler .dot.three{
        display: none;
    }
    .payment_recived_area .payment_item{
        padding: 43px 16px 40px 120px;
    }
    .payment_footer_area .footer_top .f_widget .f_title{
        font-size: 17px;
    }
    .payment_footer_area .footer_top .f_widget.link_widget {
        padding-left: 0px;
    }
    .blog_item img{
        max-width: 100%;
    }
    .blog_sidebar {
        padding-left: 0;
    }
    .team_item{
        padding: 40px 20px;
    }
    .team_item .team_img{
        margin-right: 15px;
    }
    .development_img img{
        max-width: 100%;
    }
    .development_img{
        display: flex;
        height: auto;
        align-items: center;
    }
    .menu > .nav-item + .nav-item {
        margin-left: 12px;
    }
    .menu > .nav-item > .nav-link{
        font-size: 14px;
    }
    .menu_one .btn_get{
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .app_mockup {
        right: 40px;
    }
    .app_mockup .img_four{
        right: 0;
    }
    .payment_features_info_three .col-lg-7,.payment_features_info_three .col-lg-5 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .payment_features_info_three .payment_content{
        margin-top: 60px;
    }
    .payment_features_tab{
        transform: perspective(0px) rotateY(0deg) rotateX(0deg) scale(1);
        margin-left: 0;
    }
    .payment_features_info + .payment_features_info {
        padding-top: 100px;
    }
    .integration_info .integrations_item:nth-child(2){
        left: 110px;
        top: 112px;
    }
    .integration_info .integrations_item:nth-child(4){
        left: 262px;
        top: 210px;
    }
    .project_screenshot .screen_slider{
        left: 0;
    }
    .saas_features_area_two .saas_features_content_two {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 15px;
    }
    .saas_features_area_two .item_two .saas_features_content_two{
        padding-right: 30px;
        padding-left: 15px;
    }
    .saas_features_area_two .saas_features_item.item_one:before {
        height: 100%;
        bottom: -170px;
    }
    .saas_features_area_two{
        padding-bottom: 100px;
    }
    .saas_service_area_two .pl-20{
        padding-left: 15px;
    }
    .saas_service_area_two .pr-20{
        padding-right: 15px;
    }
    .blog_grid .blog_content {
        padding: 35px 16px;
    }
    .blog_item .blog_img{
        display: block;
    }
    .prototype_content h3{
        font-size: 30px;
        line-height: 42px;
    }
    .prototype_img{
        right: 0;
    }
    .prototype_partner_inner .p_logo:nth-child(2) {
        right: 38px;
    }
	.project_service_area .app_features_item{
		margin-top: 40px;
	}
}

@media (max-width:991px){
    .recent_portfolio_slider .item {
  padding: 10px;
}
       .saas_banner_area_two .saas_banner_content {
      padding-right: 0;
    }
      .blog_sidebar.pr-40 {
    padding-right: 0;
}
       .img-hover-effect-sty1  img{
           width: 600px !important;
    }
  .menu-horizontal-descktop {
    display: none;

  }
       .defult-header .area-navbar, .defult-header .navbar-stiky{
    height: 58px;
  }
  .defult-header .area-navbar, .defult-header .navbar-stiky {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .area-navbar .navbar-collapse {
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 0 15px;
    right: 0px;
  }
  .hidden-sm {
    visibility: hidden;
    display: none;
  }
        .f_widget .subscrib_form{
        display: inline-block;   
    }
    .widget_text:nth-child(2) .f_widget {
        padding-left: 0px;
    }
    .saas_banner_content h5 {
        margin: 15px 0px 20px;
    }
    .contact_img {
        margin-bottom: 50px;
    }
    .portfolio_item img{
        height: auto;
    }
    .navbar_fixed .menu > .nav-item.active > .nav-link:before, .navbar_fixed .menu > .nav-item.active > .nav-link:after, .navbar_fixed .menu > .nav-item:hover > .nav-link:before, .navbar_fixed .menu > .nav-item:hover > .nav-link:after, .navbar_fixed .menu > .nav-item.current-menu-parent .nav-link:after, .navbar_fixed .menu > .nav-item.current-menu-parent .nav-link:before{
        background: transparent;
    }
    .menu > .nav-item.submenu .dropdown-menu > ul{
        box-shadow: none;
        padding-bottom: 13px;
    }
    .menu > .nav-item.submenu .dropdown-menu > ul .dropdown-menu ul{
        padding: 0px;
    }
    .menu > .nav-item.submenu .dropdown-menu > ul .dropdown-menu{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .saas_features_item .saas_features_content {
        max-width: 100%;
        margin-left: 0 !important;
    }
    .saas_features_item .saas_features_right{
        padding: 0px 20px;
    }
    .header_area .btn_get.btn_hover.br_radious45 {
        display: none;
    }
    .saas_features_item.item_one:before{
        bottom: -170px;
        left: 77px;
    }
    .prototype_fact_area {
        padding-top: 0px;
    }
    .work_item{
        margin-bottom: 30px;
    }
    .work_info{
        margin-bottom: -30px;
    }
    .saas_banner_area{
        height: auto;
        background-position: 100%;
    }
    .aea_blog_post_item .aea_post_title {
        line-height: 30px;
    }
    .saas_b_img .logo{
        left: 51px;
        top: 85px;
    }
    .saas_b_img{
        margin-top: 60px;
        display: flex;
        justify-content: center;
    }
    .saas_service_info .saas_service_item,.saas_service_info .saas_service_item.flex-row-reverse{
        display: block;
        text-align: center;
    }
    .saas_service_info .saas_service_item .icon{
        margin: 0 auto 30px;
    }
    .saas_service_info .saas_service_item.flex-row-reverse .icon{
        margin-left: auto;
        margin-right: auto;
    }
    .saas_service_img{
        margin: 50px 0px;
    }
    .saas_service_info{
        max-width: 450px;
        margin: 0 auto;
    }
    .aea_blog_post_item .aea_blog_post_content .aea_post_description p {
        font-size: 14px;
    }
    .app_testimonial_info .testimonial_text_slider{
        padding-top: 0px;
    }
    .saas_fan_fact_item h6 {
        font-size: 22px;
    }
    .aea_blog_post_item {
        margin-bottom: 30px;
    }
    .saas_blog_area .row{
        margin-bottom: -30px;
    }
    .saas_fan_fact_item{
        margin-bottom: 25px;
    }
    .s_price_item{
        margin-bottom: 30px;
    }
    .saas_pricing_area .row{
        margin-bottom: -30px;
    }
    .saas_call_action_area h2 br{
        display: none;
    }
    .saas_features_item .saas_features_left, .saas_features_item .saas_features_right{
        width: 100%;
    }
    .saas_features_area{
        padding-bottom: 72px;
    }
    .f_widget.about_widget{
        padding-right: 0;
    }
    .f_widget.link_widget{
        padding-top: 0;
    }
    .f_widget,.saas_blog_item{
        margin-bottom: 30px;
    }
    .payment_footer_area .footer_top .f_widget .f_title {
        font-size: 22px;
    }
    .s_footer_top .border_bottom{
        margin-top: 60px;
    }
    .saas_blog_area .row{
        margin-bottom: -30px;
    }
    .app_banner_area{
        height: auto;
        min-height: 1200px;
        padding-top: 150px;
    }
    .b_app_screen .img_first {
        top: 0;
        bottom: auto;
    }
    .b_app_screen .img_back {
        bottom: auto;
        top: -37px;
    }
    .b_app_screen .slider{
        top: 55px;
        bottom: auto;
    }
    .app_function_item .app_function_content{
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 80px;
    }
    .price_info{
        margin-bottom: -30px;
    }
    .price_item{
        margin-bottom: 30px;
    }
    .app_footer_area .border_bottom{
        margin-top: 50px;
    }
    .testimonial_text_slider{
        padding-top: 50px;
    }
    .get_info{
        margin-top: 70px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .app_work_info .app_work_item .hover_line{
        display: none;
    }
    .app_function_item.app_f_two .app_function_content{
        padding-left: 0;
    }
    .app_function_item .app_function_img{
        text-align: center !important;
    }
    .app_function_item.app_f_one .app_function_img{
        padding-left: 0;
    }
    .app_function_item .app_function_img img{
        max-width: 80%;
    }
    .app_function_item.app_f_two .app_function_img .back_img {
        right: auto;
        left: 0;
    }
    .app_function_item + .app_function_item {
        margin-top: 10px;
    }
    .p_service_item{
        margin-bottom: 40px;
    }
    .service_info{
        margin-bottom: -40px;
    }
    .p_features_area .p_features_content{
        padding-top: 50px;
    }
    .integration_info{
        max-width: 610px;
        margin-top: 80px;
    }
    .subscribe_content{
        display: block;
    }
    .subscribe_content .content{
        padding-right: 0px;
        padding-bottom: 30px;
    }
    .video_area .video_info{
        height: 470px;
    }
    .solution_area .solution_tab .nav-tabs{
        padding-right: 0;
    }
    .solution_area .solution_content .tab-pane{
        margin-top: 50px;
    }
    .payment_recived_area .col-lg-6 + .col-lg-6{
        margin-top: 25px;
    }
    .testimonial_slider_two .carousel-inner {
        margin-top: 50px;
    }
    .fun_fact_area .work_progress .work-progressbar{
        margin-bottom: 30px;
    }
    .work_progress{
        margin-bottom: -30px;
    }
    .subscribe_area_two .get_info{
        padding-left: 50px;
        padding-right: 50px;
    }
    .blog_sidebar{
        margin-top: 60px;
    }
    .include_plan_area .pr_section_title {
        padding-right: 0;
        margin-bottom: 50px;
    }
    .service_plan_info .service_plan_item{
        padding-left: 0;
    }
    .team_item{
        align-items: inherit;
    }
    .development_img{
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
    }
    .web_development_info.web_development_info_two:before,.web_development_info:not(:last-child):before{
        display: none;
    }
    .web_development_info.web_development_info_two .development_content{
        padding-left: 0;
    }
    .web_development_info:not(:last-child) {
        padding-bottom: 90px;
    }
    .menu {
        padding: 10px 15px;
        background: #fff;
        margin-top: 0px;
    }
    .menu > .nav-item{
        padding: 8px 0px;
    }
    .menu > .nav-item + .nav-item{
        margin-left: 0px;
    }
    .menu > .nav-item > .nav-link{
        color: #051441;
        display: block;
    }
    .menu > .nav-item:hover > .nav-link{
        color: #A442A0;
    }
    .menu > .nav-item:hover > .nav-link:before,.menu > .nav-item:hover > .nav-link:after{
        background: transparent;
    }
    .menu > .nav-item.submenu .dropdown-menu{
        box-shadow: none;
        -webkit-transition: max-height 0.5s,
        opacity 0.2s 0.1s,
        visibility 0s 0s;
        -moz-transition: max-height 0.5s,
        opacity 0.2s 0.1s,
        visibility 0s 0s;
        -ms-transition: max-height 0.3s,
        opacity 0.2s 0.1s,
        visibility 0s 0s;
        -o-transition: max-height 0.5s,
        opacity 0.2s 0.1s,
        visibility 0s 0s;
        transition: max-height 0.5s,
        opacity 0.2s 0.1s,
        visibility 0s 0s;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        padding: 0px;
        margin: 0px;
    }
    .menu > .nav-item.submenu .dropdown-menu.show{
        -webkit-transition: max-height 0.5s,
        opacity 0.2s 0.1s,
        visibility 0s 0s;
        -moz-transition: max-height 0.5s,opacity 0.2s 0.1s,visibility 0s 0s;
        -ms-transition: max-height 0.5s,opacity 0.2s 0.1s,visibility 0s 0s;
        -o-transition: max-height 0.5s,opacity 0.2s 0.1s,visibility 0s 0s;
        transition: max-height 0.5s,opacity 0.2s 0.1s,visibility 0s 0s;
        max-height: 250px;
        overflow-y: scroll;
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item{
        padding: 0px 20px;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu{
        display: block;
        max-height: inherit;
        opacity: 1;
        visibility: visible;
        margin-top: -10px;
        padding-bottom: 13px;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu > .nav-link:before{
        display: none;
    }
    .menu_two .menu > .nav-item:hover > .nav-link,.menu_two .menu > .nav-item.active > .nav-link{
        color: #ff9600;
    }
    .menu_two .menu > .nav-item:hover > .nav-link:after,.menu_two .menu > .nav-item:hover > .nav-link:before,.menu_two .menu > .nav-item.active > .nav-link:after,.menu_two .menu > .nav-item.active > .nav-link:before{
        background: #ff9600;
    }
    .navbar .navbar-brand{
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .app_banner_text p{
        margin-bottom: 35px;
    }
    .app_banner_text h2{
        margin-bottom: 10px;
    }
    .menu > .nav-item.active .nav-link, .menu > .nav-item.active .nav-link{
        color: #A442A0;
    }
    .menu > .nav-item.active .nav-link:before, .menu > .nav-item.active .nav-link:after{
        background: transparent;
    }
    .menu_three .btn_get{
        box-shadow: none;
    }
    .menu_b > .nav-item:hover .nav-link, .menu_b > .nav-item.active .nav-link{
        color: #f31f74;
    }
    .menu_b > .nav-item:hover .nav-link:before, .menu_b > .nav-item:hover .nav-link:after, .menu_b > .nav-item.active .nav-link:before, .menu_b > .nav-item.active .nav-link:after {
        background: #f31f74;
    }
    .payment_banner_area .shap{
        display: none;
    }
    .payment_banner_area{
        padding-top: 140px;
        height: auto;
        min-height: 1000px;
    }
    .app_mockup{
        top: auto;
        height: 500px;
        right: 35%;
        margin: 0 auto;
        bottom: 80px;
    }
    .introducing_content {
        margin-bottom: 30px;
    }
    .payment_btn.hidden-sm{
        display: none;
    }
    .payment_features_img .p_features_logo_three{
        top: 0;
        left: 0;
    }
    .payment_features_img .p_features_logo_one{
        bottom: 0;
    }
    .payment_content{
        margin-top: 40px;
    }
    .testimonial_area_three{
        padding-bottom: 120px;
    }
    .introducing_content h3{
        font-size: 25px;
    }
    .project_screenshot{
        height: 490px;
        background-size: contain;
    }
    .project_screenshot .item{
        padding-left: 40px;
        padding-right: 40px;
    }
    .project_screenshot .screen_slider{
        top: 88px;
    }
    .menu > .nav-item.submenu .dropdown-menu.mega_menu_one.show{
        padding: 10px;
    }
    .menu > .nav-item.submenu .dropdown-menu.mega_menu_one{
        width: 100%;
    }
    .menu > .nav-item.submenu .dropdown-menu.mega_menu_one .nav-item{
        width: 100%;
        justify-content: end;
        display: block;
    }
    .menu > .nav-item.submenu .dropdown-menu.mega_menu_one .nav-item.nav_download_btn{
        padding: 0px 20px;
    }
    .menu_three .menu{
        padding-left: 0;
        padding-right: 0;
    }
    .menu > .nav-item.show{
        padding-bottom: 0;
    }
    .testimonial_slider_two .testimonial_controler .dot{
        left: 50%;
        transform: translateX(-50%);
    }
    .saas_features_area_two .saas_features_item.item_one:before{
        display: none;
    }
    .saas_service_area_two .pr-20,.saas_service_area_two .pl-20{
        padding-top: 0;
    }
    .saas_service_area_two .saas_service_item{
        margin-bottom: 40px;
    }
    .saas_service_area_two .saas_service_item + .saas_service_item{
        margin-top: 0;
    }
    .saas_service_area_two .col-lg-9 .row{
        margin-bottom: -40px;
    }
    .saas_banner_area_two{
        padding: 100px 0px ;
    }
    .saas_banner_area_two .saas_banner_content{
        margin-bottom: 80px;
    }
    .header_area_two + section, .header_area_two + div {
        margin-top: 78px;
    }
    .header_area_two .menu_toggle .hamburger span,.header_area_two .menu_toggle .hamburger-cross span{
        background: #ff9600;
    }
    .header_area_two .menu_two .menu > .nav-item:hover .nav-link:before, .header_area_two .menu_two .menu > .nav-item:hover .nav-link:after, .header_area_two .menu_two .menu > .nav-item.active .nav-link:before, .header_area_two .menu_two .menu > .nav-item.active .nav-link:after{
        background: #ff9600;
    }
    .header_area_three .trail{
        border: 0px;
    }
    .header_area_three .t_nav{
        margin-bottom: 15px;
    }
    .header_area_three.header_area_two .menu_toggle .hamburger span,.header_area_three.header_area_two .menu_toggle .hamburger-cross span{
        background: #5e2ced;
    }
    .prototype_banner_content h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .prototype_banner_content p br{
        display: none;
    }
    .b_app_screen {
        margin-top: 30px;
    }
    .p_banner_img .first{
        left: 50%;
        max-width: 80%;
    }
    .header_area_three + section, .header_area_three + div{
        margin-top: 0;
    }
    .p_service_inner{
        justify-content: center;
    }
    .prototype_service_item{
        margin-bottom: 30px;
    }
    .prototype_content{
        padding-top: 50px;
    }
    .protype_blog_area .pr_item{
        margin-bottom: 20px;
    }
    .protype_blog_area .row{
        justify-content: center;
        margin-bottom: -20px;
    }
    .prototype_img.prototype_img_left{
        right: 0;
    }
    .widget_text:nth-child(2) .f_widget{
        padding-left: 0px;
    }
    #text-3 .f_widget {
        padding-left: 0px;
    }
       .f_widget{
        margin-bottom: 0px;
    }
}

@media  screen and (min-width: 400px) and (max-width:767px){
              .contact_area_style1 {
    flex-direction: column;
    margin: 0;
  }

  .contact_area_style1 .contact-form1 {
    padding: 96px 48px;
  }
    .woocommerce .col2-set, .woocommerce-page .col2-set {
      display: flex;
      flex-direction: column;
    }
    .rtl .woocommerce .col2-set .col-1, .rtl .woocommerce .col2-set .col-2 {
      max-width: 100%;
    }
             .container {
    max-width: 850px;
  }
    .s_price_item .price_head .price {
      font-size: 30px;
    }
    .blog_area .col-lg-8 .blog_info_grid, .blog_area .col-lg-12 .blog_info_grid{
       grid-template-columns: repeat(1, 1fr); 
    }
    .blog_item_list .blog_img img {
    border-radius: 1rem 1rem 0 0;
}
       .blog_item_list{
            display:block;
        }
    .navbar-stiky,.header-sticky {
    display: none;
}
.blog_info article ,.saas_blog_area_style5 .col-blog_post, .saas_blog_area .col-blog_post,.saas_blog_area_style4 .col-blog_post,.slider_article .item_blog,.col_price_item,.col_s_price_item,.container_item_testimonial,.slider-team .owl-item,.introducing_area  .col-introducing{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    
 .blog_info article .blog_item,.aea_blog_post_item,.saas_blog_item,.price_item,.s_price_item,.main-container ,.slider-team .card,.col-introducing .introducing_content,.blog_info  .blog_item_list{
              width: 370px;
    }
        .img-hover-effect-sty1  img{
           width: 500px !important;
    }
    .area-grid-team .item_team ,.portfolio_info  .box-portfolio ,.product-single-card{
            width: 370px;
            margin: 0 auto !important;
    }
    
    .testimonial_text_slider .slick-arrow{
        display:none;
    }
    .subscribe_area_two .get_info p br {
        display: none;
    }
    
    .portfolio_details_text {
        padding-right: 0px;
    }
    .admin-bar .header_area{
        top: 46px;
    }
    .app_banner_area .app_banner_text {
        margin-right: 0px;
    }
    .portfolio_details_img {
        margin-bottom: 30px;
    }
    .portfolio_details_img img{
        border-radius: 10px;
    }
    .portfolio_category {
        position: relative;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding: 40px 0px 0px;
    }
   
    .get_info .subscribe_form .form-control{
        width: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .aea_blog_post_item .aea_blog_post_content .aea_post_description p {
        font-size: 16px;
    }
    .subscribe_area_two .get_info {
        margin: 0 auto 0px;
    }
    .subscribe_area_two{
        padding-bottom: 100px;
    }
    .get_info .subscribe_form .submit_btn {
        margin: 0px auto 0px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .app_features_item {
        padding: 30px 0px 0px;
    }
    .app_function_item .app_function_img {
        padding-left: 0px;
    }
    .footer_top .widget_text:last-child {
        margin-bottom: 0px;
    }
 
    .saas_title p br,.saas_title h2 span br{
        display: none;
    }
    
    .saas_features_item .saas_features_left{
        display: none;
    }
    .saas_features_item .saas_features_right{
        margin: 0px;
        width: 100%;
        padding: 0px 15px;
    }
    .saas_features_item.item_one .saas_features_content,.saas_features_item.item_two .saas_features_content{
        max-width: 100%;
        margin: 0px;
        box-shadow: -2.641px 20px 100px 0px rgba(0, 7, 30, 0.08);
        padding-left: 15px;
        padding-right: 15px;
    }
    .saas_features_area{
        padding-bottom: 80px;
    }
    .nav_container .owl-prev{
        left: -10%;
    }
    .nav_container .owl-next{
        right: -10%;
    }
    .saas_blog_item .content {
        padding: 30px;
    }
    .b_app_screen .img_back {
        top: -25px;
        right: 0;
    }
    .app_work_info .app_work_item{
        padding-left: 0;
    }
    .app_function_area{
        padding-bottom: 50px;
    }
    .app_function_item .app_function_img img {
        max-width: 100%;
    }
    .tab-content .price_item{
        padding: 50px 15px;
    }
    .p_banner_content h2 br,.p_banner_content p br,.pr_section_title p br{
        display: none;
    }
    .project_service_area {
        padding: 225px 0px 120px;
        margin-top: -160px;
    }
    .integration_info .integrations_item:nth-child(2) {
        left: 58px;
        top: 109px;
    }
    .integration_info .integrations_item:nth-child(5) {
        left: 210px;
    }
    .integration_info .integrations_item:nth-child(6) {
        left: 25%;
    }
    .integration_info .integrations_item:nth-child(4) {
        left: 210px;
    }
    .f_widget .f_title{
        margin-bottom: 20px;
    }
    .f_widget{
        margin-bottom: 40px;
    }
    .payment_footer_area .footer_top .row{
        margin-bottom: -40px;
    }
    .payment_footer_area .footer_bottom .f_menu li + li:before{
        margin-right: 5px;
    }
    .payment_footer_area .footer_bottom .f_menu li + li{
        margin-left: 0;
    }
    .testimonial_slider_two .carousel-inner{
        margin-left: 0;
    }
    .subscribe_area_two .get_info{
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog_item .blog_content h2{
        line-height: 38px;
    }
    .blog_item .quote_post h2{
        line-height: 32px;
    }
    .pr_section_title h2 br{
        display: none;
    }
    .portfolio_item img{
        width: 100%;
    }
    .integration_info {
        max-width: 460px;
    }
    .app_mockup{
        right: 12%;
    }
    .payment_features_tab{
        width: 100%;
        height: 378px;
    }
    .tab_slider_img img{
        max-width: 100%
    }
    .payment_features_img.p_f_img_two .p_f_five{
        left: 0;
        max-width: 45%;
    }
    .payment_features_img.p_f_img_two .p_f_four{
        left: 0;
    }
    .project_screenshot{
        height: 280px;
        background-size: cover;
    }
    .project_screenshot .screen_slider{
        top: 50px;
    }
    .project_screenshot .slick-list .slick-track{
        top: 50px;
    }
    .saas_features_area_two .saas_features_item .saas_features_left{
        display: block;
    }
    .saas_features_area_two .saas_features_item .saas_features_content_two{
        padding-left: 0;
        padding-right: 0;
    }
    .saas_blog_item img,.aea_blog_post_item img,.aea_blog_post_item .hover15 img{
        width: 100%;
    }
    .saas_service_img img{
        max-width: 100%;
    }
    .saas_banner_content{
        padding-top: 0;
    }
    .saas_title_two p br,.setup_step_item .line{
        display: none;
    }
    .saas_title_two p,.works_area_two .work_item p{
        font-size: 16px;
    }
    .setup_step_content{
        text-align: center;
        padding-top: 40px;
    }
    .setup_step_item{
        margin-bottom: 30px;
    }
    .setup_inner .setup_img img{
        margin-bottom: 25px;
    }
    .setup_inner{
        margin-bottom: -30px;
    }
    .prototype_partner_inner{
        height: 480px;
        max-width: 480px;
    }
    .prototype_partner_inner .p_logo.p_logo_six{
        top: -30px;
    }
    .prototype_partner_inner .p_logo.p_logo_two{
        top: 75px;
        right: 17px;
    }
    .prototype_partner_inner .p_logo.p_logo_three {
        left: -22px;
        top: 102px;
    }
    .prototype_partner_inner .p_logo.p_logo_one{
        left: -11px;
    }
    .prototype_partner_inner .p_logo.p_logo_five{
        bottom: 144px;
        left: auto;
        right: -20px;
    }
    .prototype_partner_inner .p_logo.p_logo_eight{
        bottom: 22px;
        right: 59px;
    }
    .prototype_partner_inner .p_logo.p_logo_four{
        left: 67px;
        top: 382px;
        right: auto;
    }
    .prototype_f_item{
        padding-right: 0;
    }
    .payment_footer_area_two .footer_bottom p, .payment_footer_area_two .footer_bottom .f_menu li{
        font-size: 14px;
    }
    .f_widget p,.payment_footer_area .footer_top .f_widget .textwidget ul li a{
        font-size:15px;
    }
    .payment_footer_area .footer_top .f_widget .f_title {
        font-size: 19px;
    }
    .saas_title{
        margin-bottom: 40px;
    }
    .prototype_title {
        margin-bottom: 50px;
    }
    .comment_holder_inner .comment_list li .children {
        padding-left: 30px;
    }
	.p_banner_content .subscrib_form .submit_btn{
		margin-left: 0px;
		margin-top:10px;
	}
}
@media (max-width:600px){
    .admin-bar .header_area.navbar_fixed{
        top: 0px;
        z-index: 99999;
    }
    .saas_b_img .logo {
        left: 40px;
        top: 70px;
    }
    .nav_container .owl-prev,.nav_container .owl-next{
        top: auto;
        bottom: 0;
        transform: translateY(0);
        display: none;
    }
    .b_app_screen,.app_video_area .shape_top, .app_video_area .shape_bottom{
        display: none;
    }
    .app_banner_area{
        min-height: auto;
        padding-top: 135px;
        padding-bottom: 140px;
    }
    /* .app_works_area {
        padding-top: 100px;
    } */
    .app_function_item + .app_function_item {
        margin-top: 20px;
    }
    .app_banner_text h2 {
        font-size: 35px;
        line-height: 45px;
        letter-spacing: 0px;
        margin-bottom: 18px;
    }
    .app_banner_btn{
        margin-top: 10px;
    }
    .app_img img{
        max-width: 100%;
    }
    .app_function_item .app_function_content h2{
        font-size: 28px;
        line-height: 40px;
    }
    .app_function_item .app_function_content h2 br{
        display: none;
    }
    .app_video_area {
        height: 450px;
    }
    .app_banner_text p{
        margin-bottom: 20px;
    }
    .p_banner_content .subcribes{
        display: block;
    }
    .p_banner_content .subcribes .form-control{
        width: 100%;
        margin-bottom: 20px;
    }
    .comment_holder_inner .comment_list li .children {
        padding-left: 20px;
    }
    .prototype_banner_content h2 {
        font-size: 44px;
        line-height: 60px;
    }
    .protype_btn{
        margin: 0px 0px 10px;
    }
    .blog_details_info blockquote, .page-content blockquote {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    .testimonial_text_slider .slick-arrow.slick-prev{
        left: -35px;
    }
    .testimonial_text_slider .slick-arrow.slick-next{
        right: -35px;
    }
}

@media(max-width:576px){
    .saas_call_action_area p {
        font-size: 20px;
        line-height: 30px;
    }
    table {
        overflow-x: auto;
        display: block;
    }
    .page-content table tr th, .page-content table tbody tr td {
        white-space: nowrap;
    }
    .introducing_area_two .row{
        margin-bottom: -30px;
    }
    .recent_portfolio_area{
        padding-bottom: 70px;
    }
    .contact_img {
        padding-right: 0px;
    }
    .saas_call_action_area h2 {
        font-size: 32px;
        line-height: 43px;
    }
 
    .portfolio_info figcaption h3 {
        font-size: 26px;
    }
    .saas_title h2 {
        font-size: 30px;
    }
    .portfolio_info figcaption {
        padding: 40px 15px;

    }
    .banner_area {
        padding: 170px 0px 120px;
        min-height: auto;
    }
    .prototype_fact_area .fact_bg {
        display: none;
    }
    .get_info .subscribe_form .input-group{
        display: block;
    }
    .get_info .subscribe_form .form-control{
        width: 100%;
        border-radius: 4px;
    }
    .get_info .subscribe_form .submit_btn{
        border-radius: 4px;
        line-height: 45px;
        margin-top: 10px;
        display: block;
        width: 100%;
    }
    .f_widget .f_title_two{
        margin-bottom: 18px;
    }
    .f_widget, .saas_blog_item {
        margin-bottom: 40px;
    }
    .get_info .subscribe_form {
        max-width: 400px;
    }
    .integration_info .integrations_item:nth-child(2) {
        left: 12px;
        top: 107px;
    }
    .integration_info .integrations_item:nth-child(5) {
        left: auto;
        top: 0;
        right: 0;
    }
    .integration_info .integrations_item:nth-child(4) {
        left: 146px;
        top: 248px;
    }
    .integration_info{
        height: 485px;
        max-width: 330px;
    }
    .integration_info .integrations_item:nth-child(3) {
        bottom: 120px;
    }
    .integration_info .integrations_item:nth-child(8){
        top: 148px;
    }
    .integration_info .integrations_item:nth-child(6) {
        left: 10%;
    }
    .integration_info .integrations_item:nth-child(7){
        bottom: -5px;
    }
    .p_title br,.p_color br{
        display: none;
    }
    .p_color{
        font-size: 16px;
        line-height: 28px;
    }
    .p_banner_content h2 {
        font-size: 32px;
    }
    .p_banner_content p{
        font-size: 16px;
        line-height: 26px;
    }
    .pr_section_title h2,.p_title {
        font-size: 32px;
        line-height: 40px;
    }
    .subscribe_content {
        padding: 50px 15px;
        text-align: center;
    }
    .payment_footer_area .footer_bottom .f_menu,.payment_footer_area_two .footer_bottom p{
        text-align: center !important;
        line-height: 22px;
    }
    .testimonial_slider_two .carousel-indicators, .testimonial_slider_two .testimonial_controler .dot {
        width: 290px;
        height: 290px;
    }
    .testimonial_slider_two .carousel-indicators li.testimonial_2{
        bottom: 22px;
        left: -8px;
    }
    .testimonial_slider_two .carousel-indicators li.testimonial_1{
        left: 0;
        top: 0px;
    }
    .testimonial_slider_two .carousel-indicators li.testimonial_5{
        bottom: 22px;
        right: -8px;
    }
    .testimonial_slider_two .carousel-indicators li.testimonial_3{
        right: 0px;
    }
    .testimonial_slider_two .carousel-indicators li img,.testimonial_slider_two .carousel-indicators li{
        width: 80px;
        height: 80px;
    }
    .video_area .video_info h2{
        font-size: 25px;
        display: none;
    }
    .video_area .video_info .video_icon{
        margin-top: 0px;
    }
    .testimonial_slider_two .testimonial_controler .dot.one {
        width: 170px;
        height: 170px;
    }
    .payment_recived_area .payment_item {
        padding: 43px 16px 40px 20px;
    }
    .payment_recived_area .payment_item i{
        position: relative;
        margin-bottom: 35px;
    }
    .pr_section_title h2 br{
        display: none;
    }
    .blog_item .blog_content{
        padding-left: 25px;
        padding-right: 25px;
    }
    .blog_details_info .blog_content{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0px;
    }
    .blog_item .blog_content .post_info .entry_post_info a{
        padding: 0px 5px;
    }
    .blog_item .quote_post h2 {
        font-size: 18px;
        line-height: 26px;
    }
    .blog_details_info .author-bio .media-left{
        margin-right: 15px;
    }
    .blog_details_info .author-bio {
        padding: 30px 20px;
    }
    .faq_content .card .card-header button {
        padding: 16px 40px 16px 15px;
    }
    .faq_content .card .card-header button:before{
        right: 15px;
    }
    .web_portfolio_gallery_area .portfolio_slider p{
        padding-left: 0;
        padding-right: 0;
    }
    .page-title{
        font-size: 30px;
    }
    .solution_area .solution_tab .nav-tabs .nav-item .nav-link{
        padding-left: 15px;
        padding-right: 15px;
    }
    .payment_features_tab{
        border: 0px;
        border-radius: 0px;
        box-shadow: none;
    }
    .payment_features_tab{
        height: auto;
    }
    .payment_features_tab .tab_slider .tab_item{
        padding: 10px;
    }
    .payment_features_tab .tab_slider{
        display: none;
    }
    .add_container{
        padding-left: 15px;
        padding-top: 2px;
        padding-bottom: 5px;
        padding-right: 20px;
    }
    .add_container a{
        font-size: 13px;
        line-height: 15px;
        display: inline-block;
        letter-spacing: 0px;
    }
    .add_container .cross{
        right: 5px;
        font-size: 15px;
    }
    .project_screenshot{
        height: 190px;
    }
    .project_screenshot .item{
        padding-left: 18px;
        padding-right: 18px;
        margin: 1px 0px;
    }
    .project_screenshot .slick-list .slick-track{
        top: 0px;
    }
    .project_screenshot .screen_slider{
        top: 37px;
    }
    .saas_banner_content .video_btn{
        margin-bottom: 8px;
    }
    .saas_banner_content .get_btn{
        margin-left: 0;
    }
    .prototype_partner_inner .p_logo.p_logo_three {
        left: 0;
        top: 38px;
    }
    .prototype_partner_inner .p_logo.p_logo_two{
        right: 0;
        top: 38px;
    }
    .prototype_partner_inner .p_logo.p_logo_one{
        left: 0;
        top: 71%;
    }
    .prototype_partner_inner .p_logo.p_logo_eight{
        bottom: -19px;
        right: 0;
    }
    .prototype_partner_inner .p_logo.p_logo_five{
        bottom: 63px;
    }
    .p_circle{
        display: none;
    }
    .prototype_title h2 {
        font-size: 34px;
        line-height: 44px;
    }
    .p_s_content_box .pro_subscribe_form .form-group .protype_btn{
        position: relative;
        top: 0;
        transform: translateY(0);
        margin-top: 20px;
    }
    .payment_footer_area .footer_top .f_widget .f_title {
        font-size: 22px;
    }
    .f_widget p, .payment_footer_area .footer_top .f_widget .textwidget ul li a{
        font-size:16px;
    }

    .testimonial_text_slider .slick-arrow{
        top: 80%;
    }
    .testimonial_text_slider .slick-arrow.slick-prev{
        left: 0;
    }
    .testimonial_text_slider .slick-arrow.slick-next{
        right: 0;
    }
}
@media (max-width:480px){
    .blog_details_info .author-bio{
        display: block;
    }
    .blog_details_info .author-bio .media-body h4{
        padding-top: 20px;
    }
    .not-found .search-form button{
        margin-top: 20px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }
    .portfolio_category {
        padding: 40px 0px 0px;
        display: block !important;
    }
    .team_item{
        display: block;
    }
    .saas_call_action_area{
        padding: 80px 0px;
    }
    .header_area .btn_get.btn_hover.br_radious45 {
        display: inline-block;
        background: linear-gradient(to right, #3e7cfc, rgba(63, 119, 252, 0.9), rgba(39, 203, 246, 0.9), #27cbf6);
        color: #fff;
        margin-left: 15px;
        text-align: center;
        margin-bottom: 15px;
        border: none;
    }
    .team_item .team_img{
        display: block;
        margin-bottom: 25px;
    }
    .blog_details_info .post-info-bottom {
        display: block;
    }
    .service_box .number {
        width: 50px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
    }
    .service_box {
        padding: 25px 10px 25px;
    }
    .web_development_info .development_content h2 {
        font-size: 28px;
        line-height: 1.4;
    }
    .mobile_btn{
        display: none;
    }
    .customer_logo_area .customer_info .customer_btn {
        padding: 8px 15px;
        text-align: center;
    }
    .app_function_area .polygon_img{
        display: none;
    }

    .testi_app_area {
        padding: 20px 0px 80px;
    }
    .sec_pad {
        padding-top:80px;
        padding-bottom:80px;
    }
    .app_function_area {
        padding-bottom: 0px;
    }
    /*.breadcrumb_area {*/
    /*    padding: 170px 0px 120px;*/
    /*}*/
    .page-content p img {
        display: block;
        overflow: hidden;
        float: none;
        margin-left: 0px;
    }
    .alignleft {
        float: none;
    }
    .alignright {
        float: none;
    }
}

@media (max-width:450px){
    .price_tab{
        display: block;
    }
    .price_tab .nav-item .nav-link.active{
        background: #f31f74;
    }
    .footer_bottom .coppyright_info p{
        line-height: 20px;
    }
    .blog_details_info blockquote{
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog_details_info .blog_single_nav{
        display: block;
        margin-top: 45px;
    }
    .blog_details_info .blog_single_nav .blog_single_prev, .blog_details_info .blog_single_nav .blog_single_next{
        margin-top: 15px;
    }
    .add_container{
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .saas_banner_content h2 {
        font-size: 40px;
    }
    .aea_blog_post_item .aea_blog_post_content {
        padding: 30px 20px;
    }
    .payment_footer_area .footer_bottom{
        text-align: center;
    }
}
@media (max-width: 430px){
    .google_btn {
        margin-left: 0px;
    }
}
@media (max-width: 360px){
    article .blog_item .blog_content h2{
        font-size: 24px;
    }
}
@media (min-width: 768px){
    .woocommerce-cart table.cart td.actions .coupon .input-text {
  width:200px;
}
    .contact_area_style1 .contact-info {
  min-width: 40%;
}
    .area-products {
        grid-template-columns: repeat(3, 1fr);
      }   
}
@media screen and (min-width: 576px) and (max-width:767.98px) {
                  .payment_footer_area_two .footer_top.pt_120{
padding: 80px 0 20px;
}
    /*.area-products {*/
    /*    grid-template-columns: repeat(2, 1fr);*/
    /*  }*/
    }
    @media (max-width: 575.98px){
        .footer_top .widget {
    margin-bottom: 30px;
}
.footer_top .widget:last-child {
    margin-bottom: 0;
}
.payment_footer_area_two .footer_top.pt_120 {
    padding: 80px 0 70px;
}
        .area-products {
            grid-template-columns: repeat(1, 1fr);
          }   
    }

    @media (min-width:822px){   
          .introducing_area_one .introducing_content   .content{
            height: 205px;
          }
    }
    @media screen and (min-width: 768px) and (max-width:821.98px) {
        .introducing_area_one .introducing_content   .content{
            height: 230px;
          }
        }
      @media screen and (min-width: 768px) and (max-width:991.98px) {
          .b_app_screen .img_back {
    right: 80px;
}
      .b_app_screen .slider {
        left: 144px;
       }
        }  
           @media screen and (min-width: 661px) and (max-width:767.98px) {
          .b_app_screen .slider {
               left: 57px;
               }
            } 
                @media (max-width: 660.98px) {
              .b_app_screen .slider {
               left: 84px;
               }
            }
    @media (max-width: 473.98px) {
  .top-main-menu .col-widget-content-icon {
    max-width: 270px;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .topbar-site {
    height: auto;
  }
}    
 @media screen and (max-width: 980px) {
  .contact_area_style2 .contact_area {
    max-width: 800px;
  }

  .contact_area_style2 .contact_area2 h2 {
    font-size: 30px;
    margin-bottom: 40px;
  }

  .contact_area_style2 .contact-info, .contact_area_style2 .contact-form2 {
    flex: 100%;
    margin-bottom: 30px;
  }

  .contact_area_style2 .contact-form2 .textb {
    width: 100%;
  }
}
   @media (max-width: 1024.98px) {
  .container {
    max-width: 991.98px;
  }
}

@media (min-width: 1025px) {
  .container {
    max-width: 1150px;
  }
}

@media (min-width: 1200px) {
    .b_app_screen .slider {
  left: 43px;
}
  .container {
    max-width: 1150px;
  }
    .breadcrumb_area {
  min-height: 500px;
}
}

@media (min-width: 1800px) {
    .blog_details_info .blog_item .blog-image {
    display: block;
}
  .container {
    max-width: 1400px;
  }
    .slider_banner .item_slider_banner {
    height: 600px;
}
}     
 @media (min-width: 992px) {
       .saas_video_inner {
    padding-right: 25px;
  }
     .order-sidebar-right{
  order:-1;  
}
       .p_service_inner .col-lg-3 {
    flex: 0 0 20%;
    max-width: 20%;
  }
       .menu>.nav-item:hover .dropdown-menu .mega_menu_body>.nav-item {
    transform: translateY(0);
  }
  .menu>.nav-item.submenu .dropdown-menu {
    transform: translateY(20px);
    transition: all 0.3s ease-in;
    opacity: 0;
    left: -30px;
    visibility: hidden;
    display: block;
  }
    .mobile_btn {
    visibility: hidden;
    display: none;
  }
    .menu>.nav-item.submenu .dropdown-menu .nav-item>.dropdown-menu {
    position: absolute;
    right: 100%;
    top: 0;
    opacity: 0;
    display: block;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease-in;
  }
    .menu>.nav-item:hover .dropdown-menu, .menu>.nav-item.submenu .dropdown-menu .nav-item:hover>.dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: all 0.3s ease-in-out;
  }

  .menu>.nav-item:hover .dropdown-menu>.nav-item {
    transform: translateY(0);
  }
}    

  @media (min-width: 992px) and (max-width: 1199.98px) {
  .menu>.nav-item:hover .dropdown-menu>.nav-item:hover .dropdown-menu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
      .b_app_screen .slider {
        left: -2px;
    }
}

@media (min-height: 1080px) {
  .app_banner_area {
    height: 70vh;
  }
}     
 @media (max-width: 1300px) {
  .custom-container {
    max-width: 100%;
  }
}       
  @media (min-width: 1300px) {
  .integration_info {
    width: 680px;
  }
}
    @media (min-width: 768px) and (max-width: 991.98px) {
 
    .b_app_screen .img_first {
      left: 80px !important;
    }
  }
  
  @media (min-width: 661px) and (max-width: 767.98px) {
    .b_app_screen .img_first {
      left: -7px !important;
    }
  }

  @media (max-width: 768.98px) {
    .woocommerce-account .woocommerce-MyAccount-content {
      margin-top: 30px;
    }
  }
 
  @media (max-width: 409.98px) {
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
      float: right;
    }
  }
    
  @media (max-width: 576.98px) {
    .shop_table tbody {
      display: block;
    }
    .woocommerce table.shop_table td, .woocommerce table.shop_table th {
      width: 100%;
    }
    .page-content table thead {
      display: block;
    }
  }
    @media (min-width: 992px) {
    .b_app_screen .img_back {
      right: 0;
  
    }
    .b_app_screen .img_first {
      left: -20px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .b_app_screen .img_first {
      left: -64px !important;
    }
  }
  @media (max-width: 1199px) {
    .app_banner_area .app_banner_text {
      margin-right: 0 !important;
    }
  }
   @media (min-width: 768px) and (max-width: 991.98px) {
       
  .area-project-us .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 60px 30px 0 30px !important;
}
  } 
@media (max-width: 991.98px){
       .min-cart-button .shooping-cat-btn-text{
       display:none; 
    }
    .elementor-shortcode .xoo-el-action-sc{
        font-size:0 !important;
         background: none !important;
        border: none !important;
    }
       .elementor-shortcode .xoo-el-action-sc:before{
        margin-right:0;
    }
    .saas_video_inner{
           height: 450px;
    }
      .saas_video_inner .saas_video{
     margin: 0 auto;
        max-width: 500px;
    }
.app_function_item .app_function_img {
  padding-left: 80px;
}
.app_function_item.app_f_one .app_function_img{
  padding-left: 80px;
}
}
@media (min-width: 992px){
.elementor-section .elementor-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.elementor-container .box-services {
width: 33.333333% !important;
}
}
  @media (min-width: 992px) {
    .saas_banner_area .row .col-lg-6:last-child {
      order: -1;
    }
    .app_banner_area .row .col-lg-5 {
      order: 1;
    }
  }
   @media (max-width: 991.98px) {
    .pl-40 {
      padding-right: 0;
    }
  }
    @media (max-width: 991px) {
    .menu {
      text-align: right;
    }
  }
    @media (max-width: 575.98px) {
     
    .payment_footer_area .footer_bottom {
      text-align: center;
    }
  }
  
  
  @media (min-width: 992px) {
    .widget_text:nth-child(2) .f_widget {
      padding-right: 60px;
    }
  }
  
  @media (max-width: 991.98px) {
    .widget_text:nth-child(2) .f_widget {
      padding-right: 0;
    }
  }
   @media (min-width: 992px) {
    .app_function_item.app_f_two .app_function_content {
      padding-right: 100px;
    }
  }
    @media (min-width: 992px) {
    .menu>.nav-item.submenu .dropdown-menu {
      left: auto;
      right: -30px;
    }
  }
    @media (min-width: 576.98px) {
  .payment_footer_area .footer_bottom .f_menu {
    text-align: left !important;
  }
  }
    @media (min-width: 992px) {
    .web_development_info.web_development_info_two .development_content,
    .portfolio_details_text {
      padding-left: 0;
      padding-right: 80px;
    }
  }
    @media (max-width: 1199px) {
    .aea_blog_post_item .blog_tag {
      margin-left: 4px;
      margin-right: 0;
    }
  }
      @media (max-width: 767px) {
     .owl-nav button{
        display:none;
    }
          .item_slider_banner .description-slider{
   display:none; 
}

  .breadcrumb_area {
  min-height: 300px;
}
.hmobile{
height: 60px;
}
  }
   @media (min-width: 768px) and (max-width: 1199px) {
        .breadcrumb_area {
  min-height: 450px;
} 
   }
   
  @media screen and (min-width: 768px) {
.content-slider {
    right: 10%;
}
}
@media screen and (max-width: 767.98px) {
    .slider_banner .item_slider_banner {
    background-position: center center;
}
.content-slider {
    right: 5%;
}
}
   @media screen and (min-width: 1200px){
.content-slider h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
}

@media screen and (max-width: 575.98px) {
    .content-slider h2 {
        font-size: 1.2rem;
        margin-bottom: 1.5rem;
    }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .content-slider h2 {
        font-size: 1.4rem;
        margin-bottom: 0.7rem;
    }
}
  @media screen and (min-width: 1200px) {
    .content-slider p {
        font-size: 1.2rem;
        margin-bottom: 2.3rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .content-slider p {
        font-size: 0.9rem;
        margin-bottom: 1.6rem;
    }
}

@media screen and (min-width: 576px) and (max-width: 767.98px) {
    .content-slider p {
        font-size: 0.85rem;
        margin-bottom: 1.2rem;
    }
}