@media (max-width:1650px) {
    .about_content {
        padding: 100px 30px
    }

    .section_container {
        height: 795px
    }
}

@media (max-width:1550px) {
    .company_widget img {
        max-width: 100%
    }

    .about_content_left {
        padding: 0 0 0 50px
    }

    .about_content {
        padding: 60px 30px 100px
    }

    .app_featured_content {
        padding: 50px 0 30px 0
    }

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

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

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

@media (max-width:1450px) {
    .app_banner_area {
        background-size: cover;
        padding-bottom: 100px!important;
        padding-top: 150px
    }

    .app_img .mobile {
        margin-top: 140px;
        max-width: 100%;
        position: relative;
        top: -110px;
        z-index: -1;
        margin-left: 0
    }

    .app_banner_contentmt p br {
        display: none
    }

    .app_feature_info .col-lg-5 {
        text-align: left
    }

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

    .section_one_img {
        margin-left: 0;
        text-align: center
    }

    .section_one_img img {
        max-width: 80%
    }

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

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

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

    .section_one-content h2 br {
        display: none
    }
}

@media (max-width:1350px) {
    .animation_img_two {
        bottom: 120px
    }
}

@media (max-width:1199px) {
    .feature_info .f_content h2 {
        padding-right: 0
    }

    .mobile_img .mobile {
        left: -180px
    }

    .footer_top_two .f_width_24 {
        width: 35%
    }

    .f_width_12 {
        width: 15%
    }

    .f_width_20 {
        width: 25%
    }

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

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

    .about_content_left,
    .about_img {
        max-width: 100%;
        flex: 1;
        padding-left: 0
    }

    .about_content {
        bottom: 0;
        margin-bottom: 0;
        padding: 90px 30px 100px
    }

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

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

    .app_banner_area .app_img .app_screen.two {
        top: 100px;
        right: 143px
    }

    .app_banner_area .app_img .app_screen.three {
        top: 230px;
        left: 120px
    }

    .app_banner_area .app_img .app_screen.four {
        top: 340px;
        right: 120px
    }

    .app_featured_content {
        padding: 0
    }

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

    .app_fetured_item {
        margin-left: 0
    }

    .app_item.item_three {
        bottom: 35px
    }

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

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

    .feature_info .feature_img.f_img_two .four {
        left: 0
    }

    .animation_img_two {
        bottom: 20px
    }

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

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

    .app_featured_area {
        padding: 90px 0
    }

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

    .login_img {
        padding-left: 20px;
        margin-right: -115px
    }

    .login_area .login_info {
        padding-right: 50px
    }

    .triangle_shape {
        height: 107%
    }

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

    .menu_four .btn_get_radious {
        margin-left: 5px
    }

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

    .get_started_three .get_btn_info .get_btn_item {
        padding-right: 20px
    }

    .app_img .text_bg {
        visibility: visible !important
    }

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

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

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

    .support_home_img img {
        max-width: 100%
    }

    .header_footer p {
        margin-bottom: 0
    }

    .f_widget.pl_40,
    .f_widget.pl_70 {
        padding-left: 0
    }

    .event_text {
        padding-right: 0
    }

    .event_about_content {
        padding-right: 0
    }

    .event_about_img img {
        max-width: 100%
    }

    .event_about_img .about_bg {
        right: -20px;
        bottom: -20px
    }

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

@media (max-width:991px) {
    .banner_top br {
        display: none
    }

    .footer_top .f_widget {
        padding-left: 0;
        margin-bottom: 40px
    }

    .footer_top {
        padding-bottom: 60px
    }

    .footer_bottom {
        font-size: 13px
    }

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

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

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

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

    .feature_info .feature_img.f_img_one {
        margin-left: 0
    }

    .p_feature_item+.p_feature_item {
        margin-top: 50px
    }

    .footer_area_four .footer_top {
        padding-bottom: 40px
    }

    .footer_top_six .f_widget {
        margin-bottom: 40px
    }

    .app_banner_area .app_banner_contentmt h2 br {
        display: none
    }

    .app_img {
        top: 30px;
        left: 30%
    }

    .app_img .mobile {
        top: -38px
    }

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

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

    .app_item.item_one {
        top: -30px
    }

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

    .app_item.item_three {
        top: -70px;
        left: 0
    }

    .app_item.item_four {
        top: -120px;
        left: 190px
    }

    .time.item_five {
        left: 20px;
        top: -30px
    }

    .time.item_six {
        left: 0;
        top: 80px
    }

    .time.item_seven {
        left: 30px;
        top: 160px
    }

    .time.item_ten {
        left: 10px;
        top: 255px
    }

    .scanqr.item_nine {
        top: 150px;
        left: 115px
    }

    .app_feature_info .app_featured_content {
        padding-top: 0
    }

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

    .app_contact_info {
        left: 60px
    }

    .app_banner_area .app_img .app_screen.one {
        top: 55px;
        left: 140px
    }

    .app_banner_area .app_img .app_screen.two {
        top: 150px;
        right: 150px
    }

    .app_banner_area .app_img .app_screen.three {
        top: 320px;
        left: 120px
    }

    .app_banner_area .app_img .app_screen.four {
        top: 470px;
        right: 140px
    }

    .get_started_area .col-lg-6.text-right img {
        margin-top: 50px
    }

    .menu>.nav-item+.nav-item {
        margin-left: 0
    }

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

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

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

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

    .menu>.nav-item {
        margin-right: 0
    }

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

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

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

    .menu_one .mobile_btn {
        margin-left: 15px;
        display: none
    }

    .menu_one .btn_get {
        margin-left: 29px
    }

    .menu_four .btn_get {
        border-color: #ccc5fa;
        box-shadow: none;
        margin-left: 20px
    }

    .header_area .btn_get.ml-0,
    .header_area a.menu_cus {
        margin-left: 30px !important
    }

    .menu_nine .btn_get {
        display: inline-block;
        border-color: #5f51fb;
        color: #5f51fb;
        margin-left: 28px;
        margin-bottom: 10px
    }

    .header_area_three .menu_four .menu_toggle .hamburger span {
        background: #000
    }

    .header_area_three {
        padding: 28px 0
    }

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

    .footer_top_two .company_widget {
        padding-right: 0
    }

    .footer_top_two .f_widget {
        margin-bottom: 40px
    }

    .footer_area_two .footer_top_two .row {
        margin-bottom: -40px
    }

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

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

    .w_menu .nav-item .nav-link {
        color: #000
    }

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

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

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

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

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

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

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

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

    .animation_img_two {
        display: none
    }

    .footer_nine_top .company_widget.pr_100 {
        padding-right: 0
    }

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

    .footer_nine_top .f_widget {
        margin-bottom: 40px
    }

    .footer_nine_top {
        padding-bottom: 80px
    }

    .login_area .login_info {
        padding-right: 0;
        padding-top: 70px;
        padding-bottom: 70px
    }

    .login_area .login_info:before {
        right: -20%
    }

    .login_img {
        margin: 0 auto;
        padding: 70px 0
    }

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

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

    .video_content {
        padding: 40px 10px
    }

    .video_info {
        height: 350px;
        max-width: 100%
    }

    .get_started_three .get_btn_info .get_btn_item h3 {
        font-size: 18px;
        line-height: 32px
    }

    .get_started_three .get_btn_info .get_btn_item {
        padding-right: 0;
        margin-bottom: 20px
    }

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

    .header_contact_info li {
        font-size: 13px
    }

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

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

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

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

    .header_area .container {
        position: relative
    }

    .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 0 0
    }

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

@media (max-width:768px) {
    .app_banner_contentmt .app_btn {
        padding: 10px 34px
    }

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

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

    .banner_top h2 {
        font-size: 32px
    }

    .l_height60 {
        line-height: 45px
    }

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

    .footer_area_two .footer_bottom p {
        text-align: left;
        margin-bottom: 0 !important
    }

    .mb_90 {
        margin-bottom: 50px
    }

    .app_featured_area {
        padding-bottom: 80px
    }

    .banner_top {
        padding-top: 125px
    }

    .f_widget .mb_40 {
        margin-bottom: 16px
    }

    .company_widget .mt_30 {
        margin-top: 20px
    }

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

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

    .company_banner_area .company_banner_content h2 {
        font-size: 40px;
        line-height: 52px
    }

    .company_banner_area .company_banner_content h2 br {
        display: none
    }

    .header_footer p {
        display: none
    }

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

    .menu_scroll .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .support_home_area img {
        max-width: 100%
    }

    .support_home_img {
        margin-left: 0
    }

    .header_footer {
        padding-bottom: 0;
        padding-top: 20px;
        display: block
    }

    .header_footer ul {
        margin-bottom: 0
    }

    .event_banner_content h2 {
        font-size: 58px;
        line-height: 65px
    }
}

@media (max-width:650px) {
    .app_img .mobile {
        top: -83px
    }

    .t_color3 br {
        display: none
    }

    .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
    }

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

@media (max-width:576px) {
    .time_content {
        margin-top: 350px
    }

    .scanqr_content {
        margin-top: 400px
    }

    .app_featured_area {
        padding-top: 135px
    }

    .app_banner_area {
        padding-bottom: 10px
    }

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

    .banner_top h2 {
        font-size: 26px;
        line-height: 35px
    }

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

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

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

    .f_size_40 {
        font-size: 30px
    }

    .footer_area_two .footer_bottom p {
        margin-bottom: 8px !important
    }

    .about_content {
        padding: 90px 15px 100px
    }

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

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

    .app_img {
        top: 30px;
        left: 13%
    }

    .app_banner_area .app_img .app_screen.one {
        top: 45px;
        left: 85px
    }

    .app_banner_area .app_img .app_screen.two {
        top: 163px;
        right: 75px
    }

    .app_banner_area .app_img .app_screen.three {
        top: 310px;
        left: 80px
    }

    .app_banner_area .app_img .app_screen.four {
        top: 420px;
        right: 80px
    }

    .app_item.item_one {
        top: -143px
    }

    .app_item.item_two {
        left: 160px;
        top: -140px
    }

    .app_item.item_three {
        top: -190px;
        left: -30px
    }

    .app_item.item_four {
        left: 150px;
        top: -224px
    }

    .get_started_area .col-lg-6.text-right img {
        max-width: 100%
    }

    .get_content .app_btn.app_btn_two {
        margin-left: 0
    }

    .app_contact_info .info_item {
        padding-left: 38px;
        margin-bottom: 26px
    }

    .app_contact_info {
        left: 20px;
        padding: 45px 15px 15px
    }

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

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

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

    .mobile_btn {
        display: none
    }

    .footer_nine_bottom {
        text-align: center
    }

    .video_btn {
        display: block;
        margin-left: 10px;
        margin-top: 20px
    }

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

    .app_featured_area_two .app_feature_info {
        margin-top: 0
    }

    .video_content {
        padding: 20px 0;
    }

    .section-1 .section_one-content {
        padding-right: 0
    }

    .event_banner_content h2 {
        font-size: 48px;
        line-height: 60px
    }
}

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

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

    .event_banner_content .event_btn_two {
        margin-left: 0
    }
}

@media (max-width:450px) {
    .app_img .phone_img {
        max-width: 55%
    }

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

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

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

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

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

    .pr_footer {
        display: block !important
    }

    .mobile_img .mobile {
        top: -35px
    }

    .company_banner_area .company_banner_content h2 {
        font-size: 35px;
        line-height: 46px
    }

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

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

    .event_banner_content h6 {
        font-size: 17px
    }
}

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

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