/*================================================================================================*/
/*=================[                                                            ]=================*/
/*=================[    !!!!!!!!   CSS CREATED BY RAJODIYA INFOTECH  !!!!!!!!   ]=================*/
/*=================[                                                            ]=================*/
/*================================================================================================*/
@media (min-width: 992px) {
    .header-style-one .main-navigationbar .menu-items-col .main-nav-div>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto;
    }

    .desk-only {
        display: block !important;
    }

    .mobile-only {
        display: none !important;
    }
}

@media screen and (max-width:1580px) {

    /* service-section */
    .service-section .service-slider.slick-slider .slick-arrow {
        background-color: var(--theme-color);
    }

    .service-section .service-slider.slick-slider .slick-arrow path {
        stroke: var(--white);
    }

    .service-section .service-slider.slick-slider .slick-prev {
        left: 5px;
    }

    .service-section .service-slider.slick-slider .slick-next {
        right: 5px;
    }
}

@media screen and (max-width:1300px) {

    .forgot-pass-sec .offset-left,
    .password-second-sec .offset-left {
        margin-left: 0;
    }
}

@media screen and (max-width:1400px) {

    /* tab-section */
    .tab-section .tabs-container .tab-content-inner {
        padding: 20px;
    }

    .site-footer .footer-logo-col {
        max-width: 300px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        padding-right: 15px;
    }
}

@media screen and (max-width:1260px) {
    .site-footer {
        padding: 60px 0 0px;
    }
}

@media screen and (max-width:1199px) {
    :root {
        --h1: normal 800 40px/1.1 var(--first-font);
        --h2: normal 800 32px/1.1 var(--first-font);
        --h3: normal 800 26px/1.1 var(--first-font);
        --h4: normal 800 20px/1.1 var(--first-font);
        --h5: normal 800 18px/1.1 var(--first-font);
        --h6: normal 800 16px/1.1 var(--first-font);
    }

    /* tab-section  */
    .tab-section .tabs-container .tab-content-bottom .btn {
        margin-top: 20px;
        font-size: 14px;
    }

    .reserve-parking-section .select-div {
        justify-content: center;
    }

    .offer-sec .vehicle-wrp li {
        flex-direction: column;
        gap: 5px;
    }

    .view-form-sec .select-div {
        justify-content: center;
    }

    .subscribe-sec .subscribe-card-top .description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .features-sec .feature-card-bottom li {
        padding: 20px;
    }

    .features-sec .feature-card-bottom li:first-child {
        padding: 20px 20px 20px 0px;
    }

    .view-rate-one .view-card-content {
        padding-left: 0px;
    }

    .site-footer .footer-row-menu {
        flex-direction: column;
        align-items: start;
    }

    .site-footer .top-footer-right-col .footer-social-link {
        width: 300px;
        flex: 0 0 300px;
    }

    /********* new css **********/
    .login-sec .login-wrp {
        max-width: 60%;
    }

    /***********  prashant vekariya  **************/
    /**********  my-profile page css *********/
    .vehicle-card ul li span {
        width: 46%;
    }

    .my-reservation-inner .details li span {
        width: 30%;
    }

    /************  my-resevation page css  ************/
    .vehicle-drop-right li:not(:last-of-type)::after {
        width: 70px;
        right: -50px;
    }

    .return-detail li p,
    .passenger-detail li p {
        width: 44%;
    }

    .flight-detail ul>li {
        flex: 0 0 50%;
    }

    .flight-detail ul>li.vehicle-detail {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .flight-detail>ul>li:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .service-table tbody tr td span {
        width: 27%;
    }

    .resevation-tab .tab-card-wrp {
        border: 1px solid #A4A4A4;
    }

    .resevation-tab #tab-8 .col-12,
    .resevation-tab #tab-7 .col-12 {
        margin-bottom: 15px;
    }

    .resevation-tab #tab-7 .no-gutters [class*="col-"] {
        padding: 0 15px;
    }

    .pro-description {
        padding: 15px;
    }

    .resevation-tab #tab-10 .col-12:not(:last-of-type),
    .resevation-tab #tab-9 .col-12:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .vehicle-drop-left {
        border-right: none;
        padding: 0;
    }

    /************  subscribe page css   *********/
    .subscribe-card-sec .subscribe-details .col-12 {
        margin-bottom: 20px;
    }

    .view-details-tab {
        margin-top: 60px;
    }

    .subscribe-booking-section .booking-box {
        border-right: none;
        padding-right: 0;
    }

    .vehicle-detail-sec .vehicle-card ul li span {
        width: 58%;
    }

    /************  subscribe page css   *********/
    .subscribe-card-sec .subscribe-details .col-12 {
        margin-bottom: 20px;
    }

    .view-details-tab {
        margin-top: 60px;
    }

    .subscribe-booking-section .booking-box {
        border-right: none;
        padding-right: 0;
    }

    .vehicle-detail-sec .vehicle-card ul li span {
        width: 58%;
    }

}

@media screen and (max-width:1170px) {
    .offset-left {
        margin-left: 0;
        padding: 0 15px;
    }

    .offset-right {
        margin-right: 0;
        padding: 0 15px;
    }

    /* footer */
    .site-footer .footer-row-menu {
        gap: 15px;
    }

    .site-footer .top-footer-right-col .footer-col {
        padding-left: 80px;
    }

    /* tab-section */
    .tab-section .tabs-container .tab-content-top p {
        margin-bottom: 15px;
    }
}

