@media(max-width:1199px) {
    .banner-static .banner-moc-box > img { left: 0; max-width: 100%; }
    .banner-static .banner-content .thm-btn + .thm-btn { margin-left: 0; }
    .testimonials-style-one .container { max-width: 100%; }
    .fun-fact { margin-top: 60px; }
    .fun-fact .single-fun-fact p { margin-bottom: 35px; }
    }
     @media(max-width: 1024px) {
    .header-navigation { margin-bottom: 0; }
    .navbar-header { width: 100%; float: none; margin: 0 !important; }
    .navbar-nav { margin: 0; }
    .navbar-default .navbar-toggle {display: block;margin-right: 0;border-color: #19283f;background-color: transparent !important;margin: 23px 0;}
    .navbar-default .navbar-toggle:hover { border-color: #190A32; }
    .navbar-default .navbar-toggle .icon-bar {background: #19283f;}
    .navbar-default .navbar-toggle:hover .icon-bar { background: #190A32; }
    .navbar-collapse.collapse { display: none!important; height: 0!important; padding-bottom: 0; overflow: auto!important; width: 100%; }
    .navbar-default .navbar-collapse { background: transparent; padding: 0px 0px !important; padding-bottom: 0px !important; border: 1px solid #0E0F1F; margin: 0; background: #0E0F1F; }
    .navbar-collapse.collapse.in { display: block !important; height: auto !important; max-height: 70vh; }
    .navbar-collapse.in { overflow-y: auto; }
    .header-navigation.navbar .nav { width: 100%; text-align: left; }
    .header-navigation.navbar .nav > li { display: block; padding: 0 !important; width: 100%; float: none; }
    .header-navigation.navbar .nav > li + li { margin-left: 0; }
    .header-navigation.navbar .nav > li > a { padding: 8px 0; }
    .header-navigation.navbar .right-box.nav { width: 100%; margin: 0; }
    .header-navigation.navbar .right-box.nav > li > a { border: none !important; padding: 8px 0; color: #fff; }
    .header-navigation.navbar .nav > li > a:after { display: none; }
    .header-navigation.navbar .nav.navigation-box + .nav { border-top: 1px dashed #282828; }
    .header-navigation.navbar .navbar-nav > li > .sub-menu,  .header-navigation.navbar .navbar-nav > li > .sub-menu > li > .sub-menu { position: relative !important; width: 100% !important; opacity: 1 !important; visibility: visible !important; left: auto; right: auto; top: auto; transition: none; display: none; float: none; margin: 0; }
    .header-navigation.navbar .navbar-nav > li > .sub-menu > li > a::after { display: none; }
    .header-navigation.navbar .nav > li + li { padding: 0 !important; border-top: 1px solid rgba(255,255,255,.1); display: block; float: none; }
    .header-navigation.navbar .nav > li.show-mobile { display: none; }
    .header-navigation.navbar .nav > li > a,  .header-navigation.navbar .right-box.nav > li > a { padding: 0; display: block; color: #fff; padding: 16px 0 16px 20px !important; transition: background 0.4s ease 0s; text-transform: capitalize; }
    .header .stricky-fixed.header-navigation.navbar .nav > li { padding: 0 !important; }
    #main-nav-bar { margin-bottom: 15px!important; }
    .header-navigation.navbar .navbar-nav .sub-nav-toggler { background-color: transparent; background-image: none; border: 1px solid #fff; border-radius: 4px; padding: 9px 9px; position: absolute; top: 0; right: 0; margin-top: 8px; margin-right: 10px; display: block; }
    .header-navigation.navbar .navbar-nav .sub-nav-toggler .icon-bar { background-color: #fff; border-radius: 1px; display: block; height: 1px; width: 20px; }
    .header-navigation.navbar .navbar-nav .sub-nav-toggler .icon-bar + .icon-bar { margin-top: 4px; }
    .header .header-navigation.navbar .nav > li + li { margin-left: 0; }
    .header .header-navigation .navbar-form { width: 100%; max-width: 100%; }
    .header-navigation .container { padding-right: 15px; padding-left: 15px; }
    .navbar-header { padding-right: 0px; }
    .header-navigation ul.navigation-box > li > ul.sub-menu > li > a .sub-nav-toggler { border-color: #190A32 }
    .header-navigation ul.navigation-box > li > ul.sub-menu > li > a .sub-nav-toggler .icon-bar { background-color: #190A32 }
    .header-navigation .container .navbar-brand { padding: 25px 0; }
    .header-navigation ul.navigation-box > li:hover > a,  .header-navigation ul.navigation-box > li.current > a { background: #190A32; color: #fff; }
    .header-navigation .container { padding-right: 15px; }
    .header-navigation .container .navbar-header { padding-right: 125px; }
    .header-navigation .container .right-side-box { top: 12.5px; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); right: 15px; }
    .header {top: 15px;}
    .navbar-default .navbar-toggle { margin: 0; }
    .header-navigation .container .navbar-brand { padding: 0 0 25px; }
    .header-navigation .container .navbar-toggle { margin: 10px 0 22px; }
    .header-navigation .container .right-side-box { top: 0; }
    .header-navigation.stricky-fixed .container .right-side-box { top: 20px; }
    .header-navigation.stricky-fixed .container .navbar-toggle { margin: 22px 0; }
    .header-navigation.stricky-fixed .navbar-toggle:hover { border-color: #d9233d; }
    .header-navigation.stricky-fixed .navbar-toggle:hover .icon-bar { background: #d9233d; }
    }
     @media (max-width: 1024px) {
    img { max-width: 100%; }
    .banner-static .banner-content h3 br,  .features-style-one .feature-style-content h3 br,  .features-style-one .feature-style-content p br,  .intigration-section h3 br,  .blog-style-one .single-blog-post .text-box h3 br,  .blog-style-one .single-blog-post .text-box p br,  footer.footer .footer-widget.contact-widget p br,  .intigration-section p br { display: none; }
    .fun-fact .single-fun-fact { margin-bottom: 40px; }
    .fun-fact .separator { margin-top: 40px; margin-bottom: 100px; }
    .how-app-work-section .how-app-work-content-wrap { padding-left: 0; }
    .how-app-work-section .download-btn { padding-left: 60px; padding-right: 30px; }
    .how-app-work-section .download-btn i.fab { left: 25px; }
    .how-app-work-section .container img.circled-img { left: -60px; }
    .footer-bottom .container { padding-left: 15px; padding-right: 15px; }
    .how-app-work-section .container img.circled-img { display: none; }
    }
     @media (max-width:991px) {
    .how-app-work-content-wrap { padding-top: 60px; }
    .banner-moc-box { padding-top: 60px; }
    .testimonials-style-one .title h3 { text-align: right; }
    }
     @media (max-width: 850px) {
    .banner-static .banner-content p { color: #190A32; }
    }
     @media (max-width: 768px) {
    .sec-title { margin-bottom: 50px; }
    .separator.mb135 { margin-bottom: 80px; }
    .separator.mt135 { margin-top: 80px; }
    .separator.mb115 { margin-bottom: 80px; }
    .banner-static .banner-moc-box { margin-top: 50px; }
    .banner-static .banner-moc-box > img { left: -100px; float: none !important; margin-left: auto; margin-right: auto; display: block; }
    .how-app-work-section .container img.circled-img { left: 50%; transform: translateX(-50%); }
    .how-app-work-section .how-app-work-content-wrap { margin-top: 0px; }
    .how-app-work-section + .separator.mt135 { margin-top: 80px; }
    .features-style-one .feature-style-content { padding-bottom: 50px; }
    .features-style-one + .separator.mt135 { margin-top: 80px; }
    .features-style-one .feature-style-content.pl40 { padding-left: 0; padding-top: 0 !important; }
    .intigration-section .intigration-content { padding-top: 0; }
    .intigration-section h3 { margin-top: 0; }
    .intigration-section .intigration-img-box { text-align: center; }
    .swiper-slider-area .swiper-wrapper { height: 500px; }
    .screen-mobile-image { display: none; }
    .swiper-slide.swiper-slide-active, .swiper-slide { background-size: 100% auto; background-repeat: no-repeat; }
    .swiper-slide.swiper-slide-active { border-radius: 0px; }
    .testimonials-style-one .container > img.testi-thumb { display: none; }
    .testimonials-style-one .title h3 { text-align: center; margin-bottom: 50px; padding-left: 0; }
    .single-testimonial .img-box { width: 200px; vertical-align: middle; }
    .single-testimonial .text-box { padding-left: 30px; padding-right: 15px; vertical-align: middle; }
    .testimonials-style-one .container { padding: 0; }
    .footer-widget { margin-bottom: 40px; }
    .testimonials-style-one { overflow: hidden; }
    .features-style-one .feature-style-content { padding-top: 0; }
    .has-right-sidebar { padding-right: 0; margin-bottom: 80px; }
    .blog-details-page .has-right-sidebar { padding-right: 0; }
    .blog-details-page .single-blog-post-style-two .text-box .social-box ul { margin-left: -5px; margin-right: -5px; }
    .blog-details-page .single-blog-post-style-two .text-box .social-box ul li { margin-bottom: 10px; margin-left: 0 !important; padding: 0 5px; }
    .banner-static { background-position: -600px; }
    .how-app-work-section .how-app-work-slider-content { display: none; }
    .how-app-work-section .title h3 { text-align: center; font-size: 24px; }
    .features-style-one { padding-top: 0; }
    .how-app-work-section { padding-bottom: 40px; }
    .features-style-one .feature-style-content h3 { text-align: center; font-size: 24px; }
    .single_footer_payment { text-align: left; }
    .footer_links_main ul li { width: 50%; text-align: left; float: left; margin: 0; }
    .footer_links_main { display: inline-block; width: 100%; }
    footer.footer { padding: 70px 0 20px; }
    .banner-static .banner-moc-box { margin-bottom: 0!important; }
    .sec-title h2 { font-size: 24px; }
    .how-app-work-content-wrap { padding-top: 40px; }
    .features-style-one .feature-style-content p { text-align: justify; text-align-last: center; }
    .download_btn_out {text-align: center;display: flex;flex-direction: column;align-items: center;gap: 10px;}
    .download_btn_out a { width: 70%; }
    .header-navigation.stricky-fixed .container .navbar-toggle {margin: 20px 0;}
    .testimonials-style-one .title h3 { font-size: 24px; line-height: 1.3; }
    .single-testimonial .text-box p { font-size: 15px; }
    .why_choose_con ul li { font-size: 15px; }
    .contact_address_in { padding: 0 15px; }
    }
     @media (max-width: 767px) {
        .header-navigation .container .navbar-header { padding-right: 0; }
        .header-navigation.stricky-fixed .container .navbar-brand {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .banner-static{
            background-image: none;
        }
        .navbar-default.stricky-fixed .navbar-toggle{
            border-color: #ffffff
        }
        .navbar-default.stricky-fixed .navbar-toggle .icon-bar{
            background: #fff;
        }
        .banner-static .banner-content h3 {
            font-size: 36px;
            line-height: 45px;
        }
        .banner-static .banner-content p {
            margin-bottom: 24px;
        }
    .inner_banner_sec .res_banner_in { display: block; }
    .inner_banner_sec .norm_img { display: none; }
    .contact_form_sec { padding-top: 50px; }
    .contact_page_con .contact_address { padding: 0 15px; }
    .contact_page_con .contact_form { padding: 50px 15px; }
    .hp_step_single_rev { display: flex; flex-direction: column-reverse; }
    .hp_left_content { text-align: left; }
    .hp_step_single { margin-bottom: 40px; }
    .features_single { margin: 50px 0 80px; min-height: auto; }
    .header-navigation.stricky-fixed .container .right-side-box { top: 28px; }
    .header-navigation .container .right-side-box { top: 7px; }
    .inner_banner_obver_in h2 { font-size: 18px; margin-top: 130px; }
    .inner_p_content_sec { padding: 40px 0 30px 0; }
    .ftr_ifsg{margin-top:35px;}
    }
     @media (max-width: 736px) {
    .banner-static .banner-moc-box > img { max-width: 100%; left: 0; }
    .blog-style-one { overflow: hidden; }
    .pricing-section .single-pricing { max-width: 370px; margin-top: 50px; margin-left: auto; margin-right: auto; }
    .pricing-section .single-pricing.popular { top: 0; margin-top: 50px; }
    .pricing-section ul.switch-toggler-list { margin-bottom: 0; }
    .blog-style-one .owl-theme .owl-nav .owl-prev { left: 0; }
    .blog-style-one .owl-theme .owl-nav .owl-next { right: 0; }
    .footer-widget { max-width: 370px; }
    .footer-bottom { margin-top: 40px; }
    .banner-static .banner-content { padding-top: 0; }
    .blog-details-page .single-blog-post-style-two .text-box .tags-box ul { margin-left: -5px; margin-right: -5px; }
    .blog-details-page .single-blog-post-style-two .text-box .tags-box ul li { margin-left: 0 !important; padding: 0 5px; margin-bottom: 10px; }
    footer.footer .footer-widget-wrapper { padding-bottom: 0px; }
    .single_footer_payment ul li { margin: 5px 4px; }
    }
    @media (max-width: 667px) {
    .sec-title p br { display: none; }
    .footer-bottom .container .pull-left,  .footer-bottom .container .pull-right { width: 100%; text-align: center; }
    .swiper-slider-area .swiper-wrapper { height: 760px; }
    }
    @media (max-width: 568px) {
    .single-testimonial .img-box { display: block; margin-left: auto; margin-right: auto; }
    .single-testimonial .text-box { display: block; padding-left: 15px; text-align: center; }
    .single-testimonial .text-box img { margin-left: auto; margin-right: auto; }
    footer.footer .subscribe-section .subscribe-form .left-content { width: 100%; text-align: center; }
    footer.footer .subscribe-section .subscribe-form .right-content { width: 100%; }
    footer.footer .subscribe-section .subscribe-form button[type="submit"] { margin-left: auto; margin-right: auto; width: 200px; display: block; margin-top: 15px; }
    .testimonials-style-one .title h3 { margin-bottom: 20px; }
    .intigration-section .intigration-content { padding-bottom: 50px; }
    footer.footer .subscribe-section .subscribe-form { padding-left: 35px; }
    .recent-news-wrapper { margin-bottom: 50px; }
    .recent-news-wrapper .single-recent-post { width: 100%; max-width: 400px; margin-bottom: 30px; }
    .recent-news-wrapper .single-recent-post .img-box img { width: 100%; }
    .app-secreenshots .sec-title { margin-bottom: 50px; }
    .app-secreenshots + .separator.mb115 { margin-bottom: 20px; }
    .banner-static {padding-top: 100px;}
    .app-features { padding-bottom: 0px; }
    .banner-static .banner-content p br { display: none; }
    .banner-static .banner-content p { color: #190A32; }
    .banner-static .banner-moc-box { margin-top: 0px; margin-bottom: 70px; }
    }
     @media (max-width: 414px) {
    .how-app-work-section .download-btn.active { margin-right: 0; margin-bottom: 30px; }
    .fun-fact .separator { margin-bottom: 50px; margin-top: 20px; }
    .header-navigation .container .right-side-box { display: none; }
    .header-navigation .container .navbar-header { padding-right: 0; }
    .blog-details-page .single-blog-post-style-two .text-box { padding-left: 0; }
    .how-app-work-section .single-how-app-work .text-box p br { display: none; }
    .banner-static .banner-content .thm-btn { display: block; width: 100%; margin-left: 0 !important; margin-bottom: 20px; text-align: center; }
    }
     @media (max-width: 397px) {
    .banner-static .banner-content h3 br { display: none; }
    .intigration-section .intigration-img-box img:nth-child(3) { top: -80px; right: 50px; }
    .banner-static .banner-content .thm-btn { display: block; width: 100%; margin-left: 0 !important; margin-bottom: 20px; text-align: center; }
    }
    @media (max-width: 320px) {
    .banner-static .banner-content .thm-btn { margin-left: 0 !important; margin-bottom: 20px; }
    .how-app-work-section .how-app-work-slider-wrapper { width: 290px; }
    .how-app-work-section .how-app-work-screen-mobile-image { width: 290px; }
    .how-app-work-section .how-app-work-content::before { display: none; }
    .how-app-work-section .single-how-app-work .icon-box, .how-app-work-section .single-how-app-work .text-box { display: block; padding-left: 0; padding-right: 0; }
    .how-app-work-section .single-how-app-work .icon-box { margin-bottom: 40px; }
    .swiper-slider-area .swiper-wrapper { height: 630px; }
    .pricing-section .single-pricing ul.list-item { margin-top: 20px; }
    }
    