@charset "utf-8";
/* CSS Document */

/*---For Laptop---*/
@media (max-width: 1800px) {}

@media only screen and (max-width: 1550px) {}

@media(min-width:1200px) {}

@media(max-width:1440px) {}

/*---For Laptop---*/
@media (min-width: 1200px) and (max-width: 1400px) {}

@media (min-width: 1024px) and (max-width: 1199px) {}

@media (min-width: 992px) and (max-width: 1024px) {}

@media (max-width: 1199px) {}


/*---For Horizental iPad---*/
@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 991px) {}

@media (min-width: 768px) {
    .profile_bg_wepper {
        background-image: unset !important;
    }

    .park_popup_wepper {
        /* top: 499px; */
        width: 39%;
        margin: auto;
        right: 0;
    }
}

/*---For Vertical iPad---*/
@media (min-width: 320px) and (max-width: 500px) {
    /* .only_mobile_bg {
        display: block;
    } */
}

@media (min-width: 500px) and (max-width: 724px) {

    .bg_img_wepper .bg_img_data {
        width: 100% !important;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .container {
        max-width: 730px;
        padding: 0 !important;
    }

    .bg_img_wepper {
        width: 100%;
    }

    .bg_img_wepper .bg_img_data {
        width: 730px;
    }

    .menu_icon1 img {
        margin-right: 25px;
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0 !important;
    }

    .profile_bg_wepper {
        background-image: unset;
    }

    .park_popup_wepper {
        top: 523px;
    }

}

@media (max-width: 375px) {
    .only_demo {
        position: fixed;
    }
}

/* @media (min-width:585px) and (max-width: 700px) {
    .profile_bg_wepper {
        background-image: unset;
    }
} */

@media (min-width:430px) and (max-width:500px) {
    .menu_icon img {
        padding: 0px 15px;
    }

    .menu_icon1 img {
        padding: 0px 15px;
    }

    .bg_img_wepper img {
        width: 100%;
    }

    .menu_icon img {
        width: unset;
    }

    .menu_icon1 img {
        width: unset;
    }
}

/*---For Mobile---*/
@media (min-width: 320px) and (max-width: 430px) {
    .park_popup_wepper {
        position: fixed;
        bottom: 0px !important;
        top: unset !important;
    }

    .popup_content h2 {
        margin-bottom: 0;
    }

    .setting_banner IMG {
        width: 100%;
    }

    .menu_icon img, .menu_icon1 img {
        width: unset !important;
    }

    .bg_img_wepper img {
        width: 100%;
    }

    .bg_img_wepper {
        bottom: 0;
    }

    .india_logo {
        bottom: 20px;
    }

    #body.light-mode .same_color_body {
        height: 100vh;
    }

    #body.dark-mode .same_color_body {
        height: 100vh;
    }

    .addqr_pageList #body.dark-mode {
        height: 852px;
    }

    #body.dark-mode .park_popup_inner {
        width: 100%;
        border-radius: unset;
    }

    .bg_img_data {
        width: 100%;
    }

    #body.dark-mode .nav-tabs .nav-link.active {
        width: 163px;
    }

    #body.dark-mode .nav-tabs .nav-link {
        width: 163px;
    }

    #body.light-mode .nav-tabs .nav-link.active {
        width: 163px;
    }

    #body.light-mode .nav-tabs .nav-link {
        width: 163px;
    }

    .logout_page .logout_wepper {
        width: 100%;
    }

    .profile_page #body.dark-mode {
        height: 950px;
    }

    .profile_page #body.light-mode {
        height: 929px;
    }

    .contact_page #body.light-mode .same_color_body {
        height: 912px;
    }


    .contact_page #body.dark-mode {
        height: 912px;
    }

    .same_arrow_screen img {
        width: 45px;
    }

    .container {
        padding: 0;
    }

    .logo img {
        width: 70%;
    }

    .addqr_inner_wrap {
        text-align: center;
    }

    .addqr_inner_wrap img {
        width: 80%;
    }

    .dark_btn a {
        width: 100%;
    }

    .add_qr_wepper {
        width: 70.75px;
        height: 70.75px;
    }

    .car_inner img {
        width: 100%;
    }

    .car_wepper {
        gap: 20px;
        padding: 15px;
    }

    .from_chek .form-control {
        width: 100%;
    }

    .complete_profile_page .from_chek select {
        width: 100%;
    }

    .login_btn {
        width: 100%;
    }

    .Vehicle_wepper {
        padding: 10px;
        display: block;
    }

    .Wheeler_slider_weeper .owl-carousel .owl-item img {
        height: 80px;
    }

    .qr_inner img {
        height: unset !important;
    }

    .four_wpper_inner {
        padding: 10px;
    }

    .complete_profile_page .login_inner {
        padding: 25px 10px;
    }

    .contact_page .same_color_body {
        height: unset;
    }

    .emergency_icon_inner img {
        width: 70px;
    }

    .logo_footer {
        padding-bottom: 50px;
    }

    .btn_expire_wepper a {
        width: 100%;
        margin-left: 14px;
    }

    .popup_content {
        padding: 30px 8px 0;
    }

    .forgot_page .logo img {
        width: 40%;
    }

    .banner {
        padding: 30px 7px 0;
    }

    .banner img {
        width: 75%;
    }

    .login_btn img,
    .add_qr_wepper img {
        width: unset;
    }

    .home_scan_btn .login_btn {
        width: 129px;
        height: 43px;
    }

    .scan_btn .login_btn a {
        font-size: 14px;
    }

    .banner_content {
        left: 9px !important;
    }

    .add_qr_wepper {
        padding-top: 10px;
        width: 65.75px;
        height: 65.75px;
        position: fixed;
        bottom: 100px;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .bg_img_wepper {
        margin-top: -14px;
    }

    .screen_detals_wepper {
        width: 100%;
    }

    .scree_call_inneer img {
        width: 100%;
    }

    .call_icon_scren img {
        width: unset;
    }

    .scree_call_wepper {
        padding: 10px;
        gap: 10px;
    }

    .call_icon_scren {
        top: 0;
    }

    .scrre_bg .logout_btn a {
        width: 90%;
    }

    .login_tab_main {
        padding: 10px;
    }


    .nav-tabs {
        box-sizing: unset;
    }

    .qr_content_wepper {
        top: 30px;
    }

    .qr_inner span {
        font-size: 12px;
    }

    .qrinner_data img {
        width: 35px;
    }

    .expired_data span img {
        width: unset;
    }

    .qr_text {
        left: 30px;
        width: 89%;
    }

    .qr_inner_wepper {
        justify-content: space-evenly;
    }

    .qr_text span strong {
        font-size: 12px;
    }

    .qr_text span {
        margin-left: 10px;
    }

    .qr_content_wepper hr {
        margin: 10px 5px auto;
    }

    .qrlist_wepper {
        top: 110px;
    }

    .qr_bg {
        padding: 8px;
    }

    .expired_data .date {
        font-size: 12px;
    }

    .mobile_flex {
        display: flex;
        align-items: baseline;
    }

    .expired_data {
        margin-top: 34px;
    }

    .new_password .logo img {
        width: 120px;
    }

    .popup_page .from_chek select {
        width: 100%;
    }

    .park_popup_wepper {
        width: 100% !important;
    }

    .profile_page .banner img {
        width: 80px;
    }

    .profile_bg_wepper {
        background-position: top;
    }

    .qr_scar_wepper img {
        width: 70%;
    }

    .Reason_contact_page .popup_content {
        padding: 30px 20px 0;
    }

    .delete_btn {
        width: 100%;
    }

    .complete_profile_page .login_inner {
        padding: 26px 15px 146px;
    }

    .dark_btn button {
        width: 100% !important;
    }

    .park_popup_inner {
        background-color: #32373d;
        background-image: unset;
        border-radius: 30px;
    }

    /* .park_popup_wepper {
        top: 498px;
    } */

    .pofile_change_icon img {
        left: 70px;
        width: 40px !important;
    }

    .edit_profile_wepper img {
        width: 80px;
    }

    .menu_icon img {
        padding: 0px 20px;
    }

    .menu_icon1 img {
        padding: 0px 20px;
    }

    #body.light-mode .park_popup_inner {
        width: 100% !important;
    }

    .bg_img_data {
        width: 100% !important;
    }

    .bg_img_wepper {
        height: auto;
    }

    .menu_icon {
        bottom: 24px;
        left: 8px;
    }

    .menu_icon1 {
        bottom: 24px;
        right: 8px;
    }

    .screen_detals_wepper {
        padding: 15px;
    }

    .scree_call_inneer img {
        width: 130px;
    }

    .call_icon_scren img {
        width: unset !important;
    }

    .Reason_contact_page .park_popup_wepper {
        top: 0;
    }
}

@media (min-width: 320px) and (max-width: 367px) {
    .nav-tabs .nav-link {
        width: 140px !important;
    }

    .nav-tabs .nav-link.active {
        width: 140px;
    }

    .logout_btn a {
        width: 130px;
        height: 46px;
        line-height: 46px;
    }

    .qrlist_wepper {
        top: 85px;
    }





}



@media (max-width: 767px) {
    .emergency_icon_inner img {
        width: 100px;
    }
}

@media (max-width:576px) {}

@media (max-width: 513px) {}

@media (max-width: 462px) {}

@media (max-width: 480px) {}

@media (max-width: 425px) {}

@media (max-width: 414px) {}

@media (max-width: 320px) {}

@media (max-width: 395px) {}

@media (max-width: 375px) {}

@media (max-width: 342px) {}