@media screen and (max-width:991px) {
    :root {
        --common-text: normal 400 14px/1.4 var(--first-font);
    }

    .pt {
        padding-top: 40px;
    }

    .pb {
        padding-bottom: 40px;
    }

    .btn {
        padding: 12px 15px;
    }

    .menu-dropdown {
        display: none;
    }

    /******header section *****/
    .header-style-one {
        padding: 10px 0;
    }

    header.head-sticky .main-navigationbar {
        padding: 0;
    }

    .header-style-one .mobile-menu .mobile-menu-button {
        width: 100%;
    }

    .header-style-one .mobile-menu {
        display: inline-block;
        position: relative;
        z-index: 1;
        width: 22px;
        height: 22px;
        margin: 0 0 0 15px;
    }

    .header-style-one .main-navigationbar .menu-items-col .main-nav>li:not(:last-of-type) {
        padding-right: 15px;
    }

    .header-style-one .main-navigationbar .menu-items-col .main-nav>li {
        padding: 10px 0;
    }

    .header-style-one .main-nav-div {
        position: fixed;
        z-index: 4;
        background: var(--white);
        top: 0;
        height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform: translate(100%, 0px);
        -ms-transform: translate(100%, 0px);
        transform: translate(100%, 0px);
        right: 0;
        width: 100%;
        max-width: 400px;
        overflow: auto;
        opacity: 0;
        visibility: hidden;
    }

    .header-style-one .main-nav-div .main-nav {
        padding: 10px 20px;
    }

    .header-style-one .main-nav-div.active-menu {
        transform: translate(0%, 0px);
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0%, 0px);
        -moz-transform: translate(0%, 0px);
        -ms-transform: translate(0%, 0px);
        -o-transform: translate(0%, 0px);
    }

    .header-style-one .main-navigationbar .menu-items-col .main-nav>li>a {
        display: inline-flex;
    }

    .header-style-one .main-nav-div .menu-close-icon {
        height: auto;
        position: relative;
        right: 0;
        left: 0;
        top: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: right;
        padding: 10px 20px;
        background: var(--border-color);
        width: 100%;
    }

    .header-style-one .main-nav-div .menu-close-icon svg {
        width: 25px;
        height: 25px;
    }

    .header-style-one .main-navigationbar .menu-items-col .main-nav>li.menu-lnk .menu-dropdown {
        position: relative;
        padding: 10px 20px;
        transition: none;
        box-shadow: none;
        background: transparent;
        color: var(--black);
        -webkit-box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }

    .header-style-one .announcebar {
        display: none;
    }

    .header-style-one .main-navigationbar {
        padding-bottom: 0px;
    }

    .site-header .menu-right .profile-header .nice-select {
        padding: 15px 10px 15px 0px;
    }

    .header-one .announcebar {
        display: block;
    }

    .header-one .announcebar .caption span {
        display: none;
    }

    .menu-right .select-dropdown .caption span {
        display: none;
    }

    .menu-right .select-dropdown .list {
        top: 30px;
    }

    /*****  Home Section *****/
    .home-section .banner-content-inner h2 {
        font-size: 40px;
    }

    /* about-section */
    .about-section .about-right-col {
        padding-left: 0px;
    }

    .about-section .about-right-col .btn {
        margin-top: 20px;
    }

    /* service-section  */
    .service-section .service-content-top h4 {
        max-width: 100%;
    }

    .service-section .service-card-inner .img-wrapper {
        padding-top: 140%;
    }

    .service-section .inner-content p {
        /* font-size: 14px; */
    }

    .reserve-parking-section .booking {
        padding: 20px;
    }

    /* tab-section */
    .tab-section .tabs-container {
        padding: 0 15px;
    }

    .tab-section .tab-btn-div {
        margin-bottom: 40px;
    }

    .tab-section ul li a {
        min-width: auto;
        padding: 12px 15px;
        font-size: 14px;
    }

    .tab-section ul.tabs {
        gap: 10px;
    }

    .tab-section .tab-card-wrp {
        flex-direction: column;
        width: 100%;
    }

    .tab-section .tab-card-wrp .tab-card {
        max-width: 100%;
    }

    .tab-section .tabs-container .tab-img {
        padding-top: 80%;
        display: block;
        position: relative;
    }

    .tab-section .tabs-container .tab-img img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .tab-section .no-gutters {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .tab-section .no-gutters [class*="col-"] {
        padding: 0 15px;
    }

    .tab-section .tabs-container .tab-content-inner {
        justify-content: start;
        padding: 20px 0px 20px;
    }

    .tab-section {
        padding-top: 40px;
        padding-bottom: 20px;
        background-color: #f7f7f7;
    }

    .corporate-start-sec {
        padding: 80px 0;
    }

    .corporate-main-sec .corporate-card {
        margin-bottom: 15px;
    }

    .edit-form .checkbox-custom label {
        font-size: 14px;
    }

    .location-main-sec {
        padding-bottom: 20px;
    }

    .rewards-form-sec .rewards-form-wrp {
        max-width: 100%;
    }

    /*****footer section *****/
    .site-footer .footer-logo-col .logo-col {
        max-width: 110px;
    }

    .site-footer .footer-bottom {
        margin-top: 50px;
    }

    .site-footer .top-footer-right-col .footer-col {
        padding-left: 30px;
    }

    .site-footer .footer-subscribe-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 278px;
        flex: 0 0 278px;
        padding: 0;
        max-width: 278px;
    }

    .site-footer {
        padding: 40px 0 0px;
    }

    .site-footer .footer-logo-col {
        max-width: 210px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 210px;
        flex: 0 0 210px;
    }

    .site-footer .footer-row-menu {
        flex-direction: column;
    }

    .site-footer .top-footer-right-col .footer-link-2 {
        max-width: 160px;
        flex: 0 0 160px;
    }

    .common-banner-sec {
        padding: 80px 0;
    }

    .contact-page-sec {
        margin-bottom: 20px;
    }

    .reservation-sec .reservation-main {
        max-width: 100%;
    }

    .sign-in-sec .signin-right {
        padding: 70px 0px 70px 20px;
    }

    .sign-in-sec .signin-right .section-title p {
        font-size: 14px;
    }

    .sign-in-sec .signin-form .form-group input,
    .forgot-pass-sec .forgot-pass-form .form-group input {
        font-size: 14px;
        padding: 10px 50px 10px 10px;
    }

    .password-second-sec .second-pass-form .form-group input {
        font-size: 14px;
        padding: 10px 65px 10px 10px;
    }

    .sign-in-sec .signin-form .form-group .input-box input {
        padding: 10px 140px 10px 15px;
    }

    .sign-in-sec .signin-form-bottom button {
        margin: 0px 0px 20px;
    }

    .my-reward-sec .section-title {
        max-width: 55%;
        margin: 0 auto 20px;
    }

    .my-reward-sec .my-reward-wrp {
        max-width: 100%;
    }

    .my-reward-sec {
        margin-top: 0px;
    }

    .support-service-sec .service-card-content {
        padding: 15px;
    }

    .support-service-sec .service-content-bottom .btn {
        letter-spacing: 1px;
        padding: 12px 11px;
    }

    .support-question-sec .support-question-list li:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .offer-sec .date-wrp li:not(:last-of-type) {
        margin-right: 20px;
    }

    .offer-sec {
        margin-top: 0px;
    }

    .sign-up-sec .company-reward {
        max-width: 100%;
        margin: 20px auto 0px;
    }

    .sign-up-sec .signup-inner {
        padding-bottom: 40px;
        border-bottom: 0;
    }

    .sign-up-sec .section-title {
        margin: 0 auto 20px;
    }

    .sign-up-sec .signup-wrp h3 {
        margin-bottom: 15px;
    }

    .sign-up-sec .company-reward p {
        margin-left: 30px;
    }

    .subscribe-sec .subscribe-card {
        margin-bottom: 20px;
        border: 1px solid var(--border-color);
    }

    .subscribe-sec {
        padding-bottom: 20px;
    }

    .features-sec .feature-card-wrp li {
        padding: 0 15px 20px;
    }

    .subscribe-sec .subscribe-card:after {
        display: none;
    }

    .subscribe-sec .subscribe-card .shape {
        border-right: 0;
    }

    .view-rate-one {
        padding-bottom: 40px;
    }

    .view-corporate-sec .corporate-wrp {
        padding-top: 40px;
    }

    .view-corporate-sec {
        padding-bottom: 40px;
    }

    .profile-sec .profile-info li label {
        font-size: 14px;
    }

    .profile-sec {
        padding-bottom: 20px;
    }

    .about-full-width {
        margin-top: 20px;
    }

    .pass-section .section-title {
        margin: 0 auto 20px;
    }

    .location-main-sec .location-card-content {
        padding: 15px;
    }

    .location-main-sec .section-title {
        max-width: 100%;
        margin: 0 auto 20px;
    }

    .location-main-sec .section-title p {
        margin-bottom: 15px;
    }

    .corporate-main-sec .corporate-card-inner {
        padding: 15px;
    }

    /** email-verification-page **/
    .header-inner .menu-items-col .email-user {
        margin-left: 0px;
    }

    /**forgot-password-section **/
    .forgot-pass-sec .forgot-left,
    .password-second-sec .pass-second-left {
        padding: 70px 20px 70px 0px;
        max-width: 50%;
    }

    .forgot-pass-sec .forgot-right {
        max-width: 50%;
    }

    .client-image-sec .client-bg-img {
        height: 150px;
        width: 150px;
        margin: -60px auto 0;
    }

    .client-image-sec .client-info span {
        margin: 5px 0px 10px;
    }

    .edit-info-form .edit-info-right {
        padding-left: 20px;
    }

    .edit-info-form .edit-info-left {
        padding-right: 0px;
    }

    .edit-info-form .checkbox-custom label {
        font-size: 14px;
    }

    .login-sec .login-wrp {
        max-width: 100%;
    }

    .login-sec {
        padding: 70px 0px;
    }

    .active-menu ul {
        padding: 10px 20px;
    }

    .active-menu ul li {
        padding: 10px 0;
    }

    .active-menu ul li a {
        color: var(--black);
        text-transform: capitalize;
        -o-transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        padding: 0;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
    }

    /************ prashant vekariya  ***********/
    /**********  my-profile page css *********/
    .my-profile-sec .tab-btn-div ul {
        gap: 15px;
    }

    .my-profile-sec .tab-section .tabs-container {
        padding: 0;
    }

    .my-profile-sec .my-reservation-inner .col-12:last-of-type .resevation-card,
    .my-profile-sec .vehicle-inner .col-12:last-of-type .vehicle-card {
        margin-bottom: 0px;
    }

    .vehicle-card ul li span {
        width: 35%;

    }

    .vehicle-inner .section-title a {
        width: 35px;
        height: 35px;
    }

    .vehicle-inner .section-title .vehicle-search-icon {
        width: 35px;
        height: 35px;
    }

    .vehicle-inner .section-title .vehicle-search-icon svg {
        width: 16px;
        height: 16px;
    }

    .vehicle-inner .section-title a svg {
        width: 16px;
        height: 16px;
    }

    .wallet-icon {
        width: 100px;
        height: 100px;
        outline: 5px solid #FF7E0033;
    }

    .wallet-icon svg {
        width: 50px;
        height: 50px;
    }

    .wallet-price li:not(:last-of-type),
    .wallet-title h3 {
        margin-bottom: 5px;
    }

    /**********  vehicle-popup  ********/
    .vehicle-wrapper {
        max-width: calc(100% - 30px);

    }

    .vehicle-wrapper .vehicle-wrapper-inner .vehicle-wrapper-bottom {
        padding: 30px 20px;
    }

    /***********  my-resevation page css  ************/
    .flight-detail .col-12:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .resevation-tab .tabs-container {
        padding: 0;
    }

    .flight-detail ul>li {
        flex: 0 0 100%;
    }

    .flight-detail ul>li.vehicle-detail {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vehicle-drop-right li:not(:last-of-type)::after {
        width: 50px;
        right: -30px;
    }

    .flight-detail ul>li.vehicle-detail p,
    .return-detail li p,
    .passenger-detail li p {
        width: 30%;
    }

    .qr-code img {
        width: 100px;
        height: 100px;
    }

    .resevation-tab #tab-11 .col-12:not(:last-of-type) {
        margin-bottom: 20px;
    }

    /************  subcribe page css  *********/
    .subscribe-booking-section {
        padding: 40px 0;
    }

    .subscribe-booking-section .booking .book-now-btn .btn {
        width: 115px;
        padding: 12px 0;
    }

    .view-details-tab .view-details-top .view-details-tab-middle .tab-icon {
        width: 60px;
        height: 60px;
    }

    .view-details-right {
        max-height: 500px;
        height: 100%;
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -ms-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 10px 10px;
    }

    .view-details-left {
        padding: 20px;
    }

    .view-details-bottom .pro-description {
        padding: 0;
    }

    .view-details-bottom .pro-description li {
        margin-bottom: 20px;
    }

    .subscribe-booking-section .booking-box {
        width: 48%;
    }

    .subscribe-booking-section .booking .book-now-btn {
        width: 100%;
        justify-content: center;
    }

    /****************  vehicle page css  ***********/
    .vehicle-detail-sec .vehicle-form,
    .flight-detail-sec .vehicle-form {
        padding: 25px;
    }

    .vehicle-detail-sec {
        padding-bottom: 40px;
    }

    .vehicle-detail-sec .vehicle-card ul li span {
        width: 45%;
    }

    /************** service page css  **************/
    .service-tab-sec {
        padding-bottom: 40px;
    }

    .details-dec li span {
        width: 50%;
        font-size: 16px;
    }

    .details-dec li p {
        font-size: 16px;
    }

    .payment-details-sec,
    .details-price {
        padding-bottom: 40px;
    }

    .wallet {
        margin-bottom: 40px;
    }

    .payment-sec .submit-btn {
        text-align: center;
    }
}

@media screen and (max-width:767px) {
    :root {
        --h1: normal 800 30px/1.1 var(--first-font);
        --h2: normal 800 28px/1.1 var(--first-font);
        --h3: normal 800 24px/1.1 var(--first-font);
        --h4: normal 800 18px/1.1 var(--first-font);
        --h5: normal 800 16px/1.1 var(--first-font);
        --h6: normal 800 14px/1.1 var(--first-font);
    }

    .subtitle {
        margin-bottom: 5px;
    }

    .sub-title {
        display: inline-block;
        margin-bottom: 5px;
    }

    .section-title {
        margin-bottom: 20px;
    }

    .form-control,
    input:not([type="submit"]),
    input:not([type="checkbox"]),
    input:not([type="radio"]),
    input:not([type="time"]),
    input:not([type="date"]),
    select,
    textarea {
        padding: 10px 0;
        font-size: 14px;
    }

    .nice-select {
        padding: 10px 25px 10px 0px;
    }

    .swiper-btn,
    .slick-arrow {
        width: 30px;
        height: 30px;
    }

    /*****header section *****/
    .header-style-one .menu-right .account-btn {
        padding: 10px;
    }

    .header-style-one .menu-right .account-btn .text {
        display: none;
    }

    .header-style-one .menu-right .account-btn .login-icon {
        display: inline-block;
        width: 18px;
        height: 18px;
    }

    .header-style-one .main-navigationbar .menu-items-col .menu-right .btn:hover svg path {
        fill: var(--black);
    }

    /* home section  */
    .home-section {
        padding: 90px 0 120px;
    }

    .home-section .banner-content-inner h2 {
        font: var(--h2);
    }

    .home-section .section-title {
        max-width: 80%;
        width: 100%;
    }

    /* reserve-parking-section */
    .reserve-parking-section .nice-select,
    .reserve-parking-section .vehicle-text input {
        min-width: auto;
    }

    .reserve-parking-section .select-div>div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%;
    }

    .reserve-parking-section .book-now-btn {
        margin: auto;
        max-width: 100%;
        padding: 13px 20px;
        margin-top: 15px;
    }

    .reserve-parking-section .select-div .date-pick input,
    .reserve-parking-section .form-group input {
        padding: 10px 0px 10px 0px;
    }

    .reserve-parking-section .booking {
        padding: 20px;
    }

    .reserve-parking-section .select-div {
        gap: 25px;
    }

    .reserve-parking-section .form-group input {
        font-size: 14px;
    }

    .tab-section .third-div {
        order: unset;
    }

    .service-section .service-content-bottom {
        padding: 15px;
        bottom: 0;
        opacity: 1;
    }

    /* about-section */
    .about-section .about-left-col {
        margin-top: 20px;
    }

    .about-section .about-right-col .btn {
        margin-top: 15px;
    }

    /* service-section */
    .service-section .service-card-content {
        padding: 25px 15px;
    }

    .service-section .service-slider .slick-current.slick-active.slick-center .service-card-content {
        padding: 15px 15px 129px 15px;
    }

    .tab-section .tab-card-wrp .tab-card {
        height: auto;
    }

    .tab-section .tab-btn-div {
        margin-bottom: 25px;
    }

    .service-section .service-content-bottom p {
        margin-bottom: 15px;
    }

    .tab-section .tabs-container .tab-content-middle .tab-icon img {
        max-width: 50px;
        max-height: 25px;
    }

    .tab-section .tabs-container .tab-content-middle {
        width: 100%;
        justify-content: flex-start;
    }

    .tab-section .subtitle {
        margin-bottom: 10px;
    }

    .tab-section .tabs-container .minits-label {
        margin-bottom: 10px;
    }

    .corporate-main-sec .corporate-card svg {
        height: 50px;
        width: 50px;
    }

    .corporate-start-sec {
        padding: 50px 0;
    }

    .edit-main-sec .form-container {
        padding: 0px 15px 15px;
    }

    .edit-main-sec .edit-form .edit-form-inner:not(:last-of-type),
    .edit-main-sec .edit-form .form-center-btn {
        margin-bottom: 20px;
    }

    .edit-form .checkbox-custom {
        padding-top: 10px;
    }

    /*****************  subscribe page css  **********/
    .subscribe-booking-section .booking {
        padding: 15px;
    }

    .subscribe-booking-section .booking .book-now-btn .btn {
        width: auto;
        padding: 12px 15px;
    }

    .subscribe-booking-section .booking-box .book-text p,
    .subscribe-booking-section .booking-box .book-text span {
        font-size: 14px;
    }

    .subscribe-card-sec .view-details-top {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .view-details-top .view-details-tab-bottom,
    .view-details-top .view-details-tab-top {
        text-align: center;
    }

    .view-details-tab::after {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 25px solid var(--theme-color);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    #tab-2 .view-details-tab::after {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 25px solid var(--theme-color);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    #tab-3 .view-details-tab::after {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 25px solid var(--theme-color);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    #tab-4 .view-details-tab::after {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 25px solid var(--theme-color);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .view-details-tab {
        margin-top: 40px;
    }

    .view-details-tab .view-details-top h2,
    .view-details-tab .view-details-top .subtitle {
        margin-bottom: 10px;
    }

    .view-details-left {
        padding: 20px 20px 0 20px;
    }

    .view-details-tab .view-details-top .view-details-tab-middle .tab-icon {
        width: 55px;
        height: 55px;
    }

    .close-btn svg {
        width: 15px;
        height: 15px;
    }

    .vehicle-popup .close-btn,
    .sign-up-popup .close-btn,
    .login-popup .close-btn {
        width: 30px;
        height: 30px;
    }

    /**************  vehicle page css  *********/
    .vehicle-detail-sec .vehicle-form .btn,
    .flight-detail-sec .btn {
        padding: 12px 15px;
    }

    .flight-detail-btn,
    .vehicle-detail-btn {
        text-align: center;
    }

    .vehicle-detail-sec .vehicle-card ul li span {
        width: 50%;
    }

    .vehicle-box {
        padding: 15px;
    }

    .vehicle-box .vehicle-card-text h3::after {
        width: 15px;
        height: 15px;
        outline: 3px solid var(--theme-color);
    }

    .vehicle-box .vehicle-card-text h3 {
        padding-left: 40px;
    }

    .vehicle-detail-sec .vehicle-form,
    .flight-detail-sec .vehicle-form {
        padding: 15px;
    }

    /**************  service page css  ***********/
    .service-tab-sec .tabs-wrapper {
        padding: 15px;
    }

    .service-tab-sec .service-tab-box {
        padding: 15px;
    }

    .wallet {
        padding: 15px;
    }

    .wallet label a {
        width: auto;
        padding: 5px 10px;
    }

    .wallet .checkbox-custom label:before {
        padding: 8px;
    }

    .wallet .checkbox-custom input:checked+label:after {
        height: 10px;
        left: 6px;
    }

    .details-title {
        padding: 20px 20px;
    }

    .details-dec {
        padding: 15px;
    }

    .payment-details-sec .row .col-12:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .wallet {
        margin-bottom: 25px;
    }


    /* footer  */
    .site-footer .footer-col,
    .site-footer .top-footer-right-col .footer-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 30px 0;
        padding-left: 0;
        padding-right: 15px;
    }

    .social-iocns-list {
        margin-top: 15px;
    }

    .site-footer .footer-logo-col .logo-col {
        margin-bottom: 15px;
        max-width: 95px;
    }

    .site-footer .footer-bottom {
        margin-top: 10px;
    }

    .site-footer .footer-row-menu {
        justify-content: flex-start;
    }

    .ui-state-default {
        line-height: 35px;
        font-size: 14px;
    }

    .site-header .menu-right .profile-header {
        margin-left: 0px;
    }

    .contact-page-sec .contact-card {
        padding: 15px;
    }

    .common-banner-sec h2 {
        margin-bottom: 15px;
    }

    .location-main-sec .location-card .address {
        margin: 10px 0px 15px;
    }

    .two-call-sec .section-title {
        margin-bottom: 0px;
    }

    .two-call-sec .two-call-left {
        margin-bottom: 20px;
    }

    .two-call-sec .two-call-right .subtitle {
        font-size: 14px;
    }

    .faqs-sec .section-title {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .faqs-sec .faq-bottom-wrp p {
        margin: 20px 0px 15px;
    }

    .common-banner-sec {
        padding: 60px 0;
    }

    .reservation-sec .section-title {
        margin-bottom: 20px;
    }

    .reservation-sec .reservation-main {
        padding: 15px;
    }

    .sign-in-sec .signin-right,
    .sign-in-sec .signin-left,
    .forgot-pass-sec .forgot-left,
    .forgot-pass-sec .forgot-right,
    .password-second-sec .forgot-left,
    .password-second-sec .forgot-right,
    .password-second-sec .pass-second-right {
        max-width: 100%;
    }

    .sign-in-sec .sign-in-wrp,
    .forgot-pass-sec .forgot-in-wrp,
    .password-second-sec .pass-second-wrp {
        flex-direction: column;
    }

    .sign-in-sec {
        margin-top: 20px;
    }

    .sign-in-sec .signin-right,
    .forgot-pass-sec .forgot-left,
    .password-second-sec .forgot-left {
        padding: 40px 0px 20px 0px;
    }

    .compare-data-label:before,
    .wishlist-data-label:before,
    table tr td::before {
        content: attr(data-label);
        display: block;
        text-align: center;
        padding-bottom: 10px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 16px;
    }

    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        display: none;
    }

    .reward-table tr td {
        border-right: 0;
    }

    .reward-table tr {
        border-bottom: 1px solid var(--theme-color);
        padding: 15px 0 15px;
    }

    .reward-table tr:last-child {
        border-bottom: 0;
    }

    .my-reward-sec .section-title {
        max-width: 100%;
    }

    .support-service-sec .service-box {
        margin-bottom: 20px;
    }

    .support-service-sec {
        padding-bottom: 20px;
    }

    .support-question-sec .support-question-list li p {
        font-size: 14px;
    }

    .offer-sec .date-wrp {
        justify-content: space-between;
        gap: 15px;
    }

    .offer-sec .date-wrp li:not(:last-of-type) {
        margin-right: 0px;
    }

    .offer-sec .offer-wrp .offer-card,
    .offer-sec .confirm-card {
        padding: 15px;
    }

    .travel-client-sec .corporate-card-inner {
        padding: 20px 15px 20px;
    }

    .view-form-sec .booking {
        padding: 20px;
    }

    .features-sec .feature-card-wrp li:first-child {
        padding: 0px 15px 15px 0px;
    }

    .features-sec .feature-card-wrp li {
        padding: 0 15px 15px;
    }

    .features-sec .feature-card-bottom li:first-child {
        padding: 15px 15px 15px 0px;
    }

    .features-sec .feature-card-bottom li {
        padding: 15px 15px 15px;
    }

    .features-sec .features-card h3 {
        margin: 10px 0 10px;
    }

    .view-rate-one .view-card-content .icon-wrp img {
        max-width: 50px;
        max-height: 25px;
    }

    .view-rate-one .view-card-content {
        margin-bottom: 20px;
    }

    .view-rate-two-sec .subscribe-card {
        padding: 15px;
    }

    .profile-sec .profile-left-wrp {
        margin-bottom: 25px;
    }

    .profile-sec .profile-info li {
        margin-bottom: 15px;
    }

    .profile-sec .profile-left-wrp .section-title {
        max-width: 100%;
    }

    .rewards-form-sec .reward-form p {
        margin: 15px auto 15px;
    }

    .forgot-pass-sec,
    .password-second-sec {
        padding-bottom: 40px;
    }

    .sign-in-sec .signin-form .form-group,
    .forgot-pass-sec .forgot-pass-form .form-group {
        margin-bottom: 15px;
    }

    /* email-verification-page  */
    .email-sec .email-inner .email-icon {
        padding: 25px;
    }

    .email-sec .email-inner .email-icon svg {
        width: 40px;
        height: auto;
    }

    /**forgot-password-section **/
    .forgot-pass-sec .forgot-left,
    .password-second-sec .forgot-left {
        text-align: center;
    }

    .password-second-sec .pass-second-left {
        width: 100%;
        max-width: 100%;
        padding: 40px 0px 10px 0px;
        align-items: center;
    }

    .password-second-sec .second-pass-form .form-group {
        margin-bottom: 15px;
    }

    .password-second-sec .pass-second-left .password-detail,
    .password-second-sec .pass-second-left .section-title {
        text-align: center;
    }

    .edit-info-form .edit-info-right {
        padding-left: 0px;
        border-left: 0;
        padding-bottom: 0px !important;
    }

    .edit-info-form .edit-info-form-top::before {
        display: none;
    }

    .edit-info-form h3 {
        margin-bottom: 15px;
    }

    .edit-info-form .edit-info-inner {
        margin-bottom: 10px;
    }

    .edit-info-sec .section-title {
        margin-bottom: 20px;
    }

    .client-image-sec .client-bg-img .camera-img {
        height: 30px;
        width: 30px;
    }

    .login-sec .login-wrp {
        padding: 15px;
    }

    .login-form input {
        padding: 12px 50px 12px 12px;
    }

    .your-profile-sec .client-bg-img {
        height: 160px;
        width: 160px;
    }

    .your-profile-sec .client-bg-img .camera-img {
        height: 35px;
        width: 35px;
    }

    .your-profile-sec .client-info .btn-wrp {
        gap: 15px;
    }

    /*************  prashant vekariya   *********/
    /**********  my-profile page css *********/
    .my-profile-sec .tab-btn-div {
        height: auto;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .my-profile-sec .tab-btn-div ul {
        flex-direction: row;
        gap: 10px;
    }

    .my-profile-sec .tab-btn-div ul li a span {
        display: none;
    }

    .my-profile-sec .tab-btn-div .active a svg path {
        fill: var(--white);
    }

    .my-profile-sec .tab-btn-div .active a {
        background-color: var(--theme-color);
    }

    .my-profile-sec .vehicle-inner .col-12:last-of-type .vehicle-card {
        margin-bottom: 20px;
    }

    .wallet-inner,
    .my-reservation-inner,
    .vehicle-inner,
    .password-inner,
    .profile-inner {
        padding-top: 0;
    }

    .password-form .form-group,
    .profile-from .form-group {
        margin-bottom: 15px;
    }

    .my-profile-sec .tab-btn-div ul li a {
        background-color: var(--white);
        padding: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .my-reservation-inner .details li span {
        width: 20%;
    }

    .profile-inner .profile-img {
        width: 120px;
        height: 120px;
        outline: 5px solid #FF7E0033;
    }

    .profile-img .profile-icon label {
        width: 40px;
        height: 40px;
    }

    .profile-inner .profile-icon label img {
        width: 15px;
        height: 15px;
    }

    .password-inner .section-title {
        margin-bottom: 20px;
    }

    .password-icon {
        width: 100px;
        height: 100px;
        outline: 5px solid #FF7E0033;
    }

    .vehicle-card ul {
        margin-top: 20px;
    }

    .vehicle-card ul li span {
        font-size: 14px;
    }

    .vehicle-card ul li p {
        font-size: 16px;
    }

    .vehicle-card ul li span {
        width: 48%;
    }

    .wallet-table thead {
        display: table-header-group;
    }

    .vehicle-popup .vehicle-icon svg {
        width: 40px;
        height: 40px;
    }

    .vehicle-popup .vehicle-icon {
        width: 80px;
        height: 80px;
        outline: 5px solid #FF7E0033;
    }

    .vehicle-top-wrp {
        gap: 30px;
    }

    .vehicle-form .form-group,
    .vehicle-form .search-select {
        margin-bottom: 15px;
    }

    .wallet-top-wrp {
        padding: 15px;
        justify-content: center;
    }

    .wallet-top-wrp .wallet-text {
        flex: 0 0 auto;
        flex-direction: column;
    }

    .flight-detail-btn .btn,
    .vehicle-form .btn,
    .password-form .btn,
    .profile-from .btn {
        width: auto;
    }

    /***********  my-resevation page css ********* */
    .resevation-tab .third-card .tab-card-inner {
        padding: 15px;
    }

    .vehicle-drop-right li:not(:last-of-type)::after {
        display: none;
    }

    .my-resevation-sec {
        padding-top: 40px;
    }

    .tab-icon {
        width: 60px;
        height: 60px;
    }

    .flight-detail>ul>li {
        flex: 0 0 100%;
    }

    .flight-detail ul>li.vehicle-detail {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .return-detail li p,
    .passenger-detail li p {
        width: 25%;
    }

    .flight-detail ul>li.vehicle-detail p {
        width: 25%;
    }

    .resevation-tab .section-title {
        margin: 0 auto 20px;
    }

    .resevation-tab #tab-8 .col-12:last-of-type {
        margin-bottom: 0;
    }

    .table-two {
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .flight-detail {
        margin: 20px 0;
    }

    .my-profile-sec .resevation-tab ul li a {
        background-color: #f7f7f7;
    }

    .my-profile-sec .resevation-tab .tab-btn-div ul li a {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    /*****************  subscribe page css  **********/
    .subscribe-booking-section .booking {
        padding: 15px;
    }

    .subscribe-booking-section .booking .book-now-btn .btn {
        width: auto;
        padding: 12px 15px;
    }

    .subscribe-booking-section .booking-box .book-text p,
    .subscribe-booking-section .booking-box .book-text span {
        font-size: 14px;
    }

    .subscribe-card-sec .view-details-top {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .view-details-top .view-details-tab-bottom,
    .view-details-top .view-details-tab-top {
        text-align: center;
    }

    .view-details-tab::after {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 25px solid var(--theme-color);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    #tab-2 .view-details-tab::after {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 25px solid var(--theme-color);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    #tab-3 .view-details-tab::after {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 25px solid var(--theme-color);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    #tab-4 .view-details-tab::after {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 25px solid var(--theme-color);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .view-details-tab {
        margin-top: 40px;
    }

    .view-details-tab .view-details-top h2,
    .view-details-tab .view-details-top .subtitle {
        margin-bottom: 10px;
    }

    .view-details-left {
        padding: 20px 20px 0 20px;
    }

    .view-details-tab .view-details-top .view-details-tab-middle .tab-icon {
        width: 55px;
        height: 55px;
    }

    .close-btn svg {
        width: 15px;
        height: 15px;
    }

    .vehicle-popup .close-btn,
    .sign-up-popup .close-btn,
    .login-popup .close-btn {
        width: 30px;
        height: 30px;
    }

    /**************  vehicle page css  *********/
    .vehicle-detail-sec .vehicle-form .btn,
    .flight-detail-sec .btn {
        padding: 12px 15px;
    }

    .flight-detail-btn,
    .vehicle-detail-btn {
        text-align: center;
    }

    .vehicle-detail-sec .vehicle-card ul li span {
        width: 50%;
    }

    .vehicle-box {
        padding: 15px;
    }

    .vehicle-box .vehicle-card-text h3::after {
        width: 15px;
        height: 15px;
        outline: 3px solid var(--theme-color);
    }

    .vehicle-box .vehicle-card-text h3 {
        padding-left: 40px;
    }

    .vehicle-detail-sec .vehicle-form,
    .flight-detail-sec .vehicle-form {
        padding: 15px;
    }

    /**************  service page css  ***********/
    .service-tab-sec .tabs-wrapper {
        padding: 15px;
    }

    .service-tab-sec .service-tab-box {
        padding: 15px;
    }

    .wallet {
        padding: 15px;
    }

    .wallet label a {
        width: auto;
        padding: 5px 10px;
    }

    .wallet .checkbox-custom label:before {
        padding: 8px;
    }

    .wallet .checkbox-custom input:checked+label:after {
        height: 10px;
        left: 6px;
    }

    .details-title {
        padding: 20px 20px;
    }

    .details-dec {
        padding: 15px;
    }

    .payment-details-sec .row .col-12:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .wallet {
        margin-bottom: 25px;
    }

    .vehicle-detail-btn {
        text-align: center;
    }

    .vehicle-detail-sec .vehicle-card ul li span {
        width: 50%;
    }

    .vehicle-box {
        padding: 15px;
    }

    .vehicle-box .vehicle-card-text h3::after {
        width: 15px;
        height: 15px;
        outline: 3px solid var(--theme-color);
    }

    .vehicle-box .vehicle-card-text h3 {
        padding-left: 40px;
    }

    .vehicle-detail-sec .vehicle-form,
    .flight-detail-sec .vehicle-form {
        padding: 15px;
    }

    .vehicle-popup .close-btn,
    .sign-up-popup .close-btn,
    .login-popup .close-btn {
        width: 30px;
        height: 30px;
    }
}




@media screen and (max-width:575px) {
    :root {
        --h2: normal 800 26px/1.1 var(--first-font);
        --h3: normal 800 22px/1.1 var(--first-font);
    }

    .home-section {
        padding: 70px 0 100px;
    }

    /* about-section */
    .about-section .about-right-col p {
        line-height: 1.5;
    }

    /* service-section */
    .service-section .inner-content {
        margin-bottom: 15px;
    }

    .service-section .service-card-inner .img-wrapper {
        padding-top: 120%;
    }

    /* tab-section */
    .tab-section ul li a {
        padding: 10px 20px;
        font-size: 12px;
    }

    .tab-section .tabs-container .tab-content-middle {
        margin-bottom: 15px;
        padding-right: 0px;
        margin-top: 10px;
    }

    /* reserve-parking-section */
    .reserve-parking-section .booking {
        padding: 15px;
    }

    /* footer */
    .footer-bottom .footer-bottom-row {
        padding-top: 20px;
    }

    .footer-bottom {
        margin-top: 20px;
    }

    .site-footer .footer-col,
    .site-footer .top-footer-right-col .footer-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 20px 0;
        padding-right: 0;
    }

    /* datepicker */
    .ui-datepicker {
        left: 15px !important;
        border: 1px solid var(--border-color);
    }

    .ui-datepicker-calendar thead tr th span {
        width: 35px;
        height: 35px;
    }

    .ui-state-default {
        line-height: 30px;
    }

    .faqs-sec .set .acnav-label {
        padding: 15px 20px 0px 0px;
        font-size: 14px;
    }

    .faqs-sec .set {
        padding-bottom: 15px;
    }

    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 218px !important;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker {
        width: 45px !important;
    }

    .reservation-sec .reservation-img img {
        max-width: 110px;
    }

    .reservation-sec .reservation-main p {
        font-size: 16px;
        margin-top: 15px;
    }

    .offer-sec .section-title {
        flex-direction: column;
        gap: 15px;
    }

    .offer-sec .section-title a {
        font-size: 14px;
    }

    .offer-sec .confirm-card {
        flex-direction: column;
    }

    .offer-sec .confirm-card .confirm-title span {
        margin: 15px 0px 8px;
    }

    .offer-sec .confirm-card .reserve-btn {
        margin-top: 15px;
    }

    .sign-up-sec .section-title h2 {
        font-size: 24px;
    }

    .sign-up-sec .sign-up-left {
        margin-bottom: 20px;
    }

    .sign-up-sec .company-reward .company-reward-wrp {
        flex-direction: column;
    }

    .sign-up-sec .company-reward .company-logo {
        margin: 0 auto 20px;
        max-width: 150px;
    }

    .sign-up-sec .company-reward p {
        margin-left: 0px;
        text-align: center;
    }

    .features-sec .feature-card-wrp li {
        max-width: 100%;
    }

    .features-sec .feature-card-wrp li {
        padding: 15px 15px 15px 0px;
        border-right: 0;
        border-bottom: 1px solid var(--border-color);
    }

    .features-sec .feature-card-wrp li:not(:last-of-type) {
        border-right: 0;
    }

    .features-sec .feature-card-wrp li:first-child {
        border-top: 1px solid var(--border-color);
        padding: 15px 15px 15px 0px;
    }

    .view-form-sec .select-div .empty-input label {
        margin-bottom: 0px;
    }

    .view-rate-one .view-map,
    .view-rate-one .view-map iframe {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .profile-sec .profile-left-wrp .btn-wrp {
        gap: 10px;
    }

    .profile-sec .profile-left-wrp .btn {
        padding: 12px 9px;
    }

    .profile-sec .profile-info li {
        max-width: 100%;
    }

    /***************** new css ******************/
    .client-image-sec .client-bg-img {
        height: 100px;
        width: 101px;
        margin: -50px auto 0;
        border: 4px solid #fffbf7;
    }

    .login-sec {
        padding: 50px 0px;
    }

    /********* prashant vekariya  *********/
    /**********  my-profile page css *********/
    .my-profile-sec .tab-btn-div ul li svg {
        width: 20px;
        height: 20px;
    }

    .my-profile-sec .my-reservation-inner .col-12:last-of-type .resevation-card,
    .my-profile-sec .vehicle-inner .col-12:last-of-type .vehicle-card {
        margin-bottom: 0px;
    }

    .my-profile-sec .my-reservation-inner .resevation-card,
    .my-profile-sec .vehicle-inner .vehicle-card {
        margin-bottom: 15px;
    }

    .my-reservation-inner .details li span {
        width: 40%;
    }

    .pagination-row ul li a {
        width: 25px;
        height: 25px;
    }

    .pagination-row ul span a svg {
        width: 10px;
        height: 10px;
    }

    .wallet-top-wrp {
        flex-direction: column;
        gap: 15px;
    }

    .wallet-price li {
        justify-content: center;
    }

    .wallet-top-wrp .wallet-text {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .resevation-tab #tab-7 .col-12:last-of-type {
        margin-bottom: 0;
    }

    .my-reservation-inner .details li b {
        margin-bottom: 0;
    }

    .my-reservation-inner .Vehicle-info li {
        flex-direction: column;
        gap: 10px;
    }

    .my-reservation-inner .details li:not(:last-of-type),
    .my-reservation-inner .Vehicle-info li:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .my-reservation-inner .details li {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    /******** vehicle-popup css  *********/
    .vehicle-wrapper .vehicle-wrapper-inner .vehicle-wrapper-bottom {
        padding: 30px 15px;
    }

    .vehicle-top-wrp {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        margin-bottom: 15px;
    }

    /**********  my-profile page css *********/
    .vehicle-detail li p,
    .return-detail li p,
    .passenger-detail li p {
        width: 50%;
    }

    /********** my-resevation page css  *********/
    .resevation-date {
        margin-bottom: 15px;
    }

    .qr-code {
        justify-content: start
    }

    .resevation-date .date {
        justify-content: start;
    }

    .vehicle-drop-right {
        flex-wrap: wrap;
        gap: 15px;
    }

    .vehicle-drop-right li {
        width: 45%;
    }

    .tab-icon {
        width: 60px;
        height: 60px;
    }

    .resevation-tab .tab-content-info .subtitle,
    .resevation-tab .tab-content-info h3 {
        margin-bottom: 10px;
    }

    .flight-detail ul>li.vehicle-detail p {
        width: 50%;
    }

    .vehicle-drop-right li h4 {
        max-width: 100%;
    }

    .resevation-tab .service-content .service-content-top h3 {
        font-size: 15px;
    }

    .resevation-tab #tab-1 .col-12:last-of-type {
        margin-bottom: 0;
    }

    /******************** subscribe page css   *********/
    .subscribe-booking-section .booking-box {
        width: 47%;
        flex-direction: column;
        gap: 10px;
    }

    /******** vehicle-popup css  *********/
    .vehicle-wrapper .vehicle-wrapper-inner .vehicle-wrapper-bottom {
        padding: 30px 15px;
    }

    .vehicle-top-wrp {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        margin-bottom: 15px;
    }

    .flight-detail-btn .btn {
        width: auto;
    }

    /******************** subscribe page css   *********/
    .subscribe-booking-section .booking-box {
        width: 47%;
        flex-direction: column;
        gap: 10px;
    }

    .subscribe-card-sec .subscribe-details .col-12 {
        margin-bottom: 15px;
    }

    .subscribe-card-sec .subscribe-details .col-12:last-of-type {
        margin-bottom: 0;
    }

    .view-details-left {
        padding: 15px 15px 0 15px;
    }

    .view-details-tab .view-details-top .view-details-tab-middle .tab-icon {
        width: 45px;
        height: 45px;
    }

    .view-details-right {
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -ms-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 10px 10px;
    }

    .pro-description li .pro-icon svg {
        width: 20px;
        height: 20px;
    }

    /******   login and sign popup  css  ********/
    .sign-up-wrapper,
    .login-wrapper {
        max-width: calc(100% - 30px);
    }

    .sign-up-wrapper .sign-wrapper-inner .sign-wrp-inner,
    .login-wrapper .login-wrapper-inner .login-wrp-inner {
        padding: 35px 15px 15px;
    }

    .sign-up-wrapper .sign-wrapper-inner .section-title p,
    .login-wrapper .login-wrapper-inner .section-title p {
        padding-bottom: 15px;
    }

    .sign-form .form-group,
    .login-form .form-group {
        margin-bottom: 15px;
    }

    /**************  vehicle page css  *********/

    .flight-detail-sec .vehicle-form {
        margin-bottom: 15px;
    }

    .vehicle-detail-sec .vehicle-inner {
        padding-top: 40px
    }

    /**************** service page css  *****************/
    .details-dec li p,
    .details-dec li span {
        font-size: 14px;
    }

    .details-title {
        padding: 15px 15px;
    }

    .details-title .icon {
        width: 35px;
        height: 35px;
    }

    .details-title svg {
        width: 17px;
        height: 17px;
    }

    .card-number {
        margin-top: 15px;
    }
}

@media screen and (max-width:575px) {
    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 218px !important;
    }

    .view-details-right {
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -ms-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 10px 10px;
    }

    .pro-description li .pro-icon svg {
        width: 20px;
        height: 20px;
    }

    /******   login and sign popup  css  ********/
    .sign-up-wrapper,
    .login-wrapper {
        max-width: calc(100% - 30px);
    }

    .sign-up-wrapper .sign-wrapper-inner .sign-wrp-inner,
    .login-wrapper .login-wrapper-inner .login-wrp-inner {
        padding: 35px 15px 15px;
    }

    .sign-up-wrapper .sign-wrapper-inner .section-title p,
    .login-wrapper .login-wrapper-inner .section-title p {
        padding-bottom: 15px;
    }

    .sign-form .form-group,
    .login-form .form-group {
        margin-bottom: 15px;
    }

    /**************  vehicle page css  *********/

    .flight-detail-sec .vehicle-form {
        margin-bottom: 15px;
    }

    .vehicle-detail-sec .vehicle-inner {
        padding-top: 40px
    }

    /**************** service page css  *****************/
    .details-dec li p,
    .details-dec li span {
        font-size: 14px;
    }

    .details-title {
        padding: 15px 15px;
    }

    .details-title .icon {
        width: 35px;
        height: 35px;
    }

    .details-title svg {
        width: 17px;
        height: 17px;
    }
    .flight-detail-btn,
    .vehicle-detail-btn {
        text-align: center;
    }
    .vehicle-detail-sec .vehicle-form .btn,
    .flight-detail-sec .btn {
        padding: 12px 15px;
    }


  }






@media screen and (max-width:767px) {
    .subscribe-card-sec .tab-content .view-details-tab::after {
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 25px solid var(--theme-color);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

}

@media screen and (max-width:1199px) {
    .subscribe-booking-section .booking-box {
        max-width: 280px;
    }
}