/* start media query style*****/

@media only screen and (max-width:1899px) {
    .offerimg {
        width: 560px;
    }

    /*contact us*/

    .cardBox {
        flex-basis: 47.21%;
    }

    /*.testimonial-box .text {
        padding: 20px 110px;
    }*/

    /*Bus overview style*/
    .busoverpopup .css-hz1bth-MuiDialog-container .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: auto 164px !important;
    }
}

@media only screen and (max-width:1799px) {
    #activate-menu {
        padding: 20px 20px;
        width: 580px;
    }

        #activate-menu ul {
            top: 0;
            width: 100%;
            left: 0;
            float: left;
            padding: 90px 80px 0 30px;
        }

            #activate-menu ul li {
                width: 100%;
            }

    .offerimg {
        width: 530px;
    }

    /*.testimonial-box .text {
        padding: 20px 100px;
    }*/

    .leftside {
        width: 420px;
    }

    .testimonialbox {
        gap: 65px;
    }

    .footer_bg {
        gap: 90px;
    }

    .amenitiesleft:after {
        width: 459px;
        height: 320px;
        left: 0;
        right: 0;
        top: 30%;
        margin: 0 auto;
    }

    .amenitiesright {
        width: 44.9%;
        padding: 44px 0 50px 55px;
    }

    .amenitieswrap {
        height: auto;
    }

    .amenitiesleft img {
        max-width: 100%;
    }

    .vediolink {
        width: 80%;
    }

    .servicebox {
        width: 380px;
    }

        .servicebox img {
            max-width: 100%;
        }

    .serviceboxpart p {
        height: 205px;
    }

    /*gallery page */

    .gallerythumimg {
        width: 332px;
        height: 332px;
    }

    .gallerythum a {
        width: 332px;
        height: 332px;
    }

    .rowdata {
        gap: 60px;
    }

    /*blog page */
    .blogcomfortleft {
        width: auto !important;
    }

        .blogcomfortleft.blogcomfortleft02 .blognone01 {
            width: 400px !important;
        }

    .blogcomfort {
        width: 400px !important;
        height: 400px !important;
        max-width: 100% !important;
    }

    .blogtitle {
        font-size: 28px !important;
    }

    .blogcomfortparts.blogcomfortparts02 {
        justify-content: space-between;
    }

    /*My Booking*/

    .booking_passdetail {
        padding: 50px 20px;
    }

    .book_facilityboxwrp img {
        max-width: 100%;
    }

    .book_facilityboxwrp {
        width: 360px;
    }

    /*avilable page*/
    .bookingtab {
        padding: 20px 43px 0;
    }

    .popup_busbordingarea {
        padding: 50px 50px 100px;
    }

    .popup_busbordingarea {
        overflow-y: auto;
        height: calc(100dvh - 17rem);
    }


    .busoverpopup .photosimgwrap img {
        border-radius: 20px;
        width: 270px;
        height: 270px;
    }


    .tab-pane.bookingchart {
        padding: 33px 20px 0;
    }

    .bookingseatchartpart h4 {
        padding: 0 0 12px;
    }

    .bookingseatchart {
        height: calc(100dvh - 15rem);
    }

    .bookingservicefairdetail {
        height: calc(98dvh - 15rem);
    }

    .photosimgwrap img {
        width: 213px;
        height: 143px;
    }

    .lowerdeckchart, .upperdeckchart {
        padding: 26px 40px;
    }

    .seatchartdeta {
        top: 0px;
    }

    .seat-iconvertical {
        min-height: 50px;
        min-width: 22px;
        font-size: 12px;
    }

    .bookingseatchart {
        gap: 30px;
    }

    .lowerdeckchart {
        background-size: 60px;
    }

    .booktabmenu {
        padding: 24px 0 0;
    }

    .seatindicator .seat01 {
        font-size: 18px;
    }

    .seatindicator {
        gap: 23px;
        width: 100%;
    }

        .seatindicator .seat01 em {
            height: 24px;
            width: 24px;
        }

    /* Contact us*/


}

@media only screen and (max-width:1699px) {
    .offerimg {
        width: 500px;
    }

    .toptitle {
        font-size: 38px;
    }

    /*.testimonial-box .text {
        padding: 20px 80px;
    }*/

    .leftside {
        width: 380px;
    }

    .testimonial-box .text {
        font-size: 26px;
        line-height: 36px;
    }

    .servicebox {
        width: 360px;
    }

    .testimonial-box .name {
        line-height: 40px;
        font-size: 18px;
    }

    .amenitiesright ul li {
        font-size: 20px;
        line-height: 40px;
    }

    .amenitiesleft {
        width: 55.8%;
    }

    .applicationright {
        width: 40%;
    }

    .userimg img {
        max-width: 150px;
    }

    .leftside {
        width: 360px;
    }

    .testimonial-box .text {
        font-size: 24px;
    }

    .amenitiesleft {
        width: 65.8%;
    }

    .footer_bg {
        padding: 90px 30px 90px;
        height: auto;
        gap: 120px;
    }

    /* start gallery page style*****/

    .galleryarea.galleryarea {
        padding: 70px;
    }

    .rowdata {
        gap: 55px;
    }

    .gallerythumimg {
        width: 316px;
        height: 316px;
    }

    .gallerythum a {
        width: 100%;
        height: 100%;
    }


    /* start contact page style*****/
    .contact_dropdown {
        gap: 35px;
        width: 62.33%;
    }

    .contactuscol input:checked ~ .tab-content {
        padding: 42px 76px 60px;
    }

    .contactuscol .tab-content p {
        font-size: 25px;
        line-height: 33px;
        padding: 0 0 20px;
    }

    .contact_details {
        padding: 90px 50px 60px;
    }

    .contact_selectoption input {
        font-size: 25px;
    }

    .contact_dropdown .serchcity {
        font-size: 24px;
    }

    .contact_detailswrap .results {
        padding: 90px 0 0;
    }

    /* start about page style*****/

    .abt_promiseright img {
        max-width: 240px;
    }

    .abt_countside .countbox {
        width: 238px;
        height: 200px;
        padding: 35px 20px;
    }

    .abt_milestonestext i {
        display: inline;
    }

    .abt_milestones {
        background-size: cover;
    }

    .abt_countside {
        gap: 20px;
    }

    .countitem p {
        font-size: 18px;
        line-height: 28px;
    }

    .countitem h2 {
        font-size: 38px;
    }

    .countitem h2 {
        font-size: 38px;
        line-height: 45px;
    }

    .abt_countside .countbox {
        width: 230px;
        height: auto;
        padding: 35px 19px;
    }

    .abt_oustory4 h2 {
        width: 63%;
    }





    /* start media query track bus page style*****/

    .iframe-container iframe {
        height: 131.8vh;
    }

    /* start media query AvailbleRoutes page style*****/

    /*.routefilters {
        padding: 20px 0 30px;
    }*/

    .bookingtab {
        padding: 20px 43px 0;
    }

    .popup_busbordingarea {
        padding: 50px 50px 100px;
    }

    .popup_busbordingarea {
        overflow-y: auto;
        height: calc(100dvh - 17rem);
    }





    .tab-pane.bookingchart {
        padding: 33px 20px 0;
    }

    .bookingseatchartpart h4 {
        padding: 0 0 12px;
    }

    .bookingseatchart {
        height: calc(100dvh - 13rem);
    }

    .bookingservicefairdetail {
        height: calc(100dvh - 14rem);
    }

    .bus_amenitiesbox {
        gap: 14px 10px;
    }



    .lowerdeckchart, .upperdeckchart {
        padding: 26px 40px;
    }

    .seatchartdeta {
        top: 0px;
    }

    .seat-iconvertical {
        min-height: 50px;
        min-width: 22px;
        font-size: 12px;
    }

    .bookingseatchart {
        gap: 30px;
    }

    .lowerdeckchart {
        background-size: 60px;
    }

    .booktabmenu {
        padding: 24px 0 0;
    }

    .seatindicator .seat01 {
        font-size: 18px;
    }

    .seatindicator {
        gap: 12px 23px;
        width: 100%;
    }

        .seatindicator .seat01 em {
            height: 24px;
            width: 24px;
        }



    /* end media query AvailbleRoutes page style*****/

    /* start media query coustomer page style*****/

    .passwallet {
        width: 81%;
    }

    .passcontactdata .passemail {
        flex-basis: 48% !important;
    }

    .gststate {
        width: 31%;
    }

    /*My Booking*/

    .booking_passdetail {
        padding: 50px 20px;
    }

    .book_toproutedetail {
        gap: 80px;
    }

    .book_detailduration {
        width: 51%;
    }

        .book_detailduration .durationarrow {
            width: 300px;
        }

    .book_borddetail .bordrop_pickup, .book_dropdetail .bordrop_pickup {
        font-size: 17px;
    }

    .booking_topdetail .booking_busroute .book_busroutename {
        font-size: 28px;
    }

    .book_facilityboxwrp {
        width: 320px;
    }

    .book_benefitofer {
        font-size: 30px;
        width: auto;
    }

    .book_benefitscontent h2 {
        font-size: 36px;
    }

    .book_sechedulebtn {
        padding: 60px 0 84px;
    }
}

@media only screen and (max-width:1600px) {
    .mybookingtab {
        padding: 0 !important;
    }
}

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


    .headermenu {
        flex-basis: 59.9%;
    }

    .offerimg {
        width: 470px;
    }

    .toptitle {
        font-size: 36px;
    }

    .progress-container {
        width: 13%;
    }

    .slider-section .left h1 {
        font-size: 36px;
    }

    .testimonial-box .text {
        font-size: 26px;
    }

    .servicecontent {
        width: 51.4%;
    }

    .serviceslide {
        padding: 100px 0 0;
    }

    .servicebox {
        width: 340px;
    }

    .serviceboxpart h4 {
        font-size: 22px;
        padding: 22px 0 11px;
    }

    .serviceslide .slick-prev, .serviceslide .slick-next {
        width: 40px;
        height: 40px;
        background-position: center -158px;
        top: -60px;
    }

    .serviceslide .slick-next {
        background-position: center -160px;
    }

    .applicationright {
        width: 49%;
    }

    .footer_bg {
        gap: 80px;
    }

    /* trackbus page style*****/
    .iframe-container iframe {
        height: 131.8vh;
    }

    /* gallery page style*****/

    .galleryarea.galleryarea {
        padding: 65px;
    }

    .gallerythumimg {
        width: 293px;
        height: 293px;
    }

    .gallerythum h3 {
        font-size: 22px;
    }


    /* blog page style*****/
    .blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 360px !important;
    }

    .blogcomfort {
        width: 360px !important;
        height: 360px !important;
        max-width: 100% !important;
    }

    .blogtitle {
        font-size: 26px !important;
    }

    /* start mybboking page style*****/

    .book_benefitofer {
        font-size: 27px;
        line-height: 30px;
    }

    .book_benefitscontent h2 {
        font-size: 36px;
        line-height: 44px;
    }

    /* start service page style*****/

    .ser_section img {
        border-radius: 30px;
        max-width: 780px;
        margin: 30px 0 30px 30px;
    }

    .ser_section.ser_section2 img, .ser_section.ser_section4 img {
        border-radius: 30px;
        margin: 30px 30px 30px 0;
    }

    .ser_section .ser_sectionbox {
        padding: 40px 50px 40px 0;
    }

    .ser_section.ser_section2 .ser_sectionbox, .ser_section.ser_section4 .ser_sectionbox {
        padding: 40px 0 40px 50px;
    }

    /* start contact page style*****/

    .cont_feedback {
        width: 100%;
    }

    .followtext {
        width: 69%;
    }

    .cont_feedback:after {
        width: 190px;
        height: 264px;
        background-size: 190px;
    }

    .cont_feedback:before {
        width: 180px;
        height: 180px;
        background-size: 180px;
    }

    /* start About page style*****/

    .abt_oustory {
        padding: 45px;
    }

    .abt_oustoryright img {
        max-width: 667px;
    }

    .abouheadtitle {
        font-size: 37px;
    }

    .abt_promise {
        padding: 45px;
        gap: 44px;
    }

    .abt_milestones {
        padding: 45px 45px 44px;
    }

    .abt_milestonestext {
        font-size: 18px;
    }

    .abt_countside .countbox {
        width: 230px;
        height: 200px;
        padding: 35px 19px;
    }

    .abt_futuretext {
        width: 35%;
    }

    .abt_oustory4 h2 {
        font-size: 20px;
        line-height: 30px;
    }

    /* start available info page style*****/

    .popuup_busroutearrow {
        width: 62%;
    }

    .bookingdeatails {
        width: 50%;
        flex-basis: auto;
    }

    .tab-pane.bookingchart {
        padding: 33px 40px 0;
    }

    .bus_routebox .route_time {
        padding: 10px 0 10px;
    }

    .photosimgwrap img {
        width: 171px;
        height: 101px;
    }

    .upperchart {
        display: flex;
        gap: 20px;
    }

    .bustabname {
        width: 97%;
    }

    /*.seatindicator {
        gap: 20px 30px;
        width: 72%;
    }*/

    /*.bookingseatchart {
        height: calc(100dvh - 18rem);
        gap: 50px;
    }*/

    /*.bookingservicefairdetail {
        height: calc(100dvh - 16rem);
    }*/

    .bookingseatchartpart {
        width: auto;
    }

    .lowerdeckchart, .upperdeckchart {
        width: 288px;
        min-height: 640px;
    }

    .bookingseatchartpart {
        width: 45%;
    }

    .bus_routebox .route_name {
        font-size: 15px;
        line-height: 22px;
    }

    .bookingchartdata {
        gap: 30px;
    }


    /* start bus overview page style*****/

    .pop_busphotos .popup_photoswrap {
        padding: 0 30px 30px 30px;
    }

    .busoverpopup .photosimgwrap img {
        border-radius: 20px;
        width: 256px;
        height: 256px;
    }


    /* start customer info page style*****/

    .passwallet {
        width: 80%;
    }

    .customerinfowrapper {
        padding: 45px;
    }

    .passengerdetails {
        gap: 30px;
    }

    .passengerroutedetails {
        gap: 30px;
    }

    /* end customer info page style*****/
}

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

    .iframe-container iframe {
        height: 131.8vh;
    }
}

@media only screen and (max-width:1499px) {
    #activate-menu {
        right: -42%;
    }

    .headermenuimg img {
        width: 100%;
    }

    .headermenu .navbar-inverse .navbar-nav {
        gap: 35px;
    }

    #activate-menu ul {
        padding: 70px 80px 0 30px;
    }

        #activate-menu ul li {
            margin-bottom: 18px;
        }


    .bookoffer h2 {
        font-size: 36px;
    }

    .loginicon a {
        background-position: center -3px;
    }

    .loginwrap a {
        padding: 13px 26px;
    }

    .dpherowrap {
        width: 47%;
    }

    .headermenu {
        flex-basis: 56.9%;
    }



    .countitem h2 {
        font-size: 40px;
    }

    .offerimg {
        width: 430px;
    }

    .slider-section .left {
        width: 37%;
    }

    .toptitle {
        font-size: 32px;
    }

    .slider-section .left h1 {
        font-size: 32px;
    }

    .testimonial-box .text {
        font-size: 24px;
        line-height: 34px;
    }

    .amenitiesleft:after {
        width: 309px;
    }

    .testimonial-box .right {
        width: 51.1%;
    }

    .amenitiesright ul li {
        font-size: 18px;
        line-height: 35px;
    }

    .amenitiesright .toptitle {
        text-align: left;
        line-height: 36px;
    }

    .chooseus .amenitiesleft img {
        max-width: 611px;
    }


    .amenitiesright {
        width: 44.9%;
        padding: 44px 0 50px 35px;
    }

    .servicebox {
        width: 310px;
    }

    .serviceboxpart p {
        font-size: 15px;
        height: 204px;
    }

    .applicationleft img {
        max-width: 100%;
        border-radius: 0 0 0 40px;
    }

    .footer_bg {
        gap: 24px;
    }

    .serviceboxpart a {
        padding: 11px 30px 10px;
        font-size: 15px;
    }



    /* trackbus page style*****/


    /* gallery page style*****/

    .rowdata {
        gap: 50px;
    }

    .gallerythumimg {
        width: 275px;
        height: 275px;
    }

    .galleryarea.galleryarea {
        padding: 60px;
    }
    /* blog page style*****/

    .blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 340px !important;
    }

    .blogcomfort {
        width: 340px !important;
        height: 340px !important;
        max-width: 100% !important;
    }

    .blogtitle {
        font-size: 24px !important;
    }

    .blogmore {
        padding: 12px 26px !important;
    }

    /* mybooking page style*****/

    .book_detailduration {
        font-size: 17px;
    }

    .booking_topdetail .booking_busroute .book_busroutename {
        font-size: 26px;
    }

    .book_detailduration .durationarrow {
        width: 270px;
    }

    .book_facilityboxwrp {
        width: 290px;
    }

    /* start service page style*****/

    .ser_section img {
        max-width: 720px;
    }

    .ser_section {
        align-items: center;
        gap: 70px;
    }
    /* start about page style*****/

    .abt_oustoryleft {
        flex-basis: 45%;
    }

    .abouheadtitle {
        font-size: 35px;
    }

    .abt_promise {
        padding: 45px;
        gap: 24px;
        flex-direction: column;
    }

    /* start AVAILABAL info page style*****/

    .routefilters {
        padding: 25px 25px 45px;
    }

    .routeleftside {
        width: 26.5%;
    }

    .routerightside {
        gap: 25px;
    }

    .routerightcontent {
        width: 70.55%;
    }

    .busfacilitiestab {
        padding: 20px 30px;
    }

    .busroutetimetable {
        padding: 29px 30px 29px;
    }

    .rattinglabel label.ratpoint {
        padding: 8px 20px 8px 36px;
        font-size: 18px;
        background-position: 6px -880px;
        background-size: 30px;
    }

    .busfacilitiestab .nav-tabs {
        flex-basis: 61.8%;
    }
    /*  bus overview  page style*****/

    .busoverpopup .css-hz1bth-MuiDialog-container .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: auto 100px !important;
    }



    /* END AVAILABAL info page style*****/

    /* start customer info page style*****/

    .passwallet {
        width: 77%;
    }

    .passage {
        width: 15%;
    }

    .passfaredetails.passengerbox {
        padding: 20px 30px 30px;
    }

    .customerinfohead .filter-drawerpart {
        padding: 10px 30px 40px;
        border-bottom: 1px solid #f0f0f0;
    }

    .passinfo .filter-drawerpart {
        padding: 10px 30px 10px;
    }

    .customerinfohead .filter-drawer__title {
        font-size: 25px;
        line-height: 29px;
        padding: 22px 40px 20px 75px !important;
        background-position: 29px -1957px;
    }

    .customerinfohead.passinfo .filter-drawer__title {
        background-position: 29px -1829px;
    }

    .contactinfo .filter-drawer__title {
        background-position: 29px -1699px;
    }

    .passengerroutedetails {
        gap: 25px;
    }

    .customerroutedata {
        gap: 25px;
    }

    .passengerdetails {
        gap: 25px;
    }

    /* end customer info page style*****/
}

@media only screen and (max-width:1399px) {
    #activator {
        top: 22px;
        right: 10px;
    }

    #activate-menu {
        right: -45%;
        width: 400px;
    }

        #activate-menu ul {
            padding: 60px 40px 0 20px;
        }

            #activate-menu ul li {
                margin-bottom: 20px;
            }

                #activate-menu ul li a {
                    font-size: 15px;
                    padding: 10px 0px 10px 20px;
                }

    .headermenu {
        flex-basis: 60.5%;
    }

        .headermenu .navbar-inverse .navbar-nav {
            gap: 35px;
        }

    .offerimg {
        width: 400px;
    }

    .userimg img {
        max-width: 140px;
    }

    .testimonialbox {
        gap: 45px;
    }

    .leftside {
        width: 350px;
    }

    .toptitle {
        font-size: 30px;
    }

    .toptitle {
        font-size: 30px;
    }

    .slider-section .left {
        width: 40%;
    }

    .progress-container {
        width: 15%;
    }

    .slider-section .tabs {
        padding: 36px 0 0;
    }

    .testimonial-box .text {
        font-size: 21px;
    }

    /*.slick-initialized .slick-slide, .slick-slide img {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }*/

    .serviceicon {
        width: 93%;
    }

    .servicebox {
        width: 100%;
    }

    .serviceboxpart p {
        font-size: 15px;
        height: 164px;
    }

    .applicationright {
        width: 39%;
        padding: 68px 0 0 12px;
    }

    .footer_title h5 {
        font-size: 24px;
    }

    .footer_navlinks {
        padding: 29px 0 0;
    }

    .aboutfooter p {
        padding: 26px 0 0;
    }

    .footer_bg {
        padding: 80px 30px 80px;
    }

    /* gallery  page style*****/
    .gallerythumimg {
        width: 252px;
        height: 252px;
    }

    /* blog  page style*****/


    /*.blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 320px !important;
    }

    .blogcomfort {
        width: 320px !important;
        height: 320px !important;
    }*/
    .blogcomfortparts.blogcomfortparts02 {
        gap: 50px !important;
    }


    .blogcontentinnr {
        padding: 60px 54px !important;
    }

    .blogtitle {
        font-size: 23px !important;
        line-height: 30px !important;
    }

    .slider-text-bg h1 {
        font-size: 34px !important;
    }

    .slider-text-bg h1, .blog_main_content h2 {
        font-size: 34px !important;
    }

    .blog_main_content img {
        max-width: 100%;
        width: 650px;
        height: 300px;
        object-fit: cover;
        border-radius: 30px;
    }

    .blogarea {
        padding: 80px 0 0;
    }

    .blogpart {
        gap: 60px;
    }

    /* start media query contact page style*****/

    .contact_details {
        padding: 80px 50px 60px;
    }

    .contact_selectoption input {
        height: 70px;
    }

    .contact_dropdown .serchcity {
        height: 70px;
    }

    .contactuscol .tab-label {
        padding: 23px 20px;
        font-size: 28px;
        line-height: 36px;
    }

    .contactuscol input:checked ~ .tab-content {
        padding: 32px 66px 60px;
    }

    .contactuscol .tab-content h4 {
        font-size: 24px;
        line-height: 28px;
    }

    .contactuscol .tab-content p {
        font-size: 24px;
        line-height: 32px;
        padding: 0 0 20px;
    }

    .contact_detailswrap .results {
        padding: 80px 0 0;
    }

    .cont_sectionbox {
        width: 41.1%;
    }

    .cont_followus {
        width: 47.8%;
    }

    .cont_sectionpart {
        min-height: auto;
        background-size: cover;
    }

    .cont_boxdetail {
        width: 100%;
    }

    .cont_boxfeedback {
        position: relative;
        z-index: 1;
    }

    /* start media query service page style*****/

    .ser_section img {
        max-width: 640px;
        margin: 0;
    }

    .ser_section {
        padding: 0 30px;
    }

        .ser_section .ser_sectionbox {
            padding: 40px 0 40px 0;
        }

        .ser_section.ser_section2 .ser_sectionbox, .ser_section.ser_section4 .ser_sectionbox {
            padding: 40px 0 40px 0;
        }


    /* start media query about page style*****/

    .abouheadtitle {
        font-size: 33px;
    }

    .abt_oustoryleft {
        flex-basis: 42%;
    }

    .abt_oustory {
        padding: 45px;
        align-items: center;
    }

    /* start media query AvailbleRoutes page style*****/

    .popuup_busroutearrow {
        width: 58%;
    }

    .popup_busbordingarea {
        padding: 30px;
    }

    .popup_busbordingwrap {
        gap: 40px;
    }

    .point-row .point-name {
        width: 60%;
    }

    .tab-pane.bookingchart {
        padding: 28px 25px 40px;
    }

    .lowerdeckchart, .upperdeckchart {
        width: 270px;
        /*min-height: 720px;*/
        padding: 30px;
    }

    .seatindicator .seat01 em {
        height: 16px;
        width: 16px;
        margin: 0 6px 0 0;
    }

    .seatindicator .seat01 {
        font-size: 13px;
    }

    .upperlowerchart {
        padding: 0 0 0;
    }

    .bookingdeatails {
        flex-basis: 37%;
        padding: 40px 0 0;
    }

    .bookingseatchartpart {
        width: 50%;
    }



    .popuup_routedetail {
        padding: 27px 30px 27px;
    }

    .popup_busovertab {
        padding: 0 50px;
    }

    .popup_photoswrap {
        margin: 40px 30px;
    }

    .bus_bordingpointarea {
        padding: 40px 30px;
    }

    .bookingdeatails {
        width: 50%;
        flex-basis: auto;
    }

    .bookingchartdata {
        gap: 20px;
    }

    .bustiming {
        flex-basis: 46%;
    }

    .modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 10px 0 31px;
        font-size: 17px;
    }

    /*.filter_tab_main {
        padding: 18px 22px;
    }*/

    .filter-drawer__title {
        font-size: 16px;
    }

        .filter-drawer__title::after {
            top: 1px;
            font-size: 17px;
        }

    .filtercheckbox label::before {
        width: 20px;
        height: 20px;
        top: 2px;
    }

    /*.filtercheckbox {
        padding: 18px 0 0;
        margin: 18px 0 0;
        gap: 16px;
    }*/

    .routefilters {
        padding: 20px 20px 45px;
        gap: 35px;
    }

    .busfacilitiestab {
        padding: 15px 20px;
        flex-wrap: wrap;
    }

    .busratting {
        display: flex;
        width: 40%;
    }

    .busfacilitiestab .nav-tabs {
        flex-basis: 71.8%;
    }

    .bustiming {
        flex-basis: 44%;
    }

    /*.modifywrapper {
        padding: 18px 0 18px;
    }*/

    .modifybookingsearch .modifyinput input {
        font-size: 17px;
    }

    /* end media query bus overview page style*****/

    .busoverpopup .photosimgwrap img {
        border-radius: 20px;
        width: 238px;
        height: 238px;
    }

    .photosimgwrap img {
        width: 168px;
        height: 98px;
    }

    /* end media query AvailbleRoutes page style*****/

    /*customer info start*/

    .customerinfowrapper {
        padding: 40px;
    }

    .journeydate label {
        font-size: 14px;
        padding: 0 0 0;
    }

    /*.passengermainbox {
        padding: 25px;
    }*/

    .passengerfillbox {
        gap: 16px;
    }

    .customerinfowrapper .customerinfotitle {
        font-size: 21px;
    }

    /*.passcontactdata {
        padding: 25px;
        margin: 16px 0 0;
    }*/

    .passengertitle {
        font-size: 17px;
        padding: 0 0 16px;
    }

        .passengertitle.hotdealbox label {
            font-size: 17px;
        }

    .psngrpaybox {
        padding: 25px;
    }

    .passengercount {
        padding: 0 0 16px;
    }

    .passage {
        width: 17%;
    }

    .customerinfohead .filter-drawer__title::after {
        right: 40px;
        top: 22px;
    }

    .customerroutedata {
        padding: 50px 0 0;
    }

    .customerinfohead .filter-drawerpart {
        padding: 10px 30px 30px;
    }

    .passinfo .filter-drawerpart {
        padding: 10px 30px 0;
    }

    .tripboarding p, .tripdropping p {
        font-size: 18px;
    }

    .tripboarding p, .tripdropping p {
        font-size: 18px;
        line-height: 22px;
    }

    .journeydate .journeycity {
        font-size: 18px;
    }

    .journeyfromcity .bustype {
        font-size: 15px;
    }

    .journeytitle {
        font-size: 23px;
    }

    .customerinfohead .filter-drawer__title {
        font-size: 23px;
        line-height: 25px;
    }

    /*.journeydate {
        padding: 25px 22px 0;
    }*/

    .terms_conditions .passengertitle.hotdealbox label {
        font-size: 15px;
    }

    .passengertitle.hotdealbox a {
        font-size: 15px;
    }

    .journeydate.journeytiming {
        padding: 25px 22px;
    }

    .passfaredetails.passengerbox {
        padding: 25px;
    }

    .coupencardoffer {
        padding: 12px 20px;
    }

    .passengerwallet .passcontactdata {
        padding: 12px 10px;
    }

    /*Customer info end*/

    /*ModifyTicket css*/

    .modify_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 100%;
    }

    .modify_popup_main .css-qfz70r-MuiFormGroup-root {
        padding: 15px 0 20px;
    }

    .modifyarticledetails {
        padding: 25px 0 0;
    }

        .modifyarticledetails table thead tr th {
            padding: 10px 0px;
        }

        .modifyarticledetails table tbody tr td {
            padding: 15px 0px;
        }

    .partialdata {
        width: 90%;
        margin: 30px auto 0;
    }

    .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
        padding: 5px;
    }

    .modifydetailsinput.modifydetailscancelbutton {
        padding: 30px 0 0;
        margin: 35px 0 0px;
        gap: 20px;
    }

        .modifydetailsinput.modifydetailscancelbutton button {
            font-size: 15px;
            padding: 10px 30px;
        }

    /*ModifyTicket css*/

    /*My Booking css*/

    .bookingdetaileft {
        padding: 0 52px 0 6.7%;
    }

    .bookinglist_tabs .booking_title {
        font-size: 28px;
    }

    .mybookinglistype {
        padding: 60px 0;
    }

        .mybookinglistype .bookingmonth h5 {
            font-size: 22px;
        }

    .booking_routedetail .booking_passdetail .booking_passdetailbox .booking_pass_seatdeatil .booking_pasetno {
        font-size: 14px;
    }

    .booking_routedetail .booking_passdetail .booking_passdetailbox .booking_pass_seatdeatil .booking_pasetno {
        font-size: 14px;
    }

    p.booking_busbordname, .booking_busdropname {
        font-size: 23px;
    }

    .book_borddetail .bordrop_timming, .book_dropdetail .bordrop_timming {
        font-size: 17px;
    }

    .book_detailduration .durationarrow {
        width: 254px;
    }

    .book_toproutedetail {
        padding: 0 0 60px;
    }

    .book_facilityboxwrp {
        width: 270px;
    }

    .book_benefitscontent h2 {
        font-size: 33px;
        line-height: 36px;
        padding: 30px 0 23px 50px;
    }

    .book_detailduration .durationarrow {
        width: 224px;
    }

    .book_borddetail .bordrop_pickup, .book_dropdetail .bordrop_pickup {
        font-size: 16px;
    }

    .book_borddetail .bordrop_timming, .book_dropdetail .bordrop_timming {
        font-size: 16px;
    }

    .booking_topdetail .booking_busroute .book_busroutename {
        font-size: 24px;
    }

    .booking_topdetail .booking_buspnr {
        font-size: 18px;
    }

    .book_borddetail h3.bordrop_title, .book_dropdetail h3.bordrop_title {
        font-size: 22px;
        font-weight: 600;
        color: #009A3B;
        padding: 0 0 0 40px;
        display: inline-block;
        background-image: url(../images/site/icon01.svg?d=0.2);
        background-repeat: no-repeat;
        background-position: left -1528px;
        letter-spacing: 0.5px;
    }

    .book_sechedulebtn {
        padding: 60px 0 74px;
    }

    .book_facilityboxwrp {
        width: 260px;
    }

    .book_facilitytext {
        border-radius: 0 0 18px 18px;
        font-size: 18px;
        padding: 15px 0;
    }

    .book_accdetail {
        padding: 25px 20px;
    }

    .book_wpdetail {
        padding: 25px 30px;
    }

        .book_accdetail h3, .book_wpdetail h3 {
            font-size: 24px;
        }
}

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

    .iframe-container iframe {
        height: 129.2vh;
    }
}

@media only screen and (max-width:1309px) {
    .modifybutton {
        width: 14.1%;
    }

    .headermenu .navbar-inverse .navbar-nav {
        gap: 28px;
    }

    .loginwrap a {
        font-size: 15px;
    }

    .dpherowrap {
        width: 50%;
    }

    .bookoffer h2 {
        font-size: 34px;
    }

    .countitem p {
        font-size: 18px;
    }

    .countside {
        padding: 34px 80px;
    }

    .countitem h2 {
        font-size: 38px;
    }

    .toptitle {
        font-size: 28px;
    }

    .offerslider {
        padding: 40px 0 0;
    }

    .offerimg {
        width: 380px;
    }

    .slider-section .left h1 {
        font-size: 28px;
    }

    .slider-section .left {
        width: 43%;
    }

        .slider-section .left p {
            padding: 17px 0 0;
        }

    .testimonial-box .text {
        /*padding: 20px 60px;*/
    }

    .testimonial-box .right {
        width: auto;
    }

    .testimonial-box .left h2 {
        line-height: 40px;
    }

    .amenitiesleft img {
        max-width: 764px;
    }

    .amenitiesright {
        padding: 44px 50px 35px;
    }

    .chooseus .amenitiesleft {
        padding: 0 0 0 0;
    }

    .amenitiesright ul li {
        font-size: 16px;
        line-height: 32px;
    }

    .amenitiesleft:after {
        top: 20%;
    }

    .amenitiesarea {
        padding: 70px 0 70px;
    }

    .applicationright {
        padding: 48px 0 0 22px;
    }

    .appservice {
        padding: 53px 0 0;
    }

    .applicationwrap {
        padding: 70px 0 0;
    }

    .servicecontent {
        width: 57.4%;
    }

    .footer_bg {
        padding: 70px 30px 70px;
        flex-wrap: wrap;
        gap: 50px;
    }

    .footer_contact {
        width: 100%;
    }



    /* FAQ page style*****/
    .faq_sectionpart {
        padding: 40px 50px 70px;
    }

    .faq_sectionwrap {
        padding: 40px 0 0;
    }

    /* bus overview page style*****/

    .busoverpopup .photosimgwrap img {
        border-radius: 20px;
        width: 221px;
        height: 221px;
    }

    /* wallet page style*****/

    .season_contentwallet {
        padding: 0 30px;
    }


    /* gallery page style*****/


    .galleryarea.galleryarea {
        padding: 55px;
    }

    .gallerythum a img {
        border-radius: 35px;
    }

    .gallerythumimg {
        width: 235px;
        height: 235px;
    }

    .gallerythum h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .gallerywrap .column {
        float: left;
        width: 33.3% !important;
    }

    /* blog page style*****/
    .blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 330px !important;
    }

    .blogcomfort {
        width: 330px !important;
        height: 330px !important;
    }

    /* start media query aboutus page style*****/
    .abt_milestones {
        padding: 45px 45px 44px;
        justify-content: flex-start;
    }

    .abouheadtitle {
        font-size: 31px;
        line-height: 40px;
    }

    .abt_oustoryright img {
        max-width: 600px;
    }



    /* start media query AvailbleRoutes page style*****/

    /*.modifywrapper {
        padding: 15px 0;
    }*/

    /*.modifybookingform {
        padding: 16px;
    }*/

    .bus_bordingpointbox h3 i {
        width: 30px;
        height: 30px;
    }

    .bus_route {
        height: auto;
    }

    .bus_routelist {
        padding: 30px 0 0 40px;
        height: auto;
    }

    .bus_route:after {
        left: 11px;
    }

    .bustabname button {
        padding: 13px 5px;
        /* width: 130px; */
        font-size: 13px;
    }

    .bookingdeatails {
        height: auto;
    }

    .seatindicator .seat01 {
        font-size: 16px;
    }

    .bookingdeatails {
        flex-basis: auto;
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
        width: 48%;
    }

    /*.bookingservicefairdetail {
        height: calc(100dvh - 15rem);
    }*/

    .bookingchartdata {
        width: 100%;
    }

    .busroutetimetable {
        padding: 29px 20px 29px;
    }

    .routepoint {
        width: 60%;
    }

    .bookingseatchart {
        width: 100%;
    }

    .filtercheckbox {
        flex-wrap: wrap;
    }

    .bustypecheckbox {
        width: 48%;
    }

    .bustiming .busroutearea {
        gap: 58px;
    }

    .modifytodate:before {
        top: -16px;
        height: 84px;
    }

    .modifytodate.modifyfromdate:after {
        top: -16px;
        height: 84px;
    }

    .serviceboxdetail p {
        font-size: 15px;
    }

    .serviceboxdetail label {
        font-size: 15px;
    }

    /*.serviceboxtitle {
        font-size: 15px;
        padding: 8px 16px;
    }*/

    .fairdetails p, .fairdetails label {
        font-size: 15px;
        font-weight: 400;
        color: var(--primary);
    }

    /*Customer Info start*/



    .hotdealbox label::before {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .terms_conditions .passengertitle.hotdealbox label {
        font-size: 14px;
    }

    .passengertitle.hotdealbox a {
        font-size: 14px;
    }

    .coinbalance {
        margin: 0 0 50px;
    }

    .passfaredetails.passengerbox {
        padding: 20px;
    }

    .faredetailinfo {
        gap: 8px;
    }

    .journeytitle {
        font-size: 22px;
    }

    .tripseatno {
        font-size: 18px;
    }

    .tripboarding .journeydate, .tripdropping .journeydate {
        padding: 10px 0 0;
        gap: 10px;
    }

    .customerinfohead .filter-drawer__title {
        font-size: 22px;
        line-height: 24px;
    }

    .contactprocess label::before {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    /*Customer Info end*/
}

@media only screen and (max-width:1269px) {
    .iframe-container iframe {
        height: 129.2vh;
    }
}


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

    .headermenu {
        flex-basis: 59.9%;
    }

        .headermenu .navbar-inverse .navbar-nav {
            gap: 9px;
        }


    .loginwrap {
        padding: 9px 9px 9px 20px;
        gap: 11px;
    }

    .sitelogo img {
        max-width: 142px;
    }

    .bookingwrapper {
        padding: 40px 0 0 40px;
    }

    .dpherowrap {
        width: 61%;
    }

    .serviceswraptop ul {
        justify-content: center;
    }

    .bookoffer p {
        padding: 20px 0 30px;
    }

    .bookoffer h2 {
        font-size: 30px;
    }

    .offerwrap {
        padding: 60px 0 0;
    }

    .offerimg {
        width: 310px;
    }

    .slider-section .main {
        padding: 60px 0;
    }

    .slider-section .left {
        padding: 40px 0 0 40px;
    }

        .slider-section .left h1 {
            font-size: 26px;
            line-height: 40px;
        }

    .slider-section .tabs {
        padding: 30px 0 0;
    }

    .progress-container {
        width: 19%;
    }

    .testimonial-box .left {
        width: 45%;
    }

        .testimonial-box .left h2 {
            line-height: 40px;
        }

    .testimonial-box .right {
        width: 52.6%;
        padding: 24px;
        height: auto;
    }

    .testimonial-box {
        padding: 40px;
    }

    .leftside {
        width: 320px;
    }

    .rightimg {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .stars img {
        max-width: 20px;
    }

    .chooseus .amenitiesleft img {
        max-width: 416px;
    }

    .testimonial-box .text {
        font-size: 18px;
        line-height: 24px;
        padding: 20px;
    }

    .testimonialbox {
        gap: 2px;
    }


    .userimg img {
        max-width: 100px;
    }

    .testimonial-box .name {
        line-height: 22px;
        font-size: 16px;
    }

    .testimonial-box .right {
        /*width: auto;*/
        padding: 24px;
    }

    .amenitiesleft img {
        max-width: 554px;
        border-radius: 40px 0 0 40px;
    }

    .amenitiesright ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .amenitiesright {
        width: 48.9%;
    }

    .userimg img {
        max-width: 130px;
    }

    .amenitiesleft {
        width: 52%;
    }

        .amenitiesleft:after {
            width: 230px;
        }

    .toptitle {
        font-size: 26px;
    }

    .amenitiesarea {
        padding: 60px 0 60px;
    }



    .serviceboxpart p {
        font-size: 14px;
        height: 166px;
        line-height: 23px;
    }

    .serviceboxpart h4 {
        font-size: 20px;
        padding: 18px 0 8px;
    }


    .serviceslide .slick-prev, .serviceslide .slick-next {
        width: 40px;
        height: 40px;
        background-position: center -158px;
        top: -60px;
    }

    .servicecontent p {
        font-size: 15px;
        line-height: 24px;
    }

    .servicesleft .toptitle p {
        font-size: 16px;
        padding: 2px 0 0;
    }

    .applicationwrap {
        padding: 60px 0 0;
    }

    .applicationarea {
        display: flex;
        align-items: flex-end;
    }

    .applicationright {
        padding: 40px 12px;
        width: 47%;
    }

        .applicationright .toptitle i {
            line-height: 22px;
        }

        .applicationright p {
            font-size: 15px;
        }

    .appservice {
        padding: 43px 0 0;
        flex-wrap: wrap;
    }

    .navbarmenu {
        width: 20%;
    }

    .footer_bg {
        padding: 60px 30px;
    }

    .routenum p {
        padding: 0 !important;
        font-size: 15px;
    }

    .routenum {
        margin: 46px 0 0;
    }

    /*  wallet page style*****/

    .booking-detail-wallet {
        margin: 48px 0 0;
        padding: 65px 0;
    }

    .walletamt_rec {
        font-size: 26px;
    }

    .walletamt_wrap .walleticon {
        height: 50px;
        width: 50px;
        background-size: 55px;
        background-position: -3px -3830px;
    }

    .walletdtls {
        padding: 50px 0 0;
        gap: 50px;
    }

    .walletamdata .tabtitle.tabtitlewlt {
        padding: 24px 0 23px 95px;
        font-size: 18px;
    }

    .walletpart1 {
        padding: 21px 75px;
    }

    .walletcol label, .walletcol .datewallet {
        font-size: 26px;
        line-height: 40px;
    }

    .walletpart2 {
        padding: 23px 75px;
    }

        .walletpart2 .walletcol span {
            font-size: 18px;
        }

    .walletdatainfo .walletdtlsinfo .walletcol p, .walletcol em {
        font-size: 18px;
    }

    .walletdatainfo .walletdtlsinfo .wlletcrdt span {
        padding: 8px 24px;
        font-size: 16px;
    }

    .walletcol label, .walletcol .datewallet {
        font-size: 24px;
    }

    .walletamt_rec {
        font-size: 24px;
    }

    .walletamdata .tabtitle.tabtitlewlt {
        padding: 24px 0 23px 75px;
    }

    .walletdatainfo {
        gap: 50px;
    }


    /*  gallery page style*****/
    .galleryarea.galleryarea {
        padding: 50px;
        border-radius: 35px;
    }

    .gallerythum a img {
        border-radius: 30px;
    }

    .rowdata {
        gap: 30px;
        justify-content: center;
    }

    .gallerybox {
        width: 30.9%;
    }

    .gallerythum h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .gallerythumimg {
        width: 100%;
        height: 260px;
    }

    /*  Blog page style*****/
    .blogcomfort {
        width: 270px !important;
        height: 270px !important;
        max-width: 100% !important;
    }

    .blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 270px !important;
    }

    .blogdetail, .blogcontenttop.blogcontenttop03 .blogdetail {
        padding: 0 !important;
    }

    .blogcomfort img {
        border-radius: 30px !important;
    }

    .blogtitle {
        font-size: 19px !important;
        line-height: 26px !important;
    }

    .blogcomfortparts.blogcomfortparts02 {
        gap: 30px !important;
    }

    .blogcontentinnr {
        padding: 55px 45px !important;
    }

    .blog_main_content p img {
        width: 600px;
        border-radius: 30px;
    }

    .blogright img {
        width: 390px !important;
        height: 420px !important;
        object-fit: cover;
        border-radius: 30px;
    }

    .slider-text-bg h1, .blog_main_content h2 {
        font-size: 28px !important;
    }

    .blogarea {
        gap: 50px;
        padding: 80px 0 0;
    }


    /* start media query faq page style*****/

    .faq_sectionpart {
        padding: 40px 50px 70px;
    }

    .faq_sectionwrap {
        padding: 40px 0 0;
        gap: 60px;
    }

    .faq_sectionare .filter-drawer {
        padding: 20px 45px;
    }

    .faq_sectionare .faq_titlename {
        font-size: 20px;
    }
    /* start media query track cargo page style*****/

    .trackcargodiv .back-button {
        padding: 0 0 0 27px;
    }

    .trackcargodiv .btn-share, .booking-detail-headtop .btn-share {
        font-size: 16px;
    }

    .trackcargodiv .booking_title {
        font-size: 26px;
    }

    .trackcargodiv .booking-detail-headtop {
        padding: 26px 40px 24px;
    }

    .trackcargodiv .bookingform {
        padding: 40px 0 40px 40px;
    }

    .trackcargodiv .bookingtrack {
        width: 39.75%;
    }

    .cargo_data_box p {
        font-size: 16px;
    }

    .cargo_data_box {
        padding: 16px;
        gap: 50px;
    }

    .cargo-result_list {
        padding: 0 40px 0 56px;
    }

        .cargo-result_list .cargo-result_title {
            padding: 0 66px 0 20px;
        }

    .trackcargodiv .cargo-result {
        padding: 0 0 0 40px;
    }

    .cargo-point {
        width: 30px;
        padding: 30px 0 0;
    }

        .cargo-point em {
            width: 30px;
            height: 30px;
        }

        .cargo-point span {
            position: relative;
            top: -1px;
        }

    .trackcargodiv {
        padding: 0 0 70px;
    }

    .cargo-result_list .cargo-result_data {
        gap: 20px;
    }

    /* start media query contact page style*****/

    .contact_selectoption {
        gap: 50px;
    }

    .contact_dropdown {
        gap: 35px;
        width: 82.33%;
    }

    .contact_selectoption input {
        font-size: 22px;
        height: 65px;
    }

    .contact_dropdown .serchcity {
        font-size: 22px;
        height: 65px;
    }

    .contact_dropdown {
        gap: 30px;
        width: 82.33%;
    }

    .contact_detailswrap .results {
        padding: 70px 0 0;
    }

    .contact_details {
        padding: 70px 45px 60px;
    }

    .contactuscol {
        gap: 40px 50px;
    }

        .contactuscol .tab-label {
            padding: 20px 20px;
            font-size: 26px;
            line-height: 34px;
            border-radius: 35px 35px 0 0;
        }

        .contactuscol input:checked ~ .tab-content {
            padding: 32px 50px 50px;
        }

        .contactuscol .tab-content p {
            font-size: 22px;
            line-height: 30px;
            padding: 0 0 20px;
        }

    .contactuscol {
        gap: 40px 40px;
    }

    .cardBox {
        flex-basis: 47.78%;
    }

    .contact_details h2 {
        font-size: 35px;
        padding: 0 0 30px;
    }

    .contactuscol .tab-content h4 {
        color: var(--text);
        font-size: 20px;
        line-height: 26px;
        padding: 0 0 25px;
        font-weight: 600;
        text-transform: capitalize;
    }

    .cont_sectionbox {
        width: 47.1%;
        padding: 30px;
    }

    .cont_feedback .abouheadtitle {
        width: 100%;
        padding: 20px 0 70px;
    }

    .cont_sectionpart3 {
        gap: 50px;
    }

    .cont_followicon.socialicon {
        gap: 50px;
    }

    .followtext {
        width: 100%;
    }

    .cont_panter a {
        margin: 48px 0 0;
    }

    .cont_followus {
        width: 47.8%;
        padding: 40px;
    }

    .cont_panter {
        padding: 40px;
    }


    /* start media query service page style*****/

    .ser_sectioncare {
        width: 61.7%;
    }

    .ser_section {
        padding: 35px;
        flex-direction: column;
        gap: 50px;
    }

        .ser_section .ser_sectionbox {
            padding: 0;
        }

        .ser_section.ser_section2 .ser_sectionbox, .ser_section.ser_section4 .ser_sectionbox {
            padding: 0;
        }

        .ser_section.ser_section2 img, .ser_section.ser_section4 img {
            border-radius: 30px;
            margin: 0;
        }


    /* start media query aboutus page style*****/
    .abt_oustory {
        padding: 40px;
        flex-direction: column;
        gap: 20px;
    }

    .abt_countside {
        justify-content: space-around;
    }

    .abt_milestones .aboutitle {
        text-align: center;
    }

    .abt_milestonestext {
        text-align: center;
    }


    .abt_oustory2 {
        padding: 50px 0;
        flex-direction: column;
    }

    .abt_promise {
        padding: 40px;
        gap: 24px;
        flex-direction: row;
        align-items: center;
    }

    .abt_milestones {
        padding: 40px;
        justify-content: flex-start;
    }

    .abt_oustory3 {
        padding: 40px;
        border-radius: 40px;
        flex-direction: column;
        background-size: cover;
        align-items: flex-end;
    }

    .abt_futuretext {
        width: 100%;
    }

    .abt_futurepart {
        padding: 30px 0 0;
        width: 79%;
    }

    .abt_oustory4 {
        padding: 40px;
        margin: 50px 0 0;
    }

    .abt_busimg img {
        max-width: 240px;
    }

    .abt_busimg {
        gap: 50px;
        padding: 46px 0;
    }

    .abt_futurebox.abt_futurebox3 {
        width: 100%;
    }


    /* start media query bus overview page style*****/

    .busoverpopup .css-hz1bth-MuiDialog-container .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: auto 90px !important;
    }

    .busoverpopup .photosimgwrap img {
        border-radius: 20px;
        width: 218px;
        height: 218px;
    }

    /* start media query AvailbleRoutes page style*****/

    .popuup_routedetail {
        padding: 27px 20px 27px;
    }

    .popuup_busroutearrow {
        width: 52%;
    }

    .popuup_busduration img {
        max-width: 90px;
    }

    .popup_busbordingwrap .point-row {
        padding: 17px 0 20px;
    }

    .popup_busbordingwrap .css-1ps6pg7-MuiPaper-root {
        padding: 7px 20px 20px;
    }

    .point-row .point-date, .point-row .point-time {
        font-size: 15px;
    }


    .boardingpointchart {
        width: 100%;
    }

    .droppingpointchart {
        width: 100%;
    }

    .bookingservicedetails, .bookingfairdetails {
        /*width: 100%;*/
    }

    /*.modifybookingform {
        padding: 12px;
    }*/

    .modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 10px 0 25px;
        background-position: 0 8px;
        background-size: 20px;
    }

    .modifybookingsearch .modifyinput.modifyfromcity input {
        background-position: 0 -138px !important;
    }

    .modifyswapcity {
        background-position: center -298px;
        top: 17px;
        width: 20px;
        height: 19px;
        background-size: 20px;
    }

    .modifytocity {
        width: 50%;
    }



    .modifytocity {
        height: 46px;
    }

    .modifybutton button {
        height: 46px;
        font-size: 15px;
    }

    .routerightside {
        padding: 15px 0;
    }

    .routewrapper {
        border-radius: 30px;
    }

    .routebusviadetails {
        padding: 25px 0 0;
    }

    .busroutedetails {
        padding: 0 0 30px;
    }

    .modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 10px 0 31px;
        font-size: 15px;
    }

    .modifybookingsearch .modifyinput input {
        font-size: 15px;
    }

    .modifybookingsearch .modifyinput.modifytodate input {
        background-position: 17px -425px;
        padding: 0 0 0 42px;
        background-size: 20px;
    }

    .modifybookingsearch .modifyinput.modifyfromdate input {
        background-position: 17px -570px;
    }

    .modifytodate:before {
        top: -12px;
        height: 76px;
    }

    .modifytodate.modifyfromdate:after {
        top: -12px;
        height: 76px;
    }

    /*.filter_tab_main {
        padding: 15px 17px;
    }*/
    .routeleftside {
        width: 25.9%;
    }

    .routerightside {
        gap: 20px;
    }

    .routerightcontent {
        width: 71%;
    }

    .bustypecheckbox {
        width: 46%;
    }

    .filter-drawer__title::after {
        top: 0;
        font-size: 16px;
    }

    /*.routeleftside {
        padding: 40px 35px;
    }*/

    /*.filtercheckbox {
        padding: 16px 0 0;
        margin: 16px 0 0;
        gap: 16px;
    }*/
    .routefilters {
        padding: 20px 15px 45px;
        gap: 30px;
    }

    .bustypecheckbox {
        width: 47%;
    }

    .modifycity {
        gap: 15px;
        width: 58.1%;
    }

    .modifybookingsearch {
        gap: 15px;
    }

    .modifytocity {
        height: 44px;
    }

    .modifydate {
        height: 44px;
    }

    .modifydate {
        width: 25%;
    }




    .modifybutton button {
        height: 44px;
        font-size: 14px;
    }

    .busroutetimetable {
        padding: 25px;
        flex-wrap: wrap;
        gap: 20px;
    }

    .busfacilitiestab .nav-tabs .nav-busphotos .nav-link {
        padding: 10px 30px 11px 40px;
        background-position: 4px -1590px;
    }

    .bustiming {
        flex-basis: 80%;
    }

    .busroutename {
        flex-basis: 63.8%;
    }


    .bookingseatchart {
        height: calc(100dvh - 10rem);
        gap: 30px;
    }

    .bookingservicefairdetail {
        height: calc(100dvh - 11rem);
    }

    .busfacilitiestab .tab-pane {
        padding: 30px 25px 0;
    }

    .lowerdeckchart, .upperdeckchart {
        width: 234px;
    }

    .lowerdeckchart {
        background-size: 40px;
        min-height: 630px;
    }

    .bus_routebox .route_time {
        width: 19.3%;
        justify-content: center;
    }

    .bustabname button {
        padding: 13px 0px;
        /*width: 110px;*/
        font-size: 12px;
    }


    .busfacilitiestab .nav-tabs .nav-link {
        padding: 9px 38px 9px 10px;
    }

        .busfacilitiestab .nav-tabs .nav-link:before {
            right: 10px;
            top: 10px;
        }

    .busfacilitiestab .tab-pane {
        padding: 30px 25px;
    }

    .seatbutton .nav-item.nav-item-button {
        height: 36px;
    }

    .rattinglabel {
        height: 36px;
    }

        .rattinglabel label {
            padding: 7px 17px 8px 38px;
        }

            .rattinglabel label.ratpoint {
                padding: 8px 20px 8px 36px;
                font-size: 18px;
                background-position: 6px -883px;
                background-size: 30px;
                line-height: 20px;
            }

    .busfacilitiestab .nav-tabs {
        flex-basis: 73.8%;
    }

    .filter-drawerpart {
        padding: 16px 0 0;
    }

    .filtermodelbottombtn {
        width: 390px;
    }

    .busroutetimetable {
        padding: 25px 25px;
    }

    .busroutevia {
        padding: 16px 35px 26px;
    }

    .busfacilitiestab .nav-tabs {
        flex-basis: 63.8%;
    }

    .amenities-tab-section {
        padding: 20px 40px;
    }

    .custinfopopup .css-hz1bth-MuiDialog-container .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 32px 0 0 !important;
        height: 100%;
        max-height: 100%;
        border-radius: 40px 40px 0 0 !important;
    }


    .seatitle:before {
        left: -10px;
        top: -1px;
    }

    .seatitle:after {
        right: -10px;
        bottom: -1px;
    }



    /* end media query AvailbleRoutes page style*****/

    /*Customer Info start*/

    .passwallet {
        width: 83%;
    }

    .passengerroutedetails {
        width: 50%;
    }

    .passage {
        width: 17%;
    }

    .passcontactdata .passphone {
        flex-basis: 26.2% !important;
    }

    .passcontactdata .passemail {
        flex-basis: 50%;
    }

    .journeydate .journeyname {
        font-size: 15px;
    }

    .journeydate .journeytime {
        font-size: 15px;
    }




    .customerinfohead .filter-drawerpart {
        padding: 10px 25px 30px;
    }

    .passinfo .filter-drawerpart {
        padding: 10px 25px 0;
    }


    /*.customerroutedata {
        flex-direction: column;
        gap: 30px;
    }*/

    /*.passengerdetails {
        width: 100%;
    }

    .passengerroutedetails {
        width: 100%;
    }

    .passengerdetails {
        gap: 20px;
    }

    .passengerroutedetails {
        gap: 20px;
    }*/

    /*.bookingconfirmbtn {
        display: none;
    }

    .bookingconfirmbtnmbl {
        display: flex !important;
    }*/



    /*Customer Info end*/

    .modifybutton {
        width: 14.2%;
    }

    /*Cancellation*/

    .passengerroutedetails {
        height: calc(90dvh - 11rem);
    }

    .contactprocess label {
        font-size: 14px;
    }

    .passengerdetails {
        width: 74%;
        height: calc(90dvh - 12rem);
    }

    .bookingcontinue button {
        font-size: 16px;
    }

    .passcontactdata .passwallet {
        width: 64%;
    }

    .passengerfillbox input {
        height: 46px;
    }

    .genderpart {
        padding: 12px 20px !important;
        height: 46px;
        font-size: 14px;
        text-align: center;
        line-height: 20px;
    }

    .passcontactdata input {
        height: 46px;
        padding: 0 0 0 18px;
    }

    .redclr {
        font-size: 12px;
    }

    .inputblock {
        gap: 40px;
        padding: 5px 0 0;
    }

    .canclrefund .col-sm-6 {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .canclrefund .refundtitle {
        width: 50%;
    }

    .canclrefund .refundata {
        width: 50%;
    }

    /*My booking style strat*/

    .bookingtictdetail {
        background-image: none;
        height: auto;
        padding: 0;
        border-radius: 20px;
        background-color: var(--primary);
    }

    .bookingdetaileft {
        padding: 20px 40px 20px 40px;
        /*background-color: var(--primary);*/
    }

    .bookingdetailright {
        width: 21%;
        align-items: center;
        padding: 0 16px 16px;
        background-color: var(--secondary);
        border-radius: 0 20px 20px 0;
    }

    .bookingdetailbottom {
        gap: 24px;
    }

    .booking_routedetail {
        width: 52%;
    }

    .bookingdetailbottom .booking_borddropdetail {
        width: 40%;
    }

    .mybookinglistype {
        padding: 50px 0 0;
    }

    .bookinglist_tabs .season_tab {
        padding: 40px 0 80px;
    }

    .bookingticket_total p {
        font-size: 20px;
    }

    .bookingticket_total label {
        font-size: 22px;
    }

    .book_detailduration .durationarrow {
        width: 144px;
    }

    .book_detailduration {
        width: 41%;
    }

    .booking_topdetail .booking_busroute .book_busroutename {
        font-size: 22px;
    }

    .booking_topdetail .booking_busroute .book_bustype {
        font-size: 14px;
    }

    .booking_topdetail .booking_buspnr {
        padding: 11px 40px 10px 20px;
        font-size: 16px;
        background-position: 92% -889px;
        background-size: 20px;
    }

    .book_borddetail, .book_dropdetail {
        width: 23%;
    }

    .book_passdetailtitle {
        padding: 0 30px 18px;
    }

    .book_passlistbox {
        padding: 30px 30px 0;
    }

    .book_facilityboxwrp {
        width: 200px;
    }

    .book_facilitytext {
        border-radius: 0 0 15px 14px;
    }

    .book_otherfacility h2 {
        font-size: 24px;
    }

    .book_facilityslider {
        padding: 40px 0 0;
    }

    .auto_facilityslider .slick-prev, .auto_facilityslider .slick-next {
        top: -72px;
        width: 40px;
        height: 40px;
        background-position: center -158px;
    }

    .auto_facilityslider .slick-next {
        left: auto;
        right: 19px;
        background-position: center -160px;
        transform: rotate(180deg);
    }

    .book_benefitscontent {
        top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        width: 100%;
    }

    .book_benefitofer {
        clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0% 15%);
        padding: 0 0 10px 10px;
    }

    .book_benefitscontent h2 {
        width: 50%;
        font-size: 33px;
        line-height: 36px;
    }

    .book_accdetail, .book_wpdetail {
        flex-direction: column;
        gap: 10px;
    }

    .book_toproutedetail {
        gap: 60px;
    }

    .booking-detail-head .back-button {
        left: 10px;
        top: 2px;
    }
}

@media only screen and (max-width:1199px) {
    /* start media query AvailbleRoutes page style*****/



    /* end media query AvailbleRoutes page style*****/
}


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

    .iframe-container iframe {
        height: 129.2vh;
    }
}

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

    .iframe-container iframe {
        height: 113.3vh;
    }
}
@media only screen and (max-width:1023px) {
    .e-ticket .e-ticketview {
        width: 991px;
    }

    .loginclaim h4 {
        font-size: 10px;
    }

    .loginclaim p {
        font-size: 6px;
    }

    .loginicon {
        height: 26px;
        width: 26px;
    }

    .loginwrap {
        padding: 8px 8px 8px 16px;
        gap: 8px;
    }

    .headermenu {
        flex-basis: 61.9%;
    }

    .offerimg {
        width: 300px;
    }


    /* Abouus Page Style Start Here*/

    .abt_futurepart {
        padding: 30px 0 0;
        width: 83%;
    }

    .abouheadtitle {
        font-size: 29px;
        line-height: 38px;
    }

    .abt_oustory4 h2 {
        width: 72%;
    }


    /*Available Route Page Style Start Here*/

    .bookingdeatails {
        flex-basis: 62%;
    }

    .busfacilitiestab .nav-tabs {
        flex-basis: 65.8%;
    }

    .bustypecheckbox {
        width: 47%;
    }



    .modifycity {
        gap: 15px;
    }

    .modifybookingsearch {
        gap: 15px;
    }

    .busroutetimetable .bluetext {
        font-size: 18px;
    }

    .seatbutton .nav-item-button button {
        width: 116px;
    }

    /*contect Page Style End Here*/

    .contact_details {
        padding: 60px 35px 60px;
    }

        .contact_details h2 {
            font-size: 32px;
            padding: 0 0 26px;
        }

    .contact_selectoption input {
        font-size: 18px;
        height: 60px;
    }

    .contact_detailswrap .results {
        padding: 60px 0 0;
    }

    .contactuscol .tab-label {
        padding: 16px 20px;
        font-size: 23px;
        line-height: 28px;
        border-radius: 25px 25px 0 0;
    }

    .contactuscol .tabs {
        border-radius: 25px;
    }

    .contactuscol {
        gap: 35px;
    }

        .contactuscol input:checked ~ .tab-content {
            padding: 22px 40px 30px;
        }

        .contactuscol .tab-content p {
            font-size: 20px;
            line-height: 28px;
            padding: 0 0 20px;
        }


        .contactuscol .tab-label::after {
            font-size: 20px;
        }

    .contact_dropdown .serchcity {
        font-size: 18px;
        height: 65px;
    }

        .contact_dropdown .serchcity p i {
            height: 25px;
            width: 25px;
            background-position: center -2275px;
            background-size: 25px;
        }

        .contact_dropdown .serchcity p {
            gap: 10px;
        }

    /*Available Route Page Style End Here*/

    .panel-body .bookingdetails1 {
        overflow-x: scroll;
        width: 100%;
    }

    .modifytodate {
        padding: 16px 10px 16px 16px;
    }

    .modifytocity {
        padding: 0 0 0 16px;
    }

    /*Mybooking*/
    .bookingsearch .searchbtn {
        padding: 11px 30px 12px;
    }

    .book_detailduration .durationarrow {
        width: 134px;
    }

    .book_detailduration {
        width: 40%;
    }

    .book_borddetail .bordrop_timming, .book_dropdetail .bordrop_timming {
        font-size: 15px;
    }

    .book_borddetail, .book_dropdetail {
        gap: 12px;
    }

    .booking-detail-head .back-button {
        font-size: 22px;
    }
}

@media only screen and (max-width:1020px) {
    .iframe-container iframe {
        height: 113.3vh;
    }
}

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

    .iframe-container iframe {
        height: 113.3vh;
    }

    .modifyinput {
        width: 80%;
    }

    #activator {
        top: 0;
        right: 0;
    }

    #activate-menu {
        right: -53%;
    }

        #activate-menu ul {
            padding: 30px 20px 0 20px;
        }

    .headertop {
        padding: 20px 0 20px;
        /* flex-direction: column; */
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .slider-wrapper {
        border-radius: 25px;
    }

    .countside {
        padding: 24px 40px;
        background-size: cover;
        border-radius: 25px;
    }

    .serviceswraptop ul {
        justify-content: center;
        gap: 35px;
    }

    .serviceswraptop ul {
        justify-content: center;
        gap: 25px;
    }

    .serviceswraptop .nav-tabs .nav-link {
        padding: 15px 20px 15px;
    }

    .headermenu {
        flex-basis: 100%;
        order: 2;
        justify-content: center;
    }

    .bannerwrapper {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .dpherowrap {
        width: 100%;
    }

    .dphero {
        margin: 0 0 0;
    }

    .bookingwrapper {
        position: relative;
        padding: 30px 0 0;
    }

    .slider-wrapper .slide {
        height: 320px;
    }

    .sliderarea .progress-container {
        left: 50px;
        right: auto;
        justify-content: flex-start;
    }

    .bookoffer p {
        padding: 20px 0 30px;
        width: 100%;
    }

    .bookoffer h2 {
        font-size: 28px;
        line-height: normal;
        color: var(--text);
    }

    .bookoffer p {
        padding: 16px 0 26px;
        width: 100%;
        color: var(--text);
    }

    .offerimg img {
        border-radius: 14px;
        width: 100%;
    }

    .offercard {
        width: 95%;
    }

    .countside {
        padding: 24px 40px;
        background-size: cover;
        border-radius: 20px;
    }

    .countitem h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .countitem p {
        font-size: 16px;
        line-height: 20px;
        padding: 4px 0 0;
    }

    .toptitle {
        font-size: 26px;
        line-height: 30px;
    }

    .offerimg {
        width: 100%;
    }


    .chooseus .amenitiesleft {
        padding: 0 0 0 0;
        width: 100%;
    }


    .slider-section .image-container img {
        height: 340px;
    }


    .slider-section .left {
        width: 67%;
    }

    .progress-container {
        width: 22%;
    }

    .slider-section .image-container img {
        border-radius: 20px;
    }

    .slider-section .tabs {
        padding: 22px 0 0;
    }

    .testimonial-box {
        padding: 40px;
        display: flex;
        flex-direction: column;
    }

    .testimonialarea {
        border-radius: 20px;
    }

    .testimonial-box .left {
        width: 100%;
    }

    .testimonial-box .right {
        width: auto;
        height: auto;
        border-radius: 20px;
        justify-content: center;
    }

    .testimonial-box .text {
        padding: 20px 0;
        font-size: 18px;
        text-align: center;
        display: flex;
        justify-content: center;
        gap: 2px;
    }

    .testimonial-box .left h2 {
        line-height: 40px;
        text-align: center;
    }

    .testimonialbox {
        gap: 22px;
        width: 100%;
        justify-content: space-around;
    }

    .leftside {
        width: 480px;
    }


    .progrescounter {
        position: relative;
        bottom: auto;
        padding: 30px 0 0;
    }

    .testimonial-box .top {
        justify-content: center;
    }

    .amenitieswrap {
        height: auto;
        flex-direction: column;
        border-radius: 20px;
        /*padding: 40px;*/
    }

    .chooseus .amenitieswrap {
        padding: 40px;
    }

    .amenitiesleft {
        width: 100%;
        border-radius: 20px 20px 0 0;
    }

    .amenitiesright {
        width: 100%;
        padding: 40px 0 40px 40px;
        /* text-align: center; */
    }

    .chooseus .amenitiesright {
        padding: 040px 0 0;
    }


    .chooseus .amenitiesleft img {
        max-width: 100%;
        margin: 0;
        border-radius: 0;
    }

    .amenitiesleft img {
        max-width: 100%;
    }

    .amenitiesleft:after {
        width: 230px;
        display: none;
    }

    .toptitle {
        font-size: 24px;
        line-height: 30px;
    }

    .offerslider .slick-initialized .slick-slide, .serviceslide .slick-initialized .slick-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .serviceicon {
        width: 95%;
    }

    .servicebox {
        width: 100%;
    }

    .serviceboxpart p {
        height: auto;
    }

    .servicecontent {
        width: 100%;
        padding: 10px 0 0;
    }

    .servicesleft {
        float: left;
        width: 100%;
        padding: 0 0;
    }

    .serviceswrapper {
        border-radius: 20px;
        padding: 40px;
    }

    .serviceslide {
        padding: 70px 0 0;
    }

    .serviceboxpart a {
        margin: 17px 0 0;
    }

    .serviceslide .slick-prev, .serviceslide .slick-next {
        width: 35px;
        height: 35px;
        background-position: center -162px;
        top: -60px;
        /* background-size: 15px; */
        right: 70px;
    }

    .serviceslide .slick-next {
        left: auto;
        right: 20px;
    }

    .applicationarea {
        border-radius: 20px;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .applicationright {
        padding: 40px;
        width: 100%;
    }

    .applicationleft img {
        max-width: 100%;
        border-radius: 0;
    }

    .applicationleft {
        width: 80%;
    }

    .footer_bg {
        border-radius: 20px;
    }

    .aboutfooter {
        width: 100%;
    }

    .footer_title h5 {
        font-size: 25px;
    }

    .footer_navlinks ul {
        gap: 14px;
    }

    .navbarmenu {
        width: 40%;
    }

    .footer_navlinks {
        display: flex;
        padding: 28px 0 0;
    }

    .footer_contact {
        border-radius: 16px;
    }

    .footer_right {
        border-radius: 0 0 16px 16px;
        padding: 18px 0 18px 18px;
    }

    /* start media wallet page style*****/
    .booking-detail-wallet {
        margin: 46px 0 0;
        padding: 60px 0;
    }

    .season_contentwallet {
        padding: 0 25px;
    }

    .walletamt_rec {
        font-size: 22px;
    }

    .walletamt_wrap .walleticon {
        height: 46px;
        width: 46px;
        background-size: 53px;
        background-position: -3px -3689px;
    }

    .walletamdata .tabtitle.tabtitlewlt {
        padding: 24px 0 23px 55px;
        margin: 0;
    }

    .walletamdata .tabtitle.tabtitlewlt {
        padding: 24px 0 23px 55px;
        margin: 0;
    }

    .walletpart1 {
        padding: 21px 55px;
    }

    .walletcol label, .walletcol .datewallet {
        font-size: 22px;
        line-height: 36px;
    }

    .walletpart2 {
        padding: 21px 55px;
    }

    .walletblancheck {
        flex-basis: 60%;
    }

    .walletdatainfo .walletdtlsinfo .walletcol p, .walletcol em {
        font-size: 16px;
    }

    .walletpart2 .walletcol span {
        font-size: 16px;
        line-height: 20px;
    }

    .walletdatainfo .walletdtlsinfo .wlletcrdt span {
        padding: 10px 22px;
        font-size: 16px;
    }


    /* start media gallery page style*****/

    .gallerybox {
        width: 47.6%;
    }

    .galleryarea.galleryarea {
        padding: 40px;
        border-radius: 30px;
    }

    .gallerythum a img {
        border-radius: 20px;
    }

    .gallerywrap .column {
        float: left;
        width: 49.9% !important;
    }

    .gallerywrap img {
        border-radius: 10px;
    }

    .gallerytitle {
        font-size: 24px;
        padding: 40px 0 20px;
    }

    /* start media blog page style*****/

    .blogcomfortleft.blogcomfortleft02 {
        width: auto !important;
    }

    .blogcomfortparts.blogcomfortparts02 {
        justify-content: space-around;
    }

    .blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 300px !important;
    }


    .blogcomfort {
        width: 300px !important;
        height: 300px !important;
    }

    .blogpart {
        gap: 30px;
        flex-direction: column;
        width: 100%;
    }

    .blogleft {
        float: left;
        width: 100%;
    }

    .blogright {
        width: 100%;
    }

        .blogright img {
            width: 100% !important;
            height: 360px !important;
            border-radius: 30px;
        }

    .blogpart:nth-child(2n) {
        flex-direction: column;
    }

    .blogarea {
        gap: 50px;
        padding: 60px 0 0;
    }
    /* start media track cargo  page style*****/

    .trackcargodiv {
        border-radius: 35px;
    }

        .trackcargodiv .booking-detail-headtop {
            padding: 22px 30px 20px;
        }

        .trackcargodiv .bookingform {
            padding: 30px 0 30px 30px;
        }

        .trackcargodiv .cargo-result {
            padding: 0 0 0 30px;
        }

    .cargo-result_list {
        padding: 0 30px 0 50px;
    }

    .cargo_data_box p {
        font-size: 14px;
    }

        .cargo_data_box p:first-child {
            width: 66%;
        }

    .cargo-result_list .cargo-result_title h4 {
        font-size: 16px;
    }

    .trackcargodiv .back-button {
        font-size: 20px;
    }

    .trackcargodiv .booking_title {
        font-size: 24px;
    }

    .trackcargodiv .back-button {
        padding: 0 0 0 27px;
        background-position: -8px -1838px;
    }

    /* start media faq contact page style*****/

    .faq_sectionare .filter_tab_main {
        gap: 20px;
        padding: 25px 0 0;
        background-color: transparent;
    }

    .faq_sectionwrap {
        padding: 10px 0 0;
        gap: 50px;
    }

    .faq_sectionare .filter-drawer__title {
        padding: 0 20px 0 0;
        font-size: 18px;
        line-height: 28px;
    }


        .faq_sectionare .filter-drawer__title::after {
            right: -10px;
            font-size: 25px;
        }

    .faq_sectionpart {
        padding: 40px 30px 50px;
    }

    .faq_sectionare .filter-drawer {
        padding: 18px 36px;
    }

    .faq_sectionpart {
        padding: 40px 40px 50px;
    }


    /* start media query contact page style*****/
    .cont_sectionbox {
        width: 66.1%;
        padding: 30px;
    }

    .cont_boxfeedback {
        width: 100%;
    }

    .cont_boxdetail {
        padding: 20px 0 0;
    }

    .cont_sectionpart {
        border-radius: 35px;
        padding: 35px;
    }

    .cont_followicon.socialicon {
        gap: 40px;
        padding: 56px 0 0;
        align-items: center;
    }

        .cont_followicon.socialicon a {
            font-size: 43px;
        }

            .cont_followicon.socialicon a svg {
                height: 48px;
            }

    .cont_sectionarea {
        gap: 50px;
    }

    .cont_sectionpart2 {
        border-radius: 35px;
        padding: 35px 35px 0;
    }

    .cont_feedback .abouheadtitle {
        padding: 20px 0 50px;
    }

    .cont_sectionpart3 {
        gap: 50px;
        flex-direction: column;
    }

    .cont_followus {
        width: 100%;
        padding: 35px;
        border-radius: 35px;
    }

    .cont_panter {
        padding: 35px;
        width: 100%;
        border-radius: 35px;
    }

    .followtext {
        font-size: 18px;
    }

    /* start media query service page style*****/

    .ser_sectioncare {
        width: 100%;
    }

    .ser_sectionarea {
        gap: 60px;
    }

    .ser_section img {
        max-width: 100%;
    }

    /* start media query Aboutus page style*****/

    .abt_oustory {
        padding: 35px;
        flex-direction: column;
        gap: 20px;
    }

    .abt_oustoryleft {
        flex-basis: 100%;
    }

    .abt_promise {
        padding: 35px;
    }

    .abt_milestones {
        padding: 35px;
    }

        .abt_milestones .aboutitle {
            color: var(--pure);
            text-align: center;
        }


    .abt_milestonestext {
        text-align: center;
    }


    .abt_futurepart {
        padding: 30px 0 0;
        width: 100%;
    }

    .abt_futurebox {
        width: 100%;
    }

        .abt_futurebox.abt_futurebox1 {
            width: 100%;
        }

    .abt_futureboxin {
        padding: 14px 20px;
    }

        .abt_futureboxin p {
            text-align: center;
        }

    .abt_futurebox.abt_futurebox2 {
        width: 100%;
    }

    .abt_futuretext .abouheadtitle {
        padding: 20px 0 0;
        text-align: center;
    }

    .abt_oustory3 .aboutitle {
        text-align: center;
    }

    .abt_oustory3 .abt_futuretext .abouheadtitle {
        padding: 20px 0 0;
        text-align: center;
    }


    .abt_busimg {
        gap: 40px;
        padding: 40px 0;
    }

        .abt_busimg img {
            max-width: 190px;
        }

    .abt_oustory4 h2 {
        font-size: 18px;
        line-height: 28px;
        width: 100%;
    }

    .abt_text p {
        font-size: 24px;
        line-height: 30px;
    }

    .abt_oustory3 {
        padding: 35px;
    }

    .abt_oustory4 {
        padding: 35px;
    }



    /* start media query AvailbleRoutes bus overview page style*****/

    .popup_busbordingwrap .css-1fyyp8j-MuiGrid-root {
        flex-basis: 100%;
        max-width: 100%;
    }

    .popup_busbordingwrap {
        gap: 30px;
        flex-wrap: wrap;
    }

    .popup_busbordingarea {
        overflow-y: auto;
        height: calc(100dvh - 14rem);
    }


    .custinfopopup .css-ypiqx9-MuiDialogContent-root {
        padding: 0;
        overflow: auto;
    }

    .bookingchartdata {
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }

    .bookingseatchartpart {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bookingseatchart {
        height: auto;
        gap: 30px;
        align-items: center;
    }

    .bookingtab {
        padding: 29px 0 0;
        position: sticky;
        top: 0px;
        z-index: 1000;
        background-color: #f0f0f0;
    }

    .seatindicator {
        gap: 20px 30px;
        width: 100%;
        justify-content: center;
    }

    .bookingdeatails {
        padding: 0 0 0;
    }

    .pop_busimgarea {
        padding: 20px 0;
    }

    .busoverpopup .photosimgwrap img {
        border-radius: 20px;
        width: 220px;
        height: 220px;
    }

    .busoverpopup .popupclose {
        top: 20px;
        right: 20px;
    }

    .popupclose button {
        width: 35px;
        height: 35px;
    }

    .popupclose i {
        font-size: 16px;
        color: var(--pure);
        cursor: pointer;
    }

    .busoverpopup .css-hz1bth-MuiDialog-container .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        border-radius: 30px !important;
    }


    /* start media query AvailbleRoutes page style*****/
    .routedata .travelsname {
        font-size: 18px;
        margin: 10px 0 0 10px;
    }

    .filter_tab_main {
        /*padding: 15px 17px;*/
        background-color: var(--pure);
        border-radius: 5px;
    }

    .routerightside .routeleftside {
        position: fixed;
        left: 25px;
        bottom: 25px;
        z-index: 9;
        width: 70px;
        padding: 0;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }

    .routeleftsidetitle {
        border-bottom: none;
        display: none;
    }

        .routeleftsidetitle.mobileview {
            display: flex;
            padding: 0 0 10px;
            border-bottom: 1px solid rgba(24, 31, 49, 0.2);
        }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        backdrop-filter: blur(2px);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

        .overlay.active {
            opacity: 1;
            pointer-events: auto;
        }

    .busfairdetails {
        align-items: flex-end;
        flex-basis: 26%;
    }

    .busroutename {
        flex-basis: 100%;
    }

    .bustiming {
        flex-basis: 70%;
    }

        .bustiming .busroutearea {
            gap: 78px;
        }

    .routefilters {
        /*gap: 18px;
        width: 400px;
        background-color: var(--primary);
        box-shadow: 0px 12px 45px rgba(0, 0, 0, .15);
        text-align: left;
        margin: 0 0 10px 0;
        opacity: 1;
        padding: 20px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;*/
        position: fixed;
        bottom: 100px;
        height: 60vh;
        overflow: hidden;
        overflow-y: auto;
        left: 20px;
        width: 400px;
        background-color: var(--pure);
        padding: 20px;
        border-radius: 20px;
        box-shadow: 0 8px 30px rgba(0,0,0,0.15);
        transform: scale(0.5) translateY(100px) rotate(-10deg);
        opacity: 0;
        transition: transform 0.4s ease, opacity 0.3s ease;
        z-index: 1002;
    }

    .overlay.active .routefilters {
        transform: scale(1) translateY(0) rotate(0);
        opacity: 1;
    }

    .filterbuttonsidebar a {
        color: var(--primary);
        border-radius: 6px;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 65px;
        width: 65px;
    }

        .filterbuttonsidebar a i {
            font-size: 15px;
        }

        .filterbuttonsidebar a:hover, .filterbuttonsidebar a:focus {
            color: var(--pure);
            /*background-color: var(--secondary);*/
        }

    .filterbuttonsidebar {
        width: 65px;
        height: 65px;
        background-color: var(--secondary);
        border-radius: 50px;
        float: left;
        box-shadow: 0px 12px 45px rgba(0, 0, 0, .3);
        z-index: 5;
        position: relative;
        cursor: pointer;
    }

        .filterbuttonsidebar .filtericon {
            position: relative;
        }

            .filterbuttonsidebar .filtericon::before {
                font-family: "FontAwesome";
                content: "\f0b0";
                font-size: 20px;
                font-weight: 500;
                color: var(--pure);
                font-style: normal;
                display: inline-block;
                vertical-align: middle;
                transition: .4s ease;
                -webkit-transition: .4s ease;
                -moz-transition: .4s ease;
                -ms-transition: .4s ease;
                -o-transition: .4s ease;
            }

            .filterbuttonsidebar .filtericon.close {
                position: relative;
                font-weight: 500;
                font-size: 20px;
                line-height: 0;
                text-shadow: none;
                opacity: 1;
            }

                .filterbuttonsidebar .filtericon.close::before {
                    font-family: "FontAwesome";
                    content: "\f00d";
                    font-size: 20px;
                    font-weight: 500;
                    line-height: normal;
                    color: var(--pure);
                    font-style: normal;
                    display: inline-block;
                    vertical-align: middle;
                    transition: .4s ease;
                    -webkit-transition: .4s ease;
                    -moz-transition: .4s ease;
                    -ms-transition: .4s ease;
                    -o-transition: .4s ease;
                }


    .routerightside .routerightcontent {
        width: 100%;
    }

    #routeleftside.hide {
        display: none !important;
    }

    .modifytodate:before {
        display: none;
    }

    .modifytodate.modifyfromdate:after {
        display: none;
    }

    .customerinfo_note {
        width: 100%;
    }

    .bustimingbottom {
        flex-basis: 40%;
    }

    .filtermodel .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        max-width: 440px;
    }

    .bookingconfirmbtn {
        width: 100%;
        text-align: left;
    }


    .busroutevia {
        padding: 14px 30px 24px;
    }

    /*.busfacilitiestab {
        padding: 10px 20px;
    }*/

    /*.bustiming {
        flex-basis: 54%;
    }*/

    .busroutetimetable .boldlabel {
        font-size: 18px;
    }

    .busroutephotolist button.slick-prev, .busroutephotolist button.slick-next {
        left: -30px;
    }

    .busroutephotolist button.slick-next {
        left: auto;
        right: -30px;
    }

    .amenitieslide button.slick-prev, .amenitieslide button.slick-next {
        left: -20px;
    }

    .amenitieslide button.slick-next {
        left: auto;
        right: -20px;
    }

    .bustype {
        font-size: 15px;
    }

    .busfacilitiestab .nav-tabs .nav-link {
        font-size: 15px;
    }

    /*.busfacilitiestab .nav-tabs .nav-link:before {
            height: 22px;
        }*/

    .seatbutton {
        /* gap: 18px; */
    }

        .seatbutton .seatavailable p {
            font-size: 15px;
        }



        .seatbutton .nav-item-button button {
            /*padding: 1px 18px 0;*/
            font-size: 15px;
        }

        .seatbutton .nav-item.nav-item-button {
            padding: 0;
            height: 40px;
        }

            .seatbutton .nav-item.nav-item-button i {
                font-size: 20px;
                padding: 0px 20px 0;
                line-height: 40px;
            }

    /*.modifybookingform {
        padding: 12px 15px;
    }*/

    .modifybookingsearch {
        gap: 15px;
        /* flex-direction: column; */
        flex-wrap: wrap;
    }

        .modifybookingsearch .modifyinput.modifytodate input {
            background-position: 0px -425px;
            padding: 0 0 0 26px;
        }

        .modifybookingsearch .modifyinput.modifyfromdate input {
            background-position: 0 -570px;
        }

    .modifycity {
        width: 100%;
    }

    .modifydate {
        width: 48.9%;
    }

    /*.modifytodate {
        width: 47.5%;
    }*/

    .modifytocity {
        width: 50%;
    }

    .modifyinput {
        width: 80%;
    }

    .modifybutton {
        width: 48.9%;
        margin: 0;
    }

    .routerightside {
        width: 100%;
    }

    .routearea {
        padding: 0 0 0;
    }

    /*.routedetail {
        padding: 0 15px;
    }*/

    .bustime.busroutearrow img {
        width: 100%;
        max-width: 100px;
        padding: 0;
    }

    .routebusviadetails {
        padding: 20px 0 0;
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    .busroutevialist {
        text-align: left;
        display: inline-block;
    }

        .busroutevialist span {
            width: 5%;
            float: none;
            display: inline-block;
            vertical-align: top;
        }

        .busroutevialist .vialist {
            width: 93%;
            float: none;
            display: inline-block;
            vertical-align: top;
        }

    .managepnr label {
        width: 33%;
    }

    .managepnr input {
        width: 60%;
    }

    .managepnr label::after {
        right: 70px;
        top: -3px;
    }

    .modifyarticletable {
        width: 100%;
        overflow-y: scroll;
        float: left;
    }

    .partialcombinedata {
        width: 100%;
        float: left;
        overflow-y: scroll;
    }

    .modifyarticledetails table {
        width: 991px;
        float: left;
    }

    .partialdata {
        width: 768px;
        margin: 30px auto 0;
        display: inline-block;
        flex-wrap: wrap;
        float: none;
        vertical-align: middle;
        text-align: center;
    }

    .modifydetailsinput.modifydetailscancelbutton button {
        padding: 10px 20px;
    }

    /*.busfacilitiestab .tab-pane {
        padding: 30px 30px 22px;
    }*/

    .noroute p {
        font-size: 15px;
        padding: 16px 0;
    }




    .boarding-list-type {
        height: 130px;
        padding: 0 20px;
    }

    .boarding-title {
        padding: 0 0 20px 44px;
        background-position: 10px -1241px;
    }

        .boarding-title.boarding-title02 {
            background-position: 10px -1361px;
        }


    .boarding-list {
        padding: 0 0 16px;
    }

    .bookingdeatails {
        flex-basis: auto;
        width: 100%;
    }





    .seatindicator {
        padding: 20px 0 0;
    }

    .bustime.busroutearrow {
        padding: 0 12px 0;
    }

    .serviceboxdetail label {
        padding: 0 0 0 10px;
    }

    .routepoint {
        padding: 0 0 25px;
    }

    .bookingchartdata {
        flex-direction: column;
    }

    /*.seatitle {
        padding: 10px 20px 20px;
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }*/

    .seatitle:before {
        display: none;
    }

    .seatitle:after {
        display: none;
    }

    .seatchartone, .seatchartwo {
        text-align: center;
    }







    /*.routepoint .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
        width: 26px;
        height: 26px;
        top: 1px;
    }*/

    /*.routepoint .css-113ntv0-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
        width: 26px;
        height: 26px;
    }*/

    .bookingservicefair {
        width: 100%;
        gap: 20px;
        justify-content: space-around;
        padding: 30px 20px;
        align-items: center;
    }

    .bookingservicedetails, .bookingfairdetails {
        /*width: 100%;*/
    }

    .seatindicator {
        padding: 12px 0 0;
    }

    /*.droppingpointchart {
        width: 48.5%;
    }

    .boardingpointchart {
        width: 48.5%;
    }*/

    .bookingcontinue {
        padding: 10px 0 0;
    }

        .bookingcontinue button {
            font-size: 14px;
            padding: 10px 20px;
        }

    .filtermodelbottombtn {
        width: 370px;
    }

    /* end media query AvailbleRoutes page style*****/

    /*Customer info start*/

    .customerroutedata {
        padding: 40px 0 100px;
        flex-direction: column;
    }

    .passengerroutedetails {
        height: 100%;
    }

    /*.bookingfairdetail {
        bottom: 1rem;
    }*/

    .passengeroffercard .offerslider {
        padding: 0 0 0;
    }

    .passengerdetails {
        gap: 25px;
        width: 100%;
        height: auto;
    }

    .customerinfohead .filter-drawer__title {
        padding: 20px 20px 20px 60px !important;
        background-position: 17px -1725px;
        background-size: 30px;
    }

    .customerinfohead.passinfo .filter-drawer__title {
        background-position: 17px -1612px;
    }

    .customerinfohead .filter-drawerpart {
        padding: 10px 20px 30px;
    }

    .contactinfo .filter-drawer__title {
        background-position: 17px -1496px;
    }

    .journeyfromcity .bustype {
        font-size: 14px;
        padding: 5px 0 0;
    }

    .tripseatno {
        font-size: 16px;
    }

    .tripboarding p, .tripdropping p {
        font-size: 16px;
    }

    .journeydate .journeytime {
        font-size: 14px;
    }

    .tripboarding .journeydate, .tripdropping .journeydate {
        padding: 5px 0 0;
        gap: 10px;
    }

    .journeydate .journeyname {
        font-size: 14px;
    }


    .passwallet {
        width: 78%;
    }

    .customerinfowrapper {
        padding: 15px;
    }

    .custinfopopup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 20px;
        max-height: calc(100% - 40px);
    }

    .custinfopopup .css-ypiqx9-MuiDialogContent-root {
        padding: 0;
    }

    .passengerroutedetails {
        width: 100%;
    }

    .journeytitle {
        padding: 0 0 16px 43px;
        background-position: 0 -1859px;
        background-size: 30px;
    }

    .faredetails.farepayble {
        padding: 16px 0;
    }

    .passengerwallet {
        padding: 0 0 20px;
    }

        .discount_offer .passengertitle, .passengerwallet .passengertitle {
            padding: 0 0 0 40px;
            background-position: 0 -1983px;
            background-size: 30px;
        }

        .passengerwallet .passengertitle {
            background-position: 0 -2088px !important;
            background-size: 30px;
        }

    .bookingservicebox {
        align-items: center;
    }

    .customerinfohead .filter-drawer__title::after {
        right: 20px;
        top: 20px;
    }

    .passengerbox.couponoffer {
        padding: 20px 0;
    }

    /*Customer info end*/

    /*ContactUS page css******************/


    .contact_selectoption input {
        font-size: 16px;
        height: 50px;
    }

    .contact_details {
        padding: 50px 35px 60px;
    }

        .contact_details h2 {
            font-size: 28px;
            font-weight: 600;
            padding: 0 0 20px;
        }

    .contact_dropdown .serchcity {
        font-size: 16px;
        height: 52px;
    }

    .contactuscol .tab-label {
        padding: 15px 20px;
        font-size: 20px;
        line-height: 26px;
        border-radius: 25px 25px 0 0;
    }

    .contactuscol {
        gap: 29px;
    }

        .contactuscol .tab-content h4 {
            font-size: 18px;
            line-height: 20px;
            padding: 0 0 20px;
        }

        .contactuscol input:checked ~ .tab-content {
            padding: 22px 30px 30px;
        }

        .contactuscol .tab-content p {
            font-size: 18px;
            line-height: 25px;
            padding: 0 0 16px;
        }



    /*ContactUS page css******************/

    /****feedback page css******/

    .feedbkinput {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px 20px;
        padding: 20px 0 0;
    }

        .feedbkinput .col-lg-6 input {
            height: 40px;
        }

    .agntpgcaptcha .form-control {
        height: 40px;
    }

    .agntpgcaptcha .btn-primary {
        margin: 25px 0 0;
    }

    .agntpgcaptcha {
        padding: 10px 0 0;
        float: left;
    }

    .feedbkinput .col-lg-6 label {
        font-size: 15px;
        padding: 12px 0 6px;
    }

    .feedbkinput {
        padding: 0;
    }

    .agntpgcaptcha .btn-primary {
        font-size: 15px;
        font-weight: 600;
        padding: 9px 30px;
    }

    /*** feedback page css end*****/

    /******bus charter page css******/

    .fix_contentwidth .panel-primary > .panel-heading {
        font-size: 18px;
        padding: 8px 15px;
    }

    .charterinput {
        justify-content: center;
        padding: 10px 0 0;
        flex-wrap: wrap;
        gap: 5px 10px;
    }

    .charterformgroup {
        padding: 20px 0 0;
    }

    .charterinput .col-lg-6 label {
        font-size: 15px;
    }

    .charterinput .col-lg-6 input {
        height: 44px;
        font-size: 14px;
    }

    /******bus charter page css******/

    /******My Booking Page css******/
    .booking-detail-wrapper .booking-detail-headtop {
        padding: 0 30px 20px;
        align-items: center;
    }

    .bookinglist_tabs .booking-detail-wrapper .back-button {
        padding: 0px 0px 0px 27px;
        background-position: -8px -1838px;
        font-size: 20px;
    }

    .bookinglist_tabs .back-button {
        left: 30px;
        padding: 0 0 0 24px;
        font-size: 20px;
        background-position: -8px -1838px;
    }

    .bookinglist_tabs .booking_title {
        font-size: 22px;
        line-height: 30px;
    }

    .booking-detail-head .back-button {
        left: 0;
        top: 0;
    }

    .popupuserdetail {
        width: 48%;
    }

        .popupuserdetail input {
            height: 46px;
        }

        .popupuserdetail label {
            font-size: 15px;
        }

    .mybooking_tabscontent table thead tr th {
        padding: 14px 0px;
    }

    .bookinglist_tabs .season_content {
        left: 180px;
    }

    .mybooking_tabscontent table tbody tr td {
        padding: 10px 5px;
    }

    .mybooking_tabscontent table thead tr {
        font-size: 14px;
        font-weight: 700;
    }

    .season_tab label {
        height: 58px;
    }

    .loginmybk {
        padding: 0 0 6px;
    }

        .loginmybk span {
            font-size: 20px;
            padding: 0 0 10px;
        }

    .popuserdetail {
        padding: 0;
    }

        .popuserdetail input {
            height: 46px;
        }

        .popuserdetail label {
            font-size: 15px;
            padding: 6px 0 10px;
        }

    .captchin img {
        width: 100%;
        max-width: 260px;
    }

    .popuserdetail.popuserdetailbutton button {
        margin: 6px 0 0;
    }

    .popupright {
        width: 50%;
    }

    .popupleft {
        padding: 0;
        width: 50%;
    }

        .popupleft img {
            width: 100%;
            max-width: 360px;
        }

    .loginpopupmain {
        padding: 40px 25px 0 24px;
    }

    /*Cancellation*/

    .inputblock {
        gap: 20px;
        padding: 0;
    }

        .inputblock .form-group {
            width: 32%;
        }

            .inputblock .form-group input {
                height: 46px;
            }

    /*Modify ticket*/

    .managepnr .redclr {
        left: 37%;
    }

    /*My Booking Style start*/



    .bookinglist_tabs .booking_title {
        font-size: 26px;
    }

    .bookinglist_tabs {
        margin: 22px 0 0;
    }

        .bookinglist_tabs .season_tab {
            padding: 30px 0 70px;
        }

    .bookingtictdetail {
        flex-direction: column-reverse;
    }

    .bookingdetailright {
        width: 100%;
        border-radius: 20px 20px 0 0;
    }

    .booking_busroutename {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid var(--pure);
    }

    .booking_busroutetimer {
        flex-direction: row;
        justify-content: space-between;
        gap: 50px;
        width: 100%;
    }

    .bookingdetaileft {
        padding: 20px;
        width: 100%;
    }

    .booking_busbordimg {
        width: 40px;
        height: 30px;
        background-position: center -182px;
        background-size: 40px;
    }

    .season_tab label {
        width: 100% !important;
        display: block !important;
        height: auto !important;
    }

    .season_tab label {
        width: auto !important;
        display: inline !important;
        height: auto !important;
    }

    .booking_bordname .booking_bordbustop {
        font-size: 14px;
    }

    .middleline {
        height: auto;
    }

    .book_detailduration .durationarrow {
        width: 84px;
    }

    .book_borddetail .bordrop_pickup, .book_dropdetail .bordrop_pickup {
        font-size: 15px;
    }

    .book_passlist label {
        font-size: 18px;
    }

    .book_passlistbox {
        padding: 20px 30px 0;
    }

    .book_sechedulebtn button {
        font-size: 14px;
    }

    .book_sechedulebtn {
        padding: 50px 0 0;
    }

    .book_benefitscontent h2 {
        width: 50%;
        font-size: 23px;
        line-height: 26px;
        padding: 10px 0 23px 30px;
    }

    .book_benefitofer {
        font-size: 20px;
        line-height: 25px;
    }

    .book_accdetail h3, .book_wpdetail h3 {
        font-size: 18px;
    }

    .book_accdetail button, .book_wpdetail button {
        font-size: 16px;
    }

    .booking_passdetail {
        padding: 40px 20px;
    }

    .bookinglist_tabs .booking_title {
        font-size: 24px;
    }

    .tblticket_slogan img {
        max-width: 100px;
    }

    .tblticket_slogan h3 {
        font-size: 45px;
    }
}



@media only screen and (max-width:732px) {
    .iframe-container iframe {
        height: 99.3vh;
    }

}
@media only screen and (max-width:767px) {
    .cancellationother {
        overflow: hidden;
        overflow-x: auto;
    }

    .headerbottom {
        position: relative;
    }

    .dphero {
        gap: 25px;
    }



    .headertop {
        /*justify-content: center;*/
        /* padding: 20px 0; */
        /* flex-direction: column; */
        /* gap: 16px; */
    }

    .bookoffer {
        text-align: center;
    }

    .slider-wrapper {
        border-radius: 20px;
    }

    .sitelogo a span {
        font-size: 20px;
    }

    /* leftmenu start */

    .headermenu {
        width: auto;
        position: absolute;
        top: 20px;
        right: 15px;
        margin: 0;
        background-color: transparent;
        z-index: 5;
        padding: 0;
    }

    .fixedbtn {
        position: absolute;
        top: -40px;
        left: 0;
        z-index: 1030;
    }

        .fixedbtn.topfixedicon {
            position: fixed !important;
            top: 12px !important;
            z-index: 99999 !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 24px;
            height: 24px;
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
            right: 12px;
            left: auto;
        }

            .fixedbtn.topfixedicon::after {
                font-family: FontAwesome;
                content: "\f00d";
                right: 3px;
                top: -6px;
                position: absolute;
                font-size: 22px;
                color: var(--primary);
            }

    .headermenu .navbar-header {
        display: block;
    }

    .menufixed .navbar-toggle {
        background-color: transparent;
        border-color: transparent;
        margin: 3px;
        padding: 3px;
        position: relative;
        top: 0;
        z-index: 999;
    }

    .fixedbtn.topfixedicon span {
        display: none !important;
    }

    .headermenu .navbar-inverse .navbar-nav {
        margin: 0;
        float: left;
        width: 100%;
        padding: 24px 0 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .headermenu .navbar-toggle .icon-bar {
        background: var(--primary);
    }

    .headermenu .navbar-inverse {
        float: left;
    }

        .headermenu .navbar-inverse .navbar-toggle:focus,
        .headermenu .navbar-inverse .navbar-toggle:hover {
            background-color: transparent;
        }

        .headermenu .navbar-inverse .navbar-nav > li {
            display: block;
            text-align: left;
            margin: 0 0 0 20px;
        }

        .headermenu .navbar-inverse .container-fluid {
            padding: 0 15px;
            text-align: center;
            background: #3e3e3e;
        }

        .headermenu .navbar-inverse .navbar-nav > li > a {
            font-size: 15px;
            padding: 6px 8px;
            color: var(--text);
            margin: 0;
            border-bottom: none;
            font-weight: 500;
            text-align: center;
            background-color: transparent;
        }

    .headermenu .navbar-inverse {
        background-color: var(--pure);
        box-shadow: 0 0 5px #B0B0B0;
    }

        .headermenu .navbar-inverse .navbar-nav > li > a.active, .headermenu .navbar-inverse .navbar-nav > li > a.active:focus, .headermenu .navbar-inverse .navbar-nav > li > a.active:hover, .headermenu .navbar-inverse .navbar-nav > li > a:hover {
            background: transparent;
            color: var(--primarycolor);
            border-bottom: none;
        }

        .headermenu .navbar-inverse .navbar-nav > .active > a, .headermenu .navbar-inverse .navbar-nav > .active > a:focus, .headermenu .navbar-inverse .navbar-nav > .active > a:hover, .headermenu .navbar-inverse .navbar-nav > li > a:hover {
            background: transparent;
            color: var(--primarycolor);
            border-bottom: none;
        }

            .headermenu .navbar-inverse .navbar-nav > li > a:hover:before, .headermenu .navbar-inverse .navbar-nav > li > a:focus:before {
                background-color: var(--buttoncolor);
            }

        .headermenu .navbar-inverse .navbar-nav > li > a:after {
            background-color: var(--buttoncolor);
        }

        .headermenu .navbar-inverse .navbar-collapse {
            border: none !important;
        }

    .side-collapse-container {
        width: 100%;
        position: relative;
        left: 0;
        transition: left .4s;
    }

        .side-collapse-container.out {
            left: 200px;
        }

    .headermenu .side-collapse {
        top: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
        padding-top: 30px;
        z-index: 9999;
    }

    .side-collapse.in {
        width: 0;
    }

    .cssmenu {
        float: left;
        width: 100%;
    }

    .navbar-toggle {
        display: block;
    }

    /* leftmenu end */

    .bookoffer h2 {
        font-size: 26px;
        line-height: normal;
    }

    .bookoffer p {
        padding: 9px 0 26px;
    }

    .countarea {
        padding: 50px 0 0;
    }

    .offerwrap {
        padding: 50px 0 0;
    }

    .offerimg {
        /*width: 280px;*/
    }

    .offerslider {
        padding: 35px 0 0;
    }

    .slider-section .main {
        padding: 50px 0;
    }

    .sliderarea .progress-container {
        left: 35px;
        right: auto;
    }

    .countitem h2 {
        font-size: 26px;
        line-height: 33px;
    }

    .countside {
        padding: 24px 35px;
    }

    .countitem p {
        font-size: 15px;
    }

    .slider-wrapper .slide {
        height: 250px;
    }

    .toptitle {
        font-size: 25px;
        line-height: normal;
    }

    .slider-section .left {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

        .slider-section .left h1 {
            font-size: 25px;
            line-height: 40px;
        }

    .progress-container {
        width: 28%;
        top: 25px;
        right: 25px;
    }

    .slider-section .image-container img {
        height: 260px;
    }

    .testimonial-box {
        padding: 35px;
    }

    .testimonialbox {
        flex-direction: column;
    }

    .leftside {
        width: 100%;
    }

    .testimonial-box .left h2 {
        line-height: 36px;
        text-align: center;
    }

    .serviceslide .slick-prev, .serviceslide .slick-next {
        background-position: center -102px;
        background-size: 20px;
    }

    .chooseus .amenitieswrap {
        padding: 35px;
    }

    .amenitiesright {
        padding: 35px 0 35px 35px;
    }

    .testimonial-box .right {
        width: 100%;
    }

    .chooseus .amenitiesarea {
        padding: 50px 0 0;
    }

    .serviceswrapper {
        padding: 35px;
    }

    .amenitiesarea {
        padding: 50px 0 50px;
    }



    .serviceboxpart p {
        font-size: 14px;
        line-height: 22px;
    }

    .serviceboxpart a {
        padding: 10px 20px 10px;
        font-size: 14px;
    }

    .applicationwrap {
        padding: 50px 0 0;
    }

    .applicationright {
        padding: 35px 35px 0;
    }

    .routenum {
        margin: 36px 0 0;
    }

    .footer_bg {
        padding: 50px 30px;
    }

    .footer_wrapper {
        padding: 50px 0 25px;
    }

    /* start media query contact page style*****/

    .contact_selectoption {
        gap: 40px;
    }

    .contact_dropdown {
        gap: 30px;
        width: 100%;
    }

    .contact_detailswrap .results {
        padding: 50px 0 0;
    }




    .contactuscol .tab-label {
        padding: 14px 20px;
        font-size: 18px;
        line-height: 22px;
        border-radius: 25px 25px 0 0;
    }

        .contactuscol .tab-label::after {
            right: 20px;
        }

    .contactuscol .tab-content p {
        font-size: 17px;
        line-height: 24px;
        padding: 0 0 13px;
    }

    .contactuscol {
        gap: 24px;
    }

    .contect_part .cont_sectionarea {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .contact_details {
        padding: 50px 30px 50px;
    }


    /* start media query wallet page style*****/

    .walletdtls {
        padding: 42px 0 0;
        gap: 42px;
    }

    .walletdtls {
        padding: 42px 0 0;
        gap: 42px;
    }

    .walletamt_rec {
        font-size: 20px;
    }

    .walletamt_wrap .walleticon {
        height: 42px;
        width: 42px;
        background-size: 50px;
        background-position: -3px -3481px;
    }

    .walletamdata .tabtitle.tabtitlewlt {
        padding: 21px 0 21px 35px;
        margin: 0;
    }

    .walletdtls {
        padding: 35px 0 0;
        gap: 35px;
    }

    .walletpart1 {
        padding: 21px 35px;
    }

    .walletcol label, .walletcol .datewallet {
        font-size: 20px;
        line-height: 26px;
    }

    .walletpart2 {
        padding: 20px 35px;
    }

    .walletdatainfo {
        gap: 35px;
    }

    .walletblancheck {
        flex-basis: 63%;
    }

    .walletdatainfo .walletdtlsinfo .wlletcrdt span {
        padding: 10px 18px;
        font-size: 15px;
    }

    /* start media query gallery page style*****/

    .gallerybox {
        width: 46.9%;
    }


    /* start media query blog page style*****/
    .blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 240px !important;
    }

    .blogcomfort {
        width: 240px !important;
        height: 240px !important;
    }

    .blogtitle {
        font-size: 18px !important;
        line-height: 25px !important;
    }

    .blogmore {
        padding: 10px 22px !important;
        font-size: 16px !important;
    }

    .slider-text-bg h1 {
        font-size: 28px;
    }

    .slider-text-bg h1, .blog_main_content h2 {
        font-size: 26px !important;
    }

    .blogcontentinnr {
        padding: 55px 35px !important;
    }

    .blog_main_content p img {
        width: 100%;
        border-radius: 30px;
    }

    .blogarea {
        gap: 50px;
        padding: 50px 0 0;
    }

    /* start media query contact page style*****/

    .cont_sectionbox {
        width: 100%;
    }

    .cont_followicon.socialicon a {
        font-size: 38px;
    }

        .cont_followicon.socialicon a svg {
            height: 42px;
        }
    /* start media query SERVICES page style*****/

    .ser_section {
        padding: 25px;
        flex-direction: column;
        gap: 30px;
        border-radius: 30px;
    }

        .ser_section img {
            border-radius: 20px;
        }

        .ser_section.ser_section2 img, .ser_section.ser_section4 img {
            border-radius: 20px;
        }

    .ser_sectionpart {
        border-radius: 30px;
        padding: 25px;
    }

    .ser_sectioncare {
        width: 100%;
        border-radius: 20px;
        background-color: rgb(255 255 255 / 20%);
        backdrop-filter: blur(41px);
        padding: 40px;
        border: 1px solid #f0f0f0;
    }

        .ser_sectioncare .aboutitle {
            color: var(--titletext);
        }

        .ser_sectioncare .abouheadtitle {
            color: #4A4A4A;
        }

        .ser_sectioncare .aboutext {
            color: var(--titletext);
        }


    /* start media query aboutus page style*****/

    .aboutitle {
        font-size: 18px;
    }

    .abt_oustory {
        border-radius: 20px;
    }

    .abouheadtitle {
        font-size: 27px;
        line-height: 36px;
    }

    .abt_oustoryright {
        width: 100%;
    }

        .abt_oustoryright img {
            border-radius: 16px;
            max-width: 100%;
        }

    .abt_promise {
        border-radius: 20px;
    }

    .abt_promiseright img {
        border-radius: 16px;
    }

    .abt_milestones {
        padding: 35px;
        border-radius: 20px;
    }

    .abt_countside .countbox {
        width: 230px;
        height: auto;
        padding: 25px 20px;
        border-radius: 20px;
    }

    .abt_milestonestext {
        font-size: 16px;
    }

    .abt_oustory3 {
        padding: 35px;
        border-radius: 20px;
    }

        .abt_oustory3 .abt_futuretext .abouheadtitle {
            padding: 10px 0 0;
        }

    .abt_busimg {
        gap: 20px;
        padding: 40px 0;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .abt_oustory4 {
        padding: 35px;
        border-radius: 20px;
    }


    /* start media query bus overview page style*****/

    .busoverpopup .css-hz1bth-MuiDialog-container .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: auto 50px !important;
    }

    .busoverpopup .photosimgwrap img {
        border-radius: 14px;
        width: 182px;
        height: 182px;
    }

    .photosimage {
        justify-content: center;
    }

    .popup_photostop .nav-tabs {
        align-items: center;
        justify-content: center;
    }

    /* start media query AvailbleRoutes page style*****/

    .bookingcontinue {
        padding: 00 0;
    }

        .bookingcontinue button {
            font-size: 14px;
            padding: 8px 26px;
        }

    .restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
        width: 100%;
    }

    .restroute_point_popup .css-ypiqx9-MuiDialogContent-root {
        width: 100%;
    }

    .dbpointnm_data {
        gap: 15px;
    }

    .restroute_point_popup .css-hz1bth-MuiDialog-container .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 100%;
    }

    .routecitytitlepart {
        width: 88%;
    }

    .routecitytitle {
        font-size: 15px;
    }

        .routecitytitle span {
            background-position: center -164px;
            flex-basis: 14%;
            background-size: 90px;
        }

    .routecitytitletime {
        padding: 10px 0 0;
    }

    .dbroutehead {
        flex-basis: 69%;
    }

    .route_box label {
        font-size: 13px;
    }

    .route_box span {
        font-size: 14px;
    }



    .travelpolicybox h6 {
        font-size: 16px;
    }

    .travelpolicypart {
        padding: 10px 0 0;
    }

    .travelpolicyarea h5 {
        font-size: 18px;
    }

    .travelpolicyarea {
        padding: 0 0 10px;
    }

    .travelpolicywrap {
        border-radius: 9px;
    }

    .routedata .travelsname {
        font-size: 14px;
    }

    .faredetails.farediscount .fareinput {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }

    .faredetails.farediscount input {
        width: 100%;
    }



    .filterbuttonsidebar {
        width: 40px;
        height: 40px;
    }

        .filterbuttonsidebar a {
            width: 40px;
            height: 40px;
        }

        .filterbuttonsidebar .filtericon::before {
            font-size: 15px;
        }

    .busroutephotolist button.slick-prev, .busroutephotolist button.slick-next {
        left: -20px;
    }

    .busroutephotolist button.slick-next {
        left: auto;
        right: -20px;
    }

    .amenitieslide {
        padding: 0 15px;
    }

        .amenitieslide button.slick-prev, .amenitieslide button.slick-next {
            left: -20px;
        }

        .amenitieslide button.slick-next {
            left: auto;
            right: -20px;
        }

    .popuprightpart {
        gap: 20px 22px;
        padding: 17px 20px;
    }

    .routeleftside {
        padding: 0px;
    }

    .filtermodelbottombtn {
        width: 93%;
    }

    .filter-drawerpart .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 42px;
        background-position: 97% -866px;
        padding: 0 0 0 16px;
    }

    .routefilters {
        padding: 25px;
        gap: 24px;
        width: 320px;
    }



    /*.filtercheckbox {
        padding: 14px 0 0;
        margin: 11px 0 0;
        gap: 14px;
    }*/

    .bustypecheckbox {
        width: 47%;
    }

    .filtercheckbox.sortingfilter label {
        padding: 0 0 11px;
    }

    .filter-drawerpart {
        padding: 10px 0 0;
    }

    .filtermodelbottombtn .filterapplybutton {
        font-size: 14px;
        padding: 11px 0 12px;
    }

    .busroutevia {
        padding: 10px 10px;
    }

    .busroutedetails {
        padding: 0 0 0;
    }



    .seatbutton .seatavailable p {
        font-size: 14px;
    }

    .seatbutton .nav-item-button button {
        font-size: 14px;
        width: 112px;
    }

    .busfacilitiestab .nav-tabs {
        flex-basis: 57.7%;
    }

    .busfacilitiestab .nav-tabs {
        flex-basis: 69%;
        gap: 15px;
    }

        .busfacilitiestab .nav-tabs .nav-link:before {
            height: 16px;
            font-size: 12px;
        }

    .amenities-tab-section {
        padding: 20px 20px;
    }



    .seatbutton {
        width: 26%;
        justify-content: flex-end;
        flex-direction: column;
        align-items: flex-end;
    }

    .boarding-list {
        padding: 0 0 12px;
    }

    .busroutevia {
        padding: 12px 12px 12px;
    }

    .bustiming .busroutearea {
        gap: 52px;
    }


    .busroutetimetable {
        gap: 16px;
        padding: 20px;
    }

    .busfacilitiestab {
        padding: 15px 20px;
    }

    .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 10px !important;
    }

    /*.css-ypiqx9-MuiDialogContent-root {
        padding: 25px 12px !important;
    }*/

    /*.journeydetails {
        flex-direction: column;
    }*/

    /*.jrnypsngr {
        padding: 0 0 20px;
    }*/

    /*.journeydate {
        padding: 20px 20px 0;
        width: 100%;
        border: none;
    }*/

    .journeydate.journeytiming {
        padding: 20px 20px 0;
    }

    .walletbox {
        flex-basis: 100%;
        gap: 0;
    }

    .modifyswapcity {
        top: 39px;
        left: auto;
        right: 27px;
        transform: rotate(90deg);
    }

    .bustypedetails label {
        font-size: 12px;
    }

    .busseatleft {
        font-size: 12px;
    }

    .busdetails {
        padding: 4px 10px;
    }

    .busdetails {
        padding: 4px 10px;
    }

    .busroutetimetable .lighttext {
        font-size: 12px;
        text-align: left;
    }

    .routeline {
        font-size: 12px;
        /*width: 59%;*/
    }

    .rattinglabel label.ratpoint {
        padding: 8px 14px 8px 33px;
        font-size: 16px;
        background-position: 6px -733px;
        background-size: 25px;
        line-height: 20px;
    }

    .rattinglabel label {
        padding: 7px 17px 8px 30px;
        background-position: -2px -986px;
        background-size: 30px;
    }

    .bustiming {
        justify-content: flex-start;
    }

    .bustime.busroutearrow {
        padding: 0 0px 0;
        text-align: center;
    }

    .busroutetimetable .lightlabel {
        font-size: 12px;
    }

    .busfairdetails p {
        font-size: 10px;
    }

    .modifydate {
        width: 48.5%;
        height: 46px;
    }

    .modifytocity {
        width: 100%;
    }



    .modifyinput .MuiAutocomplete-hasPopupIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot,
    .modifyinput .MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

    .modifyinput.modifytocity .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        border-radius: 8px 8px 0 0;
    }

    .modifyinput.modifyfromcity .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        border-radius: 0;
    }

    .modifytocity.modifyfromcity {
        border-top: 1px solid var(--background);
    }





    .modifybookingsearch .modifyinput input {
        border-radius: 0;
    }

    .modifytodate.modifyfromdate {
        padding: 0;
        border-top: 1px solid var(--background);
    }

    .filterbuttonsidebar a {
        padding: 6px 14px;
        font-size: 14px;
        gap: 6px;
    }

        .filterbuttonsidebar a i {
            font-size: 13px;
        }

    .bustime.busroutearrow img {
        width: 100%;
        max-width: 60px;
    }

    .bustype {
        width: 100%;
        font-size: 13px;
    }

    /*.busfacilitiestab {
        padding: 16px 20px;
        gap: 16px;
    }*/

    .busfacilitiestab .nav-tabs .nav-link {
        font-size: 13px;
        padding: 9px 30px 9px 10px;
    }



    .seatbutton .nav-item.nav-item-button {
        height: 34px;
    }

    .bookingseatchart {
        gap: 10px;
    }

    .seatpricefilter {
        overflow-x: auto;
    }

        .seatpricefilter ul {
            font-size: 14px;
            width: max-content;
            padding: 0 0 10px;
        }

            .seatpricefilter ul li {
                padding: 0px 12px;
                font-size: 13px;
            }

    .busfacilitiestab .tab-pane {
        padding: 20px 12px 20px;
    }

    /*.lowerdeckseat, .upperdeckseat {
        width: 260px;
    }*/

    .upperlowerchart {
        gap: 15px;
    }

    .routepoint {
        width: 50%;
    }

    .serviceboxdetail label {
        font-size: 14px;
    }



    /*.seatindicator .seat01 {
        width: 46%;
    }*/

    .modifybutton button {
        height: 46px;
    }

    .modifydate {
        width: 48.5%;
    }

    .busroutetimetable .boldlabel {
        font-size: 15px;
    }



    .busfairdetails span {
        font-size: 18px;
    }

        .busfairdetails span i {
            font-size: 16px;
        }

    .filtermodel .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        max-width: 100%;
        margin: 0 !important;
    }

    .routeleftside .filterclosebtn {
        right: 0;
        top: -8px;
        font-size: 17px;
        line-height: 17px;
    }

    .routeleftsidetitle h5 {
        font-size: 16px;
    }

    .routeleftsidetitle i {
        font-size: 13px;
    }

    .routeleftsidetitle {
        padding: 5px 0 10px;
        gap: 6px;
    }

    /*.routepoint .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
        width: 24px;
        height: 24px;
        top: 2px;
    }

    .routepoint .css-113ntv0-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
        width: 24px;
        height: 24px;
        top: 2px;
    }*/


    /*.fairdetails {
        padding: 4px 12px;
    }*/

    /*.serviceboxtitle {
        font-size: 14px;
        padding: 8px 13px;
    }*/

    .panel-body .togglebutton .redclr {
        bottom: 42px;
    }

    .redclr {
        font-size: 12px;
    }

    .popupuserdetail .passengertitle.hotdealbox label {
        font-size: 13px;
    }

    /* end media query AvailbleRoutes page style*****/

    /*customer info start*/

    .passwallet {
        width: 74%;
    }

    .gststate {
        width: 30%;
    }

    .custinfopopup .css-ypiqx9-MuiDialogContent-root {
        padding: 0;
    }

    .customerinfowrapper {
        padding: 10px;
    }

    .popupclose {
        right: 20px;
        top: 20px;
    }

        .popupclose i {
            font-size: 20px;
        }

    .customerinfowrapper .customerinfotitle {
        font-size: 20px;
    }

    .passengerdetails {
        gap: 18px;
    }

    /*.passengermainbox {
        padding: 15px;
        gap: 15px;
    }*/

    .passengernumber {
        padding: 0 0 30px;
    }

    .passengercount {
        padding: 0 0 12px;
    }

    .passengerfillbox input {
        height: 46px;
    }

    .passgender .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input, .gststate .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 44px;
    }

    .passgender .genderselect {
        height: 46px;
    }

    .genderpart {
        height: 46px;
    }

    .passseats {
        width: 12%;
    }

    /*.passgender {
        width: 19%;
    }*/

    /*.passcontactdata {
        padding: 15px;
    }*/

    .passcontactdata input {
        height: 46px;
        padding: 0 14px;
        font-size: 14px;
    }

    .passengerroutedetails {
        gap: 18px;
    }

    .passfaredetails.passengerbox {
        padding: 18px;
    }

    /*customer info end*/

    /****My Booking Page CSS****/

    .mybookinglistype .bookingmonth h5 {
        font-size: 20px;
    }

    .mybookinglistype .bookingwp {
        font-size: 15px;
    }

    .booking_borddropdetail .booking_bordrop_title {
        font-size: 14px;
    }

    .booking_bordnameare .booking_locationimg {
        background-position: center -58px;
        background-size: 30px;
    }

    .booking_routedetail .booking_routelist .booking_routeduration i {
        width: 30px;
        background-position: center -7px;
        height: 30px;
        background-size: 45px;
    }

    .popuprightpart {
        gap: 20px 22px;
        padding: 30px;
    }

    .passengertitle.hotdealbox a {
        font-size: 15px;
    }

    .popupuserdetail .passengertitle.hotdealbox label {
        font-size: 14px;
    }

    .popupuserdetail input {
        height: 42px;
    }

    .popupuserdetail .css-1hbvpl3-MuiSvgIcon-root {
        font-size: 1.3rem;
    }

    .popupuserdetail .css-11zohuh-MuiSvgIcon-root {
        font-size: 1.3rem;
    }

    .popupuserdetail.profileinputradio {
        gap: 20px;
        padding: 0;
    }

    .loginpopupmain:before {
        height: 25px;
        clip-path: polygon(0 0, 70% 0%, 65% 100%, 0% 100%);
    }

    .loginpopupmain:after {
        height: 25px;
        clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 25% 100%);
    }

    .bookinglist_tabs {
        min-height: 10px;
    }

        .bookinglist_tabs .season_tab {
            width: 100%;
            margin: 0 0 10px;
        }

        .bookinglist_tabs .season_content {
            left: 0;
            position: relative;
            width: 100%;
        }

    .booking-detail-headtop .loginicon {
        height: 35px;
        width: 35px;
        background-position: center -2px;
        background-size: 35px;
    }

    .booking-detail-headtop .logoutbtn {
        right: 74px;
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .profileinputdetails {
        flex-wrap: wrap;
    }

    .profileinputdata {
        width: 100%;
        padding: 0 0 0px;
    }

    .profileinputdetails.profileinputdetailsbtn {
        padding: 10px 0;
    }

    .mybookingtab {
        /*background-color: var(--primarycolor);*/
    }

    .profileinputdetails .tabtitle.tabtitlewlt label {
        /*height: 40px !important;*/
    }

    .payonlineother .togglebutton {
        gap: 0px;
    }

    .payonlinerefnd02 {
        flex-wrap: wrap;
        gap: 10px;
    }

    .payonlinerefndbox {
        gap: 0px;
        flex-basis: 100%;
    }

    .bookingdetails .mybookinginner .mybkdpt .col-lg-1, .mybookinginner .mybookinginfo .col-md-1 {
        flex: 0 0 auto;
        width: 50%;
    }

    .loginpopupmain {
        padding: 40px 25px 0 24px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 10px;
    }

    .popupright {
        width: 100%;
    }

    .popupleft {
        padding: 20px 0 0;
        width: 100%;
        text-align: center;
    }

        .popupleft img {
            max-width: 320px;
        }

    .resendotplink {
        padding: 12px 0 4px;
        font-size: 15px;
    }

    .book_toproutedetail {
        gap: 10px;
    }

    .booking_topdetail .booking_busroute .book_busroutename {
        font-size: 20px;
    }

    .book_toproutedetail {
        padding: 0 0 50px;
    }

    .book_sechedulebtn {
        flex-wrap: wrap;
    }

    .book_benefitsdata img {
        max-width: 100%;
        border-radius: 30px;
        min-height: 140px;
        object-fit: cover;
    }

    .book_accdetail h3, .book_wpdetail h3 {
        font-size: 18px;
        text-align: center;
    }

    .book_benefitsdata {
        margin: 50px 0 !important;
    }

    .book_borddetail, .book_dropdetail {
        width: 34%;
    }

    .tblticket_slogan h3 {
        font-size: 45px;
    }

    .tblticket_slogan p {
        font-size: 22px;
    }


    /*Cancellation*/

    .managepnr label::after {
        right: 45px;
    }

    /*Modify ticket*/

    .managepnr .redclr {
        left: 38%;
    }
}

@media only screen and (max-width:669px) {
    /*.iframe-container iframe {
        height: 89.6vh;
    }*/
}

@media only screen and (max-width:639px) {
    #activate-menu ul {
        padding: 30px 20px 0 20px;
    }

    #activate-menu {
        right: -75%;
        width: 300px;
    }

        #activate-menu ul li a {
            font-size: 14px;
            padding: 6px 0px 6px 15px;
        }

    .customerlisting {
        height: 258px;
    }

    .serviceswraptop .nav-tabs .nav-link {
        padding: 15px 8px 15px;
    }

    .serviceswraptop ul {
        justify-content: center;
        gap: 12px;
    }

    .bookingsearch .searchbtn {
        padding: 11px 15px 12px;
    }

    .bookingsearch {
        width: auto;
        float: right;
    }

    .bookingform {
        padding: 25px;
    }

    .bookoffer h2 {
        font-size: 24px;
    }

    .sliderarea .progress-container {
        left: 35px;
        top: 35px;
    }

    .right .progress-container {
        width: 42%;
    }

    .slider-wrapper .slide {
        height: 200px;
    }

    .toptitle {
        font-size: 22px;
    }

    .countarea {
        padding: 40px 0 0;
    }

    .countside {
        padding: 24px 25px;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
    }

    /*.offerimg {
        width: 208px;
    }*/
    .offerslider {
        padding: 25px 0 0;
    }

    .chooseus .amenitiesarea {
        padding: 40px 0 0;
    }


    .slider-section .main {
        padding: 40px 0;
    }

    .offerwrap {
        padding: 40px 0 0;
    }

    .slider-section .left {
        padding: 0 0 20px 0;
    }

        .slider-section .left h1 {
            font-size: 22px;
            line-height: 30px;
        }

    .progress-container {
        top: 35px;
        right: 35px;
    }

    .testimonial-box .left h2 {
        line-height: 33px;
    }

    .amenitiesarea {
        padding: 40px 0;
    }

    .serviceboxpart {
        float: left;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .serviceswrapper {
        padding: 35px;
    }

    .servicebox {
        width: 98%;
    }

    .serviceboxpart h4 {
        text-align: center;
    }

    .serviceboxpart p {
        font-size: 14px;
        height: auto;
        line-height: 22px;
        text-align: center;
    }

    .amenitiesright p {
        line-height: 26px;
        padding: 5px 35px 28px 0;
    }

    .testimonial-box .name {
        font-size: 15px;
        line-height: normal;
    }

    .testimonial-box .counter {
        gap: 12px;
    }

    .testimonial-box .text {
        padding: 16px 0 20px;
    }



    .applink img {
        max-width: 100%;
    }

    .applicationwrap {
        padding: 40px 0 0;
    }

    .navbarmenu {
        width: 45%;
    }

    .footer_wrapper {
        padding: 40px 0 25px;
    }

    .footer_bg {
        padding: 40px 20px;
        gap: 30px;
    }


    /* start media query wallet page style*****/

    .booking-detail-wallet {
        margin: 40px 0 0;
        padding: 50px 0;
    }

    .walletdtls {
        padding: 30px 0 0;
        gap: 30px;
    }

        .walletdtls span.wallethistry {
            padding: 9px 25px 8px;
        }

    .walletpart1 {
        padding: 17px 25px;
    }

    .walletpart1 {
        padding: 17px 25px;
    }

    .walletpart2 {
        padding: 16px 25px;
        flex-direction: column;
        gap: 10px;
    }

    /* start media query gallery page style*****/

    .gallerybox {
        width: 100%;
    }

    .galleryarea.galleryarea {
        padding: 30px;
        border-radius: 30px;
    }
    /* start media query blog page style*****/

    .blogcontentinnr {
        padding: 40px 30px !important;
    }

    .blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 180px !important;
    }

    .blogcomfort {
        width: 180px !important;
        height: 180px !important;
    }

    .blogtitle {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .blogmore {
        padding: 8px 20px !important;
        font-size: 14px !important;
    }

    .blogcontentinnr {
        border-radius: 30px !important;
        padding: 40px 30px !important;
    }

    .blogcomfort img {
        border-radius: 16px !important;
    }

    .slider-text-bg h1, .blog_main_content h2 {
        font-size: 22px !important;
    }

    .blogarea {
        gap: 40px;
        padding: 50px 0 0;
    }


    /* start media query track Crago page style*****/
    .trackcargodiv .modal-content {
        width: 95%;
    }

    .modal-body input.phno {
        width: 265px;
    }

    .trackcargodiv {
        border-radius: 30px;
        padding: 0 0 50px;
    }

        .trackcargodiv .booking_title {
            font-size: 20px;
        }

        .trackcargodiv .btn-share, .booking-detail-headtop .btn-share {
            font-size: 16px;
            padding: 8px 47px 8px 18px;
        }

        .trackcargodiv .booking-detail-headtop {
            padding: 22px 25px 20px;
        }

        .trackcargodiv .bookingform {
            padding: 25px;
        }

        .trackcargodiv .bookingtrack {
            width: 100%;
        }

        .trackcargodiv .bookingsearch {
            width: 42% !important;
        }

        .trackcargodiv .cargo-result {
            padding: 0 0 0 25px;
        }

    .cargo-result_list {
        padding: 0 25px 0 45px;
    }

        .cargo-result_list .cargo-result_title {
            padding: 0 20px 0 20px;
        }



    .cargo-point {
        width: 25px;
        padding: 30px 0 0;
    }

        .cargo-point em {
            width: 25px;
            height: 25px;
        }

    .cargo_data_box p:first-child {
        width: 95%;
    }

    /* start media query FAQ page style*****/

    .faq_sectionpart {
        padding: 30px 30px 30px;
        border-radius: 30px;
    }

    .faq_sectionare .faq_titlename {
        font-size: 18px;
    }

    .faq_sectionare .filter-drawer__title {
        padding: 0 20px 0 0;
        font-size: 16px;
        line-height: 24px;
    }

    .faq_sectionare .filter-drawer {
        padding: 12px 26px;
        border-radius: 12px;
    }

    .faq_sectionare .filter-drawer__title::after {
        right: -10px;
        font-size: 20px;
    }

    .faq_sectionwrap {
        padding: 00 0;
        gap: 30px;
    }

    .faq_sectionare .filter_tab_main {
        gap: 15px;
        padding: 15px 0 0;
        background-color: transparent;
    }

    .faq_sectionare .filter-drawerpart p {
        font-size: 14px;
        line-height: 20px;
    }

    .faq_sectionare .filter-drawerpart {
        padding: 20px 0 0;
    }

    /* start media query contact page style*****/

    .cont_sectionpart {
        border-radius: 30px;
        padding: 30px;
    }

    .cont_sectionpart2 {
        border-radius: 30px;
        padding: 30px 30px 0;
    }

    .cont_feedback .abouheadtitle {
        padding: 20px 0 46px;
    }

    .cont_feedback {
        padding: 0 0 39%;
    }

    .cont_boxfeedback button {
        padding: 10px 18px 10px 53px;
        background-position: 19px -2118px;
        background-size: 25px;
    }

    .cont_boxfeedback textarea {
        min-height: 60px !important;
        height: 60px !important;
    }

    .cont_feedback:after {
        width: 130px;
        height: 180px;
        background-size: 130px;
    }

    .cont_feedback:before {
        width: 150px;
        height: 150px;
        background-size: 150px;
    }

    .cont_followus {
        padding: 20px 30px 30px;
        border-radius: 30px;
    }

    .cont_panter {
        padding: 20px 30px 30px;
        border-radius: 30px;
    }

        .cont_panter a {
            padding: 12px 16px 12px 46px;
            margin: 40px 0 0;
            background-position: 12px -493px;
            background-size: 30px;
        }



    /* start media query aboutus page style*****/

    .abt_oustory {
        border-radius: 20px;
        padding: 30px;
    }

    .abouheadtitle {
        font-size: 24px;
        line-height: 34px;
    }

    .aboutext {
        font-size: 16px;
        line-height: 26px;
    }

        .aboutext.aboutextbtm {
            padding: 20px 0 0;
        }

    .abt_promise {
        border-radius: 20px;
        flex-direction: column;
    }

    .abt_promise {
        padding: 30px;
    }

    .abt_milestones {
        padding: 30px;
    }

    .abt_countside {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: space-around;
    }

        .abt_countside .countbox {
            width: auto;
            height: auto;
            padding: 25px 20px;
            border-radius: 20px;
        }

    .abt_oustory3 {
        padding: 30px;
        border-radius: 20px;
    }

    .abt_busimg img {
        max-width: 180px;
    }

    .abt_text p i {
        display: inline;
        font-style: normal;
    }





    /* start media query bus overview page style*****/

    .busoverpopup .css-hz1bth-MuiDialog-container .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: auto 20px !important;
        max-height: calc(100% - 36px);
        height: 100%;
    }

    .popuup_busroutename .popuup_bluetext {
        font-size: 18px;
    }

    .pop_busphotos .popup_photoswrap {
        padding: 0 20px 30px 20px;
    }

    /* start media query AvailbleRoutes page style*****/

    .bus_amenitiesbox .amenities-tab-box p {
        font-size: 14px;
    }

    .bus_amenitiesbox .amenities-tab-box i {
        font-size: 20px;
    }

    .bus_amenitiesbox {
        gap: 10px;
    }

    .popup_photoswrap {
        margin: 30px 30px;
    }

    .bus_bordingpointarea {
        padding: 30px 30px;
    }


    .point-timelist {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 4px;
    }

    .popup_busbordingname {
        font-size: 16px;
    }

    .popup_busbordingarea {
        overflow-y: auto;
        height: calc(100dvh - 16rem);
    }

    .point-row .point-name {
        width: 50%;
    }

    .booktabmenu {
        width: auto;
        gap: 20px;
        padding: 33px 0 0;
        overflow-x: scroll;
    }

    .bookingseatchartpart h4 {
        font-size: 18px;
        padding: 0 0 12px;
    }

    .upperlowerchart {
        gap: 15px;
        width: 100%;
    }

    .seatchartdeta {
        top: 20px;
        left: 0;
    }

    .lowerdeckchart, .upperdeckchart {
        padding: 14px;
        min-height: 610px;
    }

    .popup_busovertab {
        padding: 0 42px;
    }

    .bustabslider button.slick-prev, .bustabslider button.slick-next {
        left: -34px;
    }

    .bustabslider button.slick-next {
        left: auto;
        right: -34px;
    }

    .photosimgwrap img {
        width: 182px;
        height: 112px;
    }

    .bus_bordingpointbox h3 {
        font-size: 20px;
        gap: 20px;
    }

    .busroutetimetable {
        padding: 20px 20px 0;
        flex-wrap: wrap;
        gap: 22px;
    }

    .busfairdetails {
        text-align: left;
        order: 3;
        flex-basis: 100%;
    }

    .amenities-tab-list {
        gap: 14px;
    }

    .busfacilitiestab .nav-tabs {
        gap: 10px 10px;
        flex-basis: 65%;
        /* justify-content: center; */
        padding: 0;
    }

        .busfacilitiestab .nav-tabs .nav-link {
            font-size: 12px;
            padding: 9px 28px 7px 11px;
            line-height: 16px;
        }

    .busratting {
        display: flex;
        width: 68%;
        justify-content: flex-start;
        align-items: flex-start;
        order: 1;
    }

    .rattinglabel {
        height: 34px;
    }

        .rattinglabel label.ratpoint {
            height: 34px;
        }

        .rattinglabel label {
            height: 34px;
        }

    .seatbutton .seatavailable p label {
        font-size: 14px;
    }

    .boarding-dropping-tab-section {
        flex-direction: column;
    }

    .boarding-point-tab, .dropping-point-tab {
        width: 100%;
    }

    .boarding-list-type {
        height: 128px;
    }

    .bustiming {
        flex-basis: 100%;
    }

    .bustype {
        font-size: 14px;
    }

    .busroutevia {
        padding: 10px 20px 18px;
    }



    .seatbutton {
        width: auto;
        align-items: flex-end;
    }


    .lowerdeckchart, .upperdeckchart {
        width: 250px;
    }

    .upperchart {
        display: flex;
        gap: 20px;
        justify-content: center;
    }



    /*.lowerdeckseat, .upperdeckseat {
        width: 280px;
    }*/

    .seatindicator {
        gap: 18px;
    }

        .seatindicator .seat01 em {
            margin: 0 8px 0 0;
        }

    .walletbox {
        flex-basis: 100%;
        gap: 0;
    }

    .bookingdeatails {
        padding: 0 0 0;
        flex-direction: column;
        flex-basis: 100%;
    }

    .booktabmenudiv {
        width: 552px;
        max-width: 552px;
        float: left;
        display: block;
    }

    .booktabmenu {
        width: 100%;
        padding: 33px 0 0;
        overflow-x: scroll;
        display: block;
    }

        .booktabmenu button {
            padding: 0 20px 16px;
        }

    .routepoint {
        width: 100%;
        padding: 0;
    }

    .bookingservicefairdetail {
        float: left;
        width: 100%;
    }

    .busfacilitiestab .tab-pane {
        padding: 20px 20px;
    }

    .routepoint .css-qkv3hr-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 10px 47px 10px 40px;
        font-size: 14px;
        background-position: 6px -1232px;
    }

    .lowerdeckchart, .upperdeckchart {
        overflow-x: auto;
    }

    .seatchartone, .seatchartwo {
        text-align: center;
        overflow: scroll;
    }



    /*.lowerdeckseat, .upperdeckseat {
        padding: 0 0 30px 60px;
        max-width: 600px;
        background-position: 64% 46px;
    }*/

    .routepoint .droppingpointchart .css-qkv3hr-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        background-position: 6px -1353px;
    }

    .routepoint .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
        top: 0;
    }

    .serviceboxdetail p {
        font-size: 14px;
        /*width: 27%;*/
    }

    .serviceboxdetail label {
        padding: 0 0 0 10px;
        font-size: 14px;
        /*width: 70%;*/
    }

    .serviceboxtitle.fairdetailstitle i {
        padding: 7px 0 0;
    }

    .fairdetails p, .fairdetails label {
        font-size: 14px;
    }



    .bookingcontinue button {
        font-size: 14px;
        padding: 8px 24px;
    }

    .modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 10px 0 22px;
        background-position: 0 8px;
        background-size: 18px;
        font-size: 16px;
        height: 48px;
    }

    .modifybookingsearch .modifyinput input {
        height: 48px;
    }

    .modifybookingsearch .modifyinput.modifytodate input {
        background-position: 0px -382px;
        padding: 0 0 0 22px;
        font-size: 16px;
        background-size: 18px;
    }

    .modifybookingsearch .modifyinput.modifyfromdate input {
        background-position: 0 -512px !important;
    }

    .modifybookingsearch .modifyinput.modifyfromcity input {
        background-position: 0 -123px !important;
    }

    .modifyinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root {
        font-size: 16px;
    }



    .modifybutton button {
        height: 46px;
    }

    .modifydate {
        width: 47.9%;
    }

    .modifybutton {
        width: 48.5%;
    }

    .bustime.busendtime {
        text-align: right;
    }

        .bustime.busendtime .lighttext1 {
            text-align: right;
        }

    /*.routedetail {
        padding: 26px 0 0;
    }*/

    .routebusviadetails {
        padding: 26px 0 0;
    }

    .filterbuttonsidebar a {
        padding: 5px 12px;
        font-size: 15px;
        gap: 7px;
    }

        .filterbuttonsidebar a i {
            font-size: 14px;
        }

    .busroutetimetable {
        padding: 18px;
        gap: 16px;
    }

    .busroutename {
        flex-basis: 78%;
        order: 1;
    }

    .bustiming {
        flex-basis: 100%;
        justify-content: space-between;
        order: 3;
    }

        .bustiming .busroutearea {
            gap: 0;
            justify-content: space-between;
        }

    .busroutevia {
        padding: 10px 18px 18px;
    }



    .noroute p {
        font-size: 14px;
        padding: 13px 0;
    }

    /* end media query AvailbleRoutes page style*****/

    /*Customer info start*/

    .passwallet {
        width: 100%;
    }

    .passengerwallet button {
        width: 100%;
    }

    .passengerfillbox {
        flex-wrap: wrap;
    }

    .passgender {
        width: 30%;
    }

    .passseats {
        width: 31%;
    }

    .passage {
        width: 31%;
    }

    .passname {
        width: 100%;
    }

    .passcontactdata {
        flex-wrap: wrap;
        gap: 14px;
    }

    .gststate {
        width: 100%;
    }

    .passcontactdata .passemail {
        flex-basis: 47.4%;
    }

    .psngrpaybox {
        padding: 15px;
    }

    .customerroutedata {
        gap: 25px;
    }

    .passengerroutedetails {
        gap: 15px;
    }

    /*.journeydate {
        padding: 20px 20px 0;
    }*/

    .customerinfohead .filter-drawerpart {
        padding: 10px 20px 25px;
    }




    .passinfo .filter-drawerpart {
        padding: 10px 20px 0;
    }

    .journeydate.journeytiming {
        padding: 20px;
    }

    .bookingconfirmbtn button {
        font-size: 15px;
        padding: 12px 26px;
    }

    .triproutename {
        gap: 20px;
    }

    .passage {
        width: 50%;
    }

    .passgender {
        width: 45.9%;
    }

        .passgender .genderselect {
            height: 46px;
        }

    .genderpart {
        width: 50%;
        height: 46px;
        text-align: center;
    }

    .passcontactdata .passphone {
        flex-basis: 47% !important;
    }

    .passcontactdata .passemail {
        flex-basis: 48.4%;
    }

    .customerroutedata {
        gap: 22px;
    }

    .bookingconfirmbtnmbl {
        gap: 15px;
    }

    .contactprocess label {
        font-size: 12px;
    }

    .passengermainbox {
        gap: 0;
    }

    .customerinfohead .filter-drawer__title {
        font-size: 20px;
        line-height: 22px;
    }

    .journeytitle {
        font-size: 20px;
    }

    .journeyfromcity .bustype {
        font-size: 13px;
        padding: 5px 0 0;
    }

    .tripboarding .journeydate, .tripdropping .journeydate {
        padding: 5px 0 0;
        gap: 5px;
    }

    .bookingservicefair {
        gap: 10px;
        padding: 20px 20px 30px;
    }



    /*Customer info end*/

    /*ModifyTicket css*/

    .managewrapper {
        padding: 0 0 30px;
    }

    .managetitle {
        font-size: 18px;
        padding: 10px 20px;
        margin: 0 0 15px;
        text-align: left;
    }

    .managepnr {
        padding: 10px 10px;
    }

        .managepnr label {
            width: 35%;
        }

        .managepnr input {
            width: 65%;
            height: 40px;
        }

    .managebooking {
        padding: 30px 0 0;
    }

    .managepnr.managebutton {
        padding: 20px 20px 0;
    }

    .managepnr label::after {
        right: 15px;
    }

    .managepnr label {
        font-size: 16px;
    }

    .modify_popup_main .css-ypiqx9-MuiDialogContent-root {
        padding: 10px 10px;
    }

    .modifyinputflex {
        flex-wrap: wrap;
    }

    .modifydetailsinput {
        width: 100%;
    }

        .modifydetailsinput.modifydetailsinputbutton button {
            font-size: 14px;
            padding: 10px 15px;
        }

    .modify_popup_main .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        font-size: 15px;
        margin-right: 15px;
        padding: 3px 0 0 4px;
    }

    .modifydetailsinput input {
        height: 40px;
    }

    .partialdatatitle span {
        font-size: 13px;
    }

    .partialdatadetails p {
        font-size: 13px;
        padding: 0;
    }

    .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
        padding: 2px;
    }

    .managebooking .panel-heading {
        font-size: 20px;
        padding: 35px 0 20px;
    }

    /*ModifyTicket css*/

    /*ContactUS page css******************/

    /*.contactuscol .addrow {
        padding: 0 5px;
    }*/

    .contactuscol {
        gap: 20px;
        flex-direction: column;
    }

    .contact_selectoption {
        gap: 20px;
    }

    .contact_dropdown {
        gap: 20px;
        width: 100%;
    }

    .contact_details {
        border-radius: 20px;
    }

    /*ContactUS page css******************/

    /****feedback page css******/

    .feedbkinput .col-lg-6 {
        width: 100%;
    }

    .agntpgcaptcha .col-lg-6 {
        width: 100%;
    }

    .feedbkinput {
        gap: 5px 10px;
    }

    /****feedback page css******/

    .charterinput .col-lg-6 {
        width: 100%;
    }

    /*agent registration css*/

    .agentinput {
        padding: 10px 0 0;
    }

        .agentinput .col-lg-6 {
            width: 100%;
        }

            .agentinput .col-lg-6 label {
                font-size: 15px;
                padding: 5px 0;
            }

            .agentinput .col-lg-6 input {
                height: 40px;
            }

    /*agent registration css*/

    /*pay online css*/

    .payonlinetop {
        width: 100%;
        float: left;
        padding: 20px 0 0;
    }

        .payonlinetop h4 {
            font-size: 20px;
            padding: 0 0 10px;
            margin: 0 0 15px;
        }

        .payonlinetop ul li span {
            font-size: 14px;
            padding-left: 8px;
        }

    .inputblock {
        justify-content: left;
        gap: 8px;
        flex-wrap: wrap;
        padding: 0;
    }

        .inputblock .form-group {
            width: 100%;
        }

            .inputblock .form-group label {
                font-size: 14px;
                padding: 0px 0 5px;
            }

            .inputblock .form-group input {
                height: 40px;
                font-size: 14px;
            }

    .panel-body .togglebutton a {
        font-size: 14px;
    }

    .panel-body .togglebutton .btn-primary {
        font-size: 15px;
        padding: 10px 20px;
        margin: 15px 0 0;
    }

    /*pay online css*/

    /*Cancellation*/

    .inputblock .form-group .input-group-addon {
        right: 15px;
        top: 53px;
    }

    .input-group-addon .fa {
        line-height: 1.5 !important;
    }

    .canclrefund {
        overflow-x: auto;
    }

        .canclrefund .refundtitle {
            padding: 10px 10px;
        }

        .canclrefund .refundata {
            padding: 10px 10px;
        }

    /*Modify Ticket*/

    .managepnr .redclr {
        left: 36%;
        bottom: -8px;
    }

    /*My Booking login*/
    .track_popup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 95%;
    }

    .trip_modal-body input {
        width: 262px;
    }

    .trip_modal-input {
        width: auto;
    }

    .mybklogindiv {
        padding: 25px;
    }

    .userdetailbutton button {
        padding: 11px 14px 12px;
    }

    .loginboxtermsbtn {
        height: auto;
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start;
    }

        .loginboxtermsbtn .profileinputdetails.profileinputdetailsbtn {
            width: 100%;
        }

        .loginboxtermsbtn .hotdealbox span {
            bottom: -13px;
        }

    /*My Booking*/

    .bookinglist_tabs .back-button {
        padding: 0;
        background-image: none;
    }

    .bookinglist_tabs .booking-detail-wrapper .back-button {
        padding: 0px 0px 0px;
    }

    .booking_routedetail .booking_passdetail {
        margin: 16px 0 0;
    }

    .mybookingtab {
        border-radius: 30px;
    }

    .book_passdetailwrap {
        overflow-x: auto;
    }

    .book_passdetailtitle {
        width: 640px;
    }

    .book_passlistbox {
        width: 640px;
    }

    .book_passlist label {
        text-align: center;
    }

    .book_passdetailtitle h4 {
        text-align: center;
    }

    .booking-detail-wrapper .booking-detail-headtop {
        padding: 0 25px 20px;
    }


    .popupuserdetail {
        width: 100%;
    }



    .profile_photoselect {
        gap: 16px;
    }

        .profile_photoselect label img {
            width: 75px !important;
            height: 75px !important;
        }



    .profileinputdetails {
        flex-direction: column;
    }

        .profileinputdetails.profileinputdetailsbtn {
            padding: 20px 0 0;
            flex-direction: row;
        }

        .profileinputdetails .profileinputdata {
            width: 100%;
        }

    .bookingdetailbottom {
        gap: 20px;
        flex-direction: column;
    }

    .bookingticket_total p {
        font-size: 16px;
        display: flex;
        flex-direction: column;
        text-align: right;
    }

    .bookingticket_total label {
        font-size: 18px;
    }

    .booking_routedetail {
        width: 100%;
    }

    .bookingdetailbottom .booking_borddropdetail {
        width: 100%;
    }

    .booking_busroutename {
        padding: 20px 0 10px;
    }

    .booking_busroutetimer {
        padding: 10px 0 0;
    }

    .bookinglist_tabs .booking_title {
        font-size: 22px;
    }

    .mybookinglistype {
        padding: 40px 0 0;
    }

    p.booking_busbordname, .booking_busdropname {
        font-size: 21px;
    }

    .mybookinglistype .bookingmonth h5 {
        font-size: 18px;
    }

    .mybookingtab {
        padding: 0 20px;
    }

    .mybooking-tabs .tab-list > li > h3 {
        font-size: 15px;
        padding: 0 17px 10px;
    }

    .booking_topdetail {
        flex-direction: column;
        gap: 20px;
    }

    .book_toproutedetail {
        gap: 20px;
        flex-direction: column;
    }

    .book_borddetail, .book_dropdetail {
        gap: 12px;
        width: 100%;
    }

    .book_dropdetail {
        float: right;
        text-align: left;
        align-items: flex-start;
    }

    .book_detailduration {
        width: 100%;
        padding: 0;
    }

    .book_ppaseat {
        width: 10%;
        text-align: right;
    }

    .book_facilityboxwrp {
        width: 90%;
    }

    .book_otherfacility {
        border-radius: 30px;
        padding: 30px 24px 30px;
        background-color: var(--pure);
    }

    .book_benefitscontent h2 {
        width: 50%;
        font-size: 18px;
        line-height: 22px;
        padding: 10px 0 23px 20px;
    }

    .book_benefitofer {
        font-size: 16px;
        line-height: 25px;
    }

    .book_otherdetail {
        gap: 20px;
    }

    .book_accdetail, .book_wpdetail {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .book_otherdetail {
        gap: 20px;
        flex-direction: column;
    }

    .tblticket_slogan img {
        max-width: 80px;
    }

    .tblticket_slogan h3 {
        font-size: 35px;
        padding: 15px 0 8px;
    }

    .tblticket_slogan p {
        font-size: 20px;
    }

    .eticketwrapdata {
        padding: 40px 20px !important;
    }
}

@media only screen and (max-width:575px) {
    .canclrefund .col-lg-2,
    .canclrefund .col-lg-1 {
        float: none;
    }

    .cancellationother {
        padding: 20px 10px;
    }
}

@media only screen and (max-width:556px) {
    .iframe-container iframe {
        height: 80.1vh;
    }

}


@media only screen and (max-width:549px) {
    /*Popup Style For Responsive*/

    .cs_services {
        padding: 0 0 40px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px 20px;
    }
}

@media only screen and (max-width:509px) {
    .iframe-container iframe {
        height: 80.1vh;
    }
}
@media only screen and (max-width:479px) {

    .trackcargodiv.trackbusdiv {
        padding: 0 0 20px !important;
    }

    .loginwrap {
        display: none;
    }

    .headertop {
        justify-content: flex-start;
        padding: 24px 20px 30px;
        flex-direction: row;
        gap: 0;
    }

    .bookingwrapper {
        position: relative;
        padding: 0px 0 0;
        top: 0;
        margin: -90px 0 0;
    }

    .headermenu {
        right: 22px;
    }

    .bookoffer {
        display: none;
    }

        .bookoffer.mobileoffer {
            display: block;
            position: absolute;
            top: 80px;
            padding: 0 40px 0 20px;
            text-align: left;
        }

    .bannerwrapper {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .bookoffer h2 {
        font-size: 26px;
        color: var(--pure);
    }

    .bookoffer p {
        padding: 8px 14px 26px 0;
        font-size: 14px;
        color: var(--pure);
    }

    .serviceswraptop {
        overflow-x: auto;
    }

    .bannerwrap {
        border-radius: 20px;
        /*overflow: hidden;*/
    }


    .serviceswraptop ul {
        gap: 0;
        overflow: auto;
        flex-wrap: nowrap;
        width: 482px;
        justify-content: flex-start;
        max-width: 552px;
    }

    .bookingtrack {
        width: 100%;
    }

    .bookingform.trackbus .bookingsearch, .bookingform.trackcargo .bookingsearch {
        width: 100%;
    }

    .bookingsearch {
        width: 100%;
    }

    .serviceswraptop .nav-item {
        text-align: center;
        width: auto;
    }

    .serviceswraptop .nav-tabs .nav-link {
        padding: 15px 18px;
    }

    .bookingform {
        padding: 15px 30px 40px;
        flex-direction: column;
    }

    .cargo-result {
        padding: 0 5px;
        overflow-x: auto;
    }

        .cargo-result::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }

        .cargo-result::-webkit-scrollbar-thumb {
            width: 5px;
            height: 5px;
        }

    .bookingcity {
        width: 100%;
    }

        .bookingcity.bookingdate {
            width: 100%;
        }

    .slider-wrapper .slide {
        height: 492px;
    }

    .sliderarea .progress-container {
        left: 25px;
        top: 25px;
    }

    .progress-block .number {
        font-size: 16px;
    }



    .progress-container {
        width: auto;
    }

    .slider-wrapper {
        border-radius: 16px;
    }

    .countarea {
        padding: 30px 0 0;
    }

    .countside {
        border-radius: 30px;
        padding: 54px 0;
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }

    .countitem h2 {
        font-size: 50px;
        line-height: 60px;
        font-weight: 500;
        text-align: center;
    }

    .countitem p {
        font-size: 20px;
        text-align: center;
    }

    .progrescounterarea {
        overflow-x: auto;
    }

    .progrescounter {
        position: relative;
        padding: 30px 0 0;
        overflow: auto;
        max-width: 552px;
    }

    .toptitle {
        font-size: 26px;
    }

    .chooseus .amenitieswrap {
        padding: 30px 20px 30px;
    }

    .offerslider {
        padding: 25px 0 0;
    }

    .offerimg {
        width: 98%;
    }

    .slider-section .left h1 {
        font-size: 28px;
        line-height: 36px;
        padding: 0 20px 0 0;
    }

    .slider-section .left p {
        padding: 15px 0 0;
        font-size: 14px;
    }

    .slider-section .tabs {
        padding: 22px 0 0;
        overflow: auto;
    }

    .right .progress-container {
        width: auto;
        right: auto;
        left: 20px;
        top: 30px;
    }

    .progress-block .number {
        font-size: 14px;
    }

    .slider-section .image-container img {
        border-radius: 16px;
    }

    .offerwrap {
        padding: 30px 0 0;
    }

    .slider-section .main {
        padding: 30px 0;
    }

    .slider-section .image-container {
        flex: 1;
        display: none;
    }

        .slider-section .image-container.image-containermb {
            display: block;
        }

        .slider-section .image-container img {
            height: 600px;
            border-radius: 20px;
        }

    .slider-section .left {
        padding: 80px 15px 20px 15px;
        position: absolute;
    }

    .slider-section .tabs {
        gap: 20px;
    }


    .progress-container {
        top: 20px;
        right: 20px;
    }

    .testimonial-box {
        padding: 30px 20px;
        overflow: hidden;
        flex-direction: column-reverse;
    }

    .stars img {
        max-width: 20px;
    }

    .testimonialarea {
        border-radius: 20px;
    }

    .chooseus .amenitiesright {
        padding: 0 0 30px;
    }


    .testimonial-box .left h2 {
        line-height: 36px;
        font-size: 28px;
        padding: 40px 0 0;
        text-align: left;
    }

    .userimg img {
        max-width: 90px;
    }

    .testimonial-box .right {
        width: 100%;
        border-radius: 20px;
        padding: 30px 20px;
    }

    .testimonial-box .count {
        font-size: 14px;
    }

    .testimonial-box .text {
        font-size: 24px;
        line-height: 40px;
        flex-direction: column;
    }

    .testimonial-box .name {
        font-size: 14px;
        line-height: normal;
    }



    .amenitiesright {
        width: 100%;
        padding: 30px 20px 24px;
    }

        .amenitiesright p {
            line-height: 30px;
            padding: 20px 10px 20px 0;
            font-size: 16px;
        }

    .vediolink {
        width: 100%;
    }

    .amenitiesarea {
        padding: 30px 0;
    }

    .amenitieswrap {
        border-radius: 20px;
        flex-direction: column-reverse;
    }

    .vediolink img {
        border-radius: 10px;
    }

    .serviceswrapper {
        padding: 30px 18px 40px;
        border-radius: 20px;
    }

    .servicecontent p {
        font-size: 16px;
        line-height: 24px;
        padding: 0 0 0 0;
    }

    .blogcomfortparts.blogcomfortparts02 {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        gap: 86px 80px;
    }

    .servicesleft .toptitle p {
        font-size: 20px;
        padding: 20px 0 0;
        line-height: 28px;
    }

    .serviceboxpart {
        align-items: flex-start;
    }

        .serviceboxpart h4 {
            font-size: 21px;
            padding: 30px 0 20px;
            line-height: 20px;
        }

        .serviceboxpart p {
            text-align: left;
        }

    .applicationwrap {
        padding: 30px 0 0;
    }

    .applicationright .toptitle {
        line-height: 50px;
        padding: 0 30px 0 0;
        font-size: 40px;
    }

        .applicationright .toptitle i {
            line-height: 50px;
        }

    .applink a:last-child {
        display: none;
    }

    .applicationright {
        padding: 20px;
    }



    .applicationarea {
        border-radius: 20px;
    }

    .appservice {
        padding: 35px 0 0;
        flex-wrap: wrap;
    }

    .applicationleft {
        width: 100%;
    }

        .applicationleft img {
            max-width: 100%;
            border-radius: 20px;
        }

    .footer_navlinks ul {
        gap: 8px;
    }

    .footer_wrapper {
        padding: 30px 0 25px;
    }

    .footer_bg {
        padding: 30px 20px;
        gap: 20px;
        border-radius: 20px;
    }

    .navbarmenu {
        width: 100%;
    }

    .footer_title h5 {
        font-size: 20px;
    }

    .footer_navlinks {
        display: flex;
        padding: 10px 0 0;
    }

        .footer_navlinks ul li a {
            font-size: 14px;
        }

            .footer_navlinks ul li a i {
                font-size: 10px;
            }

    .footer_right {
        border-radius: 0 0 16px 16px;
        padding: 10px;
        /* flex-direction: column; */
        gap: 20px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .aboutfooter p {
        font-size: 14px;
        line-height: 24px;
        padding: 10px 0 0;
    }

    .routenum p {
        padding: 0 !important;
        font-size: 13px;
    }

    .routenum {
        margin: 26px 0 0;
        padding: 8px;
    }

    .footer_contact .footer_title h5 {
        font-size: 20px;
        padding: 16px 16px 0;
    }

    .dualnumber p {
        font-size: 14px;
    }



    .socialicon a {
        font-size: 20px;
    }

    .panel-input input[type=file]::file-selector-button {
        padding: 6px 18px;
    }

    .panel-input input[type=file] {
        padding: 8px 15px;
    }

    .panel-button button {
        padding: 8px 22px;
    }

    /* wallet info page*/

    .booking-detail-wallet {
        margin: 30px 0 0;
        padding: 35px 0;
    }

    .season_contentwallet {
        padding: 0 15px;
    }

    .walletamt_wrap {
        gap: 13px;
        padding: 13px 20px 11px;
        align-items: center;
    }

    .walletamt_rec {
        font-size: 16px;
    }

    .walletamt_wrap .walleticon {
        height: 32px;
        width: 32px;
        background-size: 40px;
        background-position: -3px -2786px;
    }

    .walletamdata .tabtitle.tabtitlewlt {
        padding: 16px 0 16px 22px;
        margin: 0;
    }

    .walletamdata .tabtitle.tabtitlewlt {
        font-size: 14px;
    }

    .walletdtls {
        padding: 24px 0 0;
        gap: 24px;
    }

    .walletpart1 {
        padding: 16px 22px;
        flex-direction: column;
        gap: 10px;
    }

    .walletcol label, .walletcol .datewallet {
        font-size: 16px;
        line-height: 22px;
    }

    .walletpart2 {
        padding: 16px 22px;
    }

    .walletblancheck {
        flex-basis: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .walletdatainfo .walletdtlsinfo .wlletcrdt span {
        padding: 8px 16px;
        font-size: 14px;
    }

    .walletdatainfo {
        gap: 24px;
    }

    /* gallery info page*/
    .galleryarea.galleryarea {
        padding: 20px;
        border-radius: 20px;
    }

    .galleryarea.galleryarea {
        padding: 20px;
        border-radius: 20px;
    }

    .gallerythum h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .gallerywrap .column {
        float: left;
        width: 100% !important;
    }

    .gallerywrap {
        padding: 0 0 0 !important;
    }

    .gallerytitle {
        font-size: 20px;
        padding: 30px 0 20px;
    }

    .backtogallery a {
        font-size: 14px;
    }

    .gallerywrap .prev, .gallerywrap .next {
        padding: 6px;
        font-size: 12px;
    }

    .gallerywrap .closebutton {
        top: 50px;
        right: 25px;
        font-size: 25px;
        opacity: 1;
    }
    /* blog info page*/

    .blogcontenttop.blogcontenttop02 {
        padding: 0 0 0 !important;
    }

    .blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 100% !important;
        padding: 0 0 0 !important;
    }

    .blogcomfort {
        width: 100% !important;
        height: 170px !important;
    }

    .blogcomfort {
        width: 100% !important;
        height: 170px !important;
    }

    .blogtitle {
        font-size: 16px;
        line-height: 22px;
        height: auto !important;
    }

    .blogcomfortparts.blogcomfortparts02 {
        gap: 20px !important;
    }

    .slider-text-bg h1 {
        font-size: 22px;
    }

    .bannerblog {
        min-height: auto !important;
    }

    .blogcontentinnr {
        border-radius: 20px !important;
        padding: 30px 20px !important;
    }

    .blogcomfort img {
        border-radius: 10px !important;
    }

    .slider-text-bg h1, .blog_main_content h2 {
        font-size: 18px !important;
    }

    .blog_main_content p {
        font-size: 14px;
    }

        .blog_main_content p img {
            width: 100%;
            border-radius: 20px;
            height: 250px;
        }

    .blogarea {
        gap: 40px;
        padding: 30px 0 0;
    }

    .blogright img {
        width: 100% !important;
        height: 250px !important;
        border-radius: 20px;
    }

    .blog_main_content ul li {
        font-size: 14px !important;
    }

    /* customer info page*/

    .customerinfo_note p {
        font-size: 14px;
    }

    .captchin img {
        max-width: 200px;
    }

    /* start media query track Crago page style*****/

    .trackcargodiv {
        border-radius: 20px;
        padding: 0 0 40px;
    }

        .trackcargodiv .btn-share, .booking-detail-headtop .btn-share {
            font-size: 14px;
            padding: 6px 36px 6px 16px;
            background-position: 94% -1181px;
            border-radius: 5px;
        }

        .trackcargodiv .booking-detail-headtop {
            padding: 16px 15px 21px;
            flex-wrap: wrap;
            justify-content: space-around;
            gap: 10px;
        }

        .trackcargodiv .back-button {
            padding: 0 0 0 0;
            background-image: none;
            font-size: 16px;
            background-size: 19px;
            left: 20px;
        }          

        .trackcargodiv .bookingsearch {
            width: 100% !important;
        }

        .trackcargodiv .bookingform {
            padding: 16px 16px 26px;
        }

    .cargo_data_box {
        padding: 16px;
        gap: 50px;
        flex-direction: column;
    }

    .cargo-result_list .cargo-result_title {
        display: none;
    }

    .cargo_data_box p label {
        display: block;
        font-weight: 600;
        font-size: 15px;
    }

    .trackcargodiv .cargo-result {
        padding: 0 0 0 16px;
    }

    .cargo-result_list {
        padding: 0 16px 0 35px;
    }

    .cargo-point {
        width: 20px;
        padding: 10px 0 0;
    }

        .cargo-point em {
            width: 20px;
            height: 20px;
        }

        .cargo-point span {
            height: 97%;
            width: 5px;
        }

        .cargo-point p {
            width: 10px;
            height: 10px;
        }

    .cargo_data_box {
        padding: 16px;
        gap: 15px;
        flex-direction: column;
    }

        .cargo_data_box p {
            font-size: 13px;
        }

            .cargo_data_box p:first-child {
                width: 100%;
            }
    /* start media query FAQ page style*****/

    .faq_sectionpart {
        padding: 20px;
        border-radius: 20px;
    }

    .faq_sectionare .faq_titlename {
        font-size: 16px;
    }

    .faq_sectionare .filter-drawer__title {
        font-size: 14px;
        line-height: 20px;
    }

    .faq_sectionwrap {
        gap: 20px;
    }

    .faq_sectionare .filter-drawerpart p {
        font-size: 12px;
        line-height: 22px;
    }

    .faq_sectionare .filter-drawerpart {
        padding: 10px 0 0;
    }




    /* start media query contact page style*****/

    .cont_sectionpart {
        border-radius: 20px;
        padding: 20px;
    }

    .cont_boxdetail {
        padding: 10px 0 0;
    }

        .cont_boxdetail p {
            font-size: 14px;
            line-height: 23px;
            padding: 0 0 0 30px;
            background-position: -7px -333px;
        }

            .cont_boxdetail p.phone {
                background-position: -7px -501px;
            }

            .cont_boxdetail p.wphone {
                background-position: -7px -675px;
            }

            .cont_boxdetail p.email {
                background-position: -6px -845px;
            }

    .cont_sectionbox {
        padding: 25px;
    }

    .cont_sectionbox {
        border-radius: 16px;
    }

    .cont_sectionarea {
        gap: 40px;
    }

    .cont_sectionpart2 {
        border-radius: 20px;
        padding: 20px 20px 0;
    }

    .cont_boxfeedback button {
        font-size: 14px;
    }

    .cont_feedback:after {
        width: 100px;
        height: 138px;
        background-size: 100px;
    }

    .cont_feedback:before {
        width: 120px;
        height: 120px;
        background-size: 120px;
    }

    .cont_followicon.socialicon {
        gap: 30px;
        padding: 36px 0 0;
        align-items: center;
    }

        .cont_followicon.socialicon a {
            font-size: 25px;
        }

            .cont_followicon.socialicon a svg {
                height: 29px;
            }

        .cont_followicon.socialicon em {
            height: 20px;
        }

    .followtext {
        font-size: 16px;
        line-height: 24px;
    }

    .cont_followus {
        padding: 20px;
        border-radius: 20px;
    }

    .cont_sectionpart3 {
        gap: 40px;
        flex-direction: column;
    }

    .cont_panter {
        padding: 20px;
        border-radius: 20px;
    }

        .cont_panter a {
            padding: 10px 16px 10px 44px;
            margin: 30px 0 0;
            background-position: 12px -496px;
            background-size: 30px;
            font-size: 14px;
        }

    /* start media query service page style*****/

    .ser_sectionpart {
        border-radius: 20px;
        padding: 20px;
        min-height: auto;
    }

    .ser_sectioncare {
        border-radius: 16px;
        padding: 20px;
    }

    .ser_sectionarea {
        gap: 40px;
    }

    .ser_section {
        padding: 20px;
        gap: 20px;
        border-radius: 20px;
    }

        .ser_section img {
            border-radius: 14px;
        }

        .ser_section.ser_section2 img, .ser_section.ser_section4 img {
            border-radius: 14px;
        }

    .abouheadtitle {
        padding: 0 0 12px;
    }



    /* start media query Aboutus page style*****/


    .abt_countside .countbox .countitem p {
        padding: 10px 20px 0;
        line-height: 26px;
        padding: 10px 20px 0;
    }

    .abt_oustory {
        border-radius: 20px;
        padding: 20px;
    }

    .abouheadtitle {
        font-size: 20px;
        line-height: 28px;
    }

    .aboutitle {
        font-size: 16px;
    }

    .aboutext {
        font-size: 14px;
        line-height: 24px;
    }

    .abt_oustory2 {
        padding: 40px 0;
        gap: 40px;
    }

    .abt_promise {
        padding: 20px;
    }

    .abt_countside {
        padding: 20px 0 30px;
    }

        .abt_countside .countbox {
            width: 100%;
            padding: 25px 0;
        }

            .abt_countside .countbox .countitem p i {
                display: inline;
                font-style: normal;
            }

    .abt_milestonestext {
        font-size: 14px;
        line-height: 24px;
    }

    .abt_milestones {
        padding: 20px;
    }

    .abt_oustory3 {
        padding: 20px;
        border-radius: 20px;
    }

    .abt_futureboxin p {
        text-align: center;
        font-size: 14px;
    }

    .abt_futureboxin {
        padding: 14px 20px;
        border-radius: 16px;
    }

    .abt_futurebox {
        width: 100%;
        border-radius: 20px;
    }

    .abt_oustory4 {
        padding: 20px;
        border-radius: 20px;
        margin: 40px 0 0;
    }

        .abt_oustory4 h2 {
            font-size: 18px;
            line-height: 26px;
            padding: 0 0;
        }

    .abt_busimg img {
        max-width: 100%;
    }





    /* start media query bus overview page style*****/

    .pop_busimgarea {
        padding: 65px 0 20px;
    }

    .busoverpopup .photosimgwrap img {
        border-radius: 14px;
        width: 240px;
        height: 220px;
    }

    .popup_photostop .nav-item .nav-link {
        font-size: 14px;
    }

    /* start media query AvailbleRoutes page style*****/

    .popuup_busroutearrow {
        width: max-content;
        border: none;
    }

    .popuup_directionarrow {
        display: none;
    }

    .popuup_busduration img {
        max-width: 60px;
    }

    .popuup_busstarttime .routenamearea, .popuup_busendtime .routenamearea {
        font-size: 11px;
        line-height: 14px;
    }

    .popuup_busroutearrow {
        font-size: 11px;
    }

    .popup_busbordingwrap .css-1ps6pg7-MuiPaper-root {
        padding: 7px 10px 10px;
    }

    .point-timelist {
        gap: 4px;
    }

    .point-row .point-name {
        width: 60%;
    }

    .popup_busbordingarea {
        padding: 30px 20px;
        height: calc(100dvh - 19rem);
    }



    .fairdetails.fairdetailsbold label {
        font-size: 18px !important;
    }

    .upperlowerchart {
        padding: 0 0 0;
        overflow-x: auto;
    }

    .upperchart {
        display: inline-flex;
        gap: 20px;
        width: 552px;
        max-width: 552px;
        justify-content: flex-start;
    }

    .bookingseatchartpart {
        align-items: flex-start;
    }

    .popuup_routedetail {
        padding: 14px;
        margin: 0 0 0;
    }

    .amenities-tab-icon {
        width: 100%;
    }


    .popuup_busroutename .popuup_bluetext {
        font-size: 16px;
    }

    .popuup_busroutearea {
        padding: 16px 0 0;
        justify-content: space-between;
    }

    .popup_busovertab {
        padding: 0 27px;
    }



    .bustabslider button.slick-prev, .bustabslider button.slick-next {
        left: -24px;
    }

    .bustabslider button.slick-next {
        left: auto;
        right: -24px;
    }

    .popup_tabdetailwrap {
        padding: 20px 0 0;
    }

    .bus_routebox {
        display: flex;
        gap: 6px;
        align-items: normal;
    }

    .popup_photoslayout {
        margin: 20px 0 0;
    }

    .busfacilitiestab .popup_photostop .nav-tabs {
        justify-content: flex-start !important;
    }

    .popup_photoswrap {
        margin: 20px 15px;
        overflow-y: scroll;
        height: 230px;
    }

    .bus_bordingpointarea {
        padding: 20px 15px;
    }

    .bus_bordingpointbox h3 {
        font-size: 16px;
        gap: 10px;
    }

        .bus_bordingpointbox h3 i {
            width: 20px;
            height: 20px;
        }


    .bus_route:after {
        width: 4px;
        left: 8px;
    }

    .bus_routelist {
        padding: 20px 0 0 21px;
        /* height: 282px; */
        gap: 14px;
    }

    .bus_routebox .route_name {
        font-size: 13px;
        padding: 7px 7px 7px 7px;
        line-height: 22px;
        width: 82%;
        border-radius: 0;
    }

    .bus_routebox .route_time {
        width: 32.3%;
        padding: 8px 0 8px;
        font-size: 12px;
        line-height: 20px;
    }

    .bus_routebox i {
        display: none;
    }

    .bus_routebox .route_time .route_date {
        font-size: 11px;
    }


    .lighttext1 {
        font-size: 12px;
    }

    .popuprightpart {
        gap: 20px 22px;
        padding: 17px 20px;
    }

    .routeleftside {
        padding: 0px;
    }

    .filtermodelbottombtn {
        width: 93%;
    }

    .boarding-list-type {
        height: 128px;
        padding: 0 15px;
    }

    .boarding-title {
        padding: 0 0 20px 40px;
        background-position: 5px -1241px;
    }

        .boarding-title.boarding-title02 {
            background-position: 5px -1361px;
        }

    .filter-drawerpart .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 40px;
        background-position: 94% -720px;
        padding: 0 0 0 16px;
        background-size: 20px;
    }

    /*.routefilters {
        padding: 15px 0 44px;
        gap: 14px;
    }*/

    /*.filter_tab_main {
        padding: 10px 12px;
    }*/

    .filter-drawer {
        padding: 12px 10px 13px;
    }

    .filtercheckbox.sortingfilter label {
        padding: 0 0 11px;
    }

    .filter-drawerpart {
        padding: 10px 0 0;
    }

    .filtermodelbottombtn .filterapplybutton {
        font-size: 14px;
        padding: 11px 0 12px;
    }

    .busroutevia {
        padding: 10px 10px;
    }

    .busfacilitiestab .nav-tabs {
        justify-content: center;
        gap: 6px;
        flex-basis: 100%;
    }

        .busfacilitiestab .nav-tabs .nav-busphotos .nav-link {
            padding: 8px 16px 8px 23px;
            background-position: 4px -930px;
            background-size: 20px;
            font-size: 11px;
        }

    .seatbutton {
        width: auto;
        align-items: center;
        flex-direction: row;
    }

    .busroutevia {
        padding: 12px 12px 12px;
    }

    .routebusviadetails {
        padding: 22px 0 0;
    }

    .busroutetimetable {
        gap: 16px;
        padding: 12px 12px;
        justify-content: flex-end;
    }

    .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 10px !important;
    }

    .css-ypiqx9-MuiDialogContent-root {
        padding: 0;
    }

    .journeydetails {
        flex-direction: column;
    }



    .journeydate {
        width: 100%;
    }

        .journeydate.journeytiming {
            padding: 20px 20px 0;
        }

    .walletbox {
        flex-basis: 100%;
        gap: 0;
    }

    .modifyswapcity {
        top: 39px;
        left: auto;
        right: 27px;
        transform: rotate(90deg);
    }

    .bustypedetails label {
        font-size: 12px;
    }

    .busseatleft {
        font-size: 12px;
    }

    .busdetails {
        padding: 4px 10px;
    }

    .busdetails {
        padding: 4px 10px;
    }

    .busroutetimetable .lighttext {
        font-size: 12px;
    }

    .routeline {
        font-size: 12px;
        width: 100%;
    }

    .bustiming {
        justify-content: flex-start;
        order: 2;
    }

    .bustime.busroutearrow {
        padding: 0 0px 0;
        text-align: center;
    }

    .busroutetimetable .lightlabel {
        font-size: 12px;
    }

    .busfairdetails p {
        font-size: 10px;
    }



    /*.modifybookingform {
        padding: 5px 10px 10px;
    }*/

    .modifytocity {
        width: 100%;
    }

    .modifycity {
        flex-direction: column;
    }

    .modifyinput .MuiAutocomplete-hasPopupIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot,
    .modifyinput .MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

    .modifyinput.modifytocity .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        border-radius: 8px 8px 0 0;
    }

    .modifyinput.modifyfromcity .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        border-radius: 0;
    }

    .modifytocity.modifyfromcity {
        border-top: 1px solid var(--background);
    }

    .modifydate {
        width: 100%;
    }

    .modifytodate {
        width: 100%;
    }

    .modifybutton {
        width: 100%;
    }

    .modifybookingsearch .modifyinput input {
        border-radius: 0;
    }

    .modifytodate.modifyfromdate {
        padding: 0;
        border-top: 1px solid var(--background);
    }

    .filterbuttonsidebar a {
        padding: 6px 14px;
        font-size: 14px;
        gap: 6px;
    }

        .filterbuttonsidebar a i {
            font-size: 13px;
        }

    .bustime.busroutearrow img {
        width: 100%;
        max-width: 60px;
    }

    .bustype {
        width: 100%;
        font-size: 11px;
    }

    .rattinglabel label {
        padding: 7px 17px 8px 24px;
        background-position: -4px -986px;
        background-size: 30px;
    }

    .seatbutton .nav-item-button button {
        font-size: 13px;
        width: 97px;
    }

    .busroutename {
        flex-basis: 100%;
        order: 1;
    }

    .busfacilitiestab {
        padding: 16px 12px;
        gap: 16px;
        justify-content: center;
    }

        .busfacilitiestab .nav-tabs .nav-link {
            font-size: 11px;
            line-height: 15px;
            padding: 8px 10px 8px 10px;
        }

            .busfacilitiestab .nav-tabs .nav-link:before {
                height: 16px;
                font-size: 12px;
                top: 7px;
                right: 7px;
                display: none;
            }

        .busfacilitiestab .nav-tabs .nav-busphotos .nav-link:before {
            height: 16px;
            font-size: 12px;
            top: 8px;
            right: 5px;
            display: none;
        }

    .busratting {
        width: 56%;
    }

    .seatbutton .nav-item.nav-item-button {
        height: 34px;
    }

    .bustime p {
        font-size: 10px;
    }

    .routenamearea i {
        padding: 0 0 0 5px;
        font-size: 10px;
    }

    .bookingseatchart {
        gap: 10px;
    }

    .seatpricefilter {
        overflow-x: auto;
    }

        .seatpricefilter ul {
            font-size: 14px;
            width: max-content;
            padding: 0 0 10px;
        }

            .seatpricefilter ul li {
                padding: 0px 12px;
                font-size: 13px;
            }

    .busfacilitiestab .tab-pane {
        padding: 20px 12px;
    }



    .upperlowerchart {
        gap: 15px;
    }

    /*.seatindicator .seat01 {
        width: 46%;
    }*/

    .modifybutton button {
        height: 44px;
    }

    .busroutetimetable .boldlabel {
        font-size: 15px;
    }

    .busroutetimetable .bluetext {
        font-size: 16px;
    }

    .busfairdetails span {
        font-size: 18px;
    }

        .busfairdetails span i {
            font-size: 16px;
        }

    .filtermodel .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        max-width: 100%;
        margin: 0 !important;
    }

    .routeleftside .filterclosebtn {
        right: 0;
        top: -8px;
        font-size: 17px;
        line-height: 17px;
    }

    .routeleftsidetitle h5 {
        font-size: 16px;
    }

    .routeleftsidetitle i {
        font-size: 13px;
    }

    .routeleftsidetitle {
        padding: 5px 0 10px;
        gap: 6px;
    }

    /*.routepoint .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
        width: 24px;
        height: 24px;
        top: 2px;
    }

    .routepoint .css-113ntv0-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
        width: 24px;
        height: 24px;
        top: 2px;
    }*/

    .serviceboxdetail label {
        /*width: 62%;*/
    }

    .serviceboxdetail p {
        /*width: 38%;*/
    }



    .serviceboxtitle {
        font-size: 14px;
    }

    .panel-body .togglebutton .redclr {
        bottom: 42px;
    }

    .redclr {
        font-size: 12px;
    }

    .popupuserdetail .passengertitle.hotdealbox label {
        font-size: 13px;
    }

    .point-row .point-name {
        font-size: 14px;
        word-wrap: break-word;
    }



    .popup_busbordingwrap .point-row {
        padding: 10px 0 10px;
    }

    .point-row .point-date, .point-row .point-time {
        font-size: 12px;
    }

    .routefilters {
        padding: 25px;
        gap: 24px;
        width: auto;
    }

    .filter_tab_main.filter_tab_main05 {
        gap: 15px;
    }



    /* end media query AvailbleRoutes page style*****/

    /*Customer info start*/

    .journeyfromcity .bustype {
        padding: 1px 0 0;
        font-size: 12px;
    }

    .customerinfohead .filter-drawer__title {
        padding: 15px 15px 15px 45px !important;
        background-position: 15px -1147px;
        background-size: 20px;
    }

    .customerinfohead.passinfo .filter-drawer__title {
        background-position: 15px -1072px;
    }

    .contactinfo .filter-drawer__title {
        background-position: 15px -995px;
    }

    .customerinfohead .filter-drawer__title::after {
        right: 15px;
        top: 16px;
    }

    .coupencardoffer .css-ahj2mt-MuiTypography-root {
        font-size: 14px;
    }

    .point-row .css-1hbvpl3-MuiSvgIcon-root {
        width: 20px;
        height: 20px;
    }

    .point-row .css-11zohuh-MuiSvgIcon-root {
        width: 20px;
        height: 20px;
    }


    .journeydate .journeycity {
        font-size: 16px;
    }

    .tripseatno {
        font-size: 16px;
    }

    .journeydetails {
        gap: 12px;
    }

    .tripboarding {
        width: 100%;
    }

    .tripdropping {
        width: 100%;
        text-align: left;
    }

    .journeydate .journeyname {
        font-size: 12px;
    }

    .tripboarding p, .tripdropping p {
        font-size: 16px;
        line-height: 20px;
    }

    .triproutename {
        gap: 12px;
    }

    .journeydate .journeytime {
        font-size: 12px;
    }

    .tripboarding .journeydate, .tripdropping .journeydate {
        padding: 2px 0 0;
        gap: 3px;
    }

    .passage {
        width: 100%;
    }

    .passgender {
        width: 100%;
    }

    .walletbox.walletboxbtn {
        flex-basis: 100%;
    }

    .passseats {
        width: 47.3%;
    }

    .passage {
        width: 100%;
    }

    .customerinfohead .filter-drawerpart {
        padding: 10px 15px 25px;
    }

    .customerinfowrapper .customerinfotitle {
        font-size: 18px;
    }

    .passinfo .filter-drawerpart {
        padding: 8px 20px 0;
    }

    .passengernumber {
        padding: 0 0 20px;
    }


    .contactprocess label {
        font-size: 12px;
        position: relative;
        padding: 0 0 0;
    }

        .contactprocess label::before {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            position: absolute;
            left: 0;
            margin: auto 0;
        }

    .customerinfohead .filter-drawer__title {
        font-size: 18px;
        line-height: 20px;
    }

    .passengertitle {
        font-size: 15px;
    }

        .passengertitle.hotdealbox label {
            font-size: 16px;
            font-weight: 500;
        }

    .passcontactdata .passemail {
        flex-basis: 100% !important;
    }

    .passcontactdata .passphone {
        flex-basis: 100% !important;
    }

    .terms_conditions .passengertitle.hotdealbox label {
        font-size: 14px;
    }

    .coinusable .css-1f2kvjf-MuiFormControlLabel-root .MuiFormControlLabel-label {
        font-size: 14px;
    }

    .passengertitle.hotdealbox a {
        font-size: 14px;
        margin: 0 0 0 3px;
    }

    .hotdealbox label::before {
        width: 18px;
        height: 18px;
        margin-right: 8px;
        top: -1px;
        position: relative;
    }

    .pg_gateway span {
        font-size: 15px;
    }

    .journeytitle {
        font-size: 18px;
        padding: 0 0 16px 29px;
        background-position: 0 -1235px;
        background-size: 20px;
    }

    .passengerfillbox {
        gap: 12px;
    }

    .passcontactdata {
        flex-wrap: wrap;
        gap: 12px;
    }

    .discount_offer .passengertitle, .passengerwallet .passengertitle {
        padding: 0 0 0 26px;
        background-position: 0 -1317px;
        background-size: 20px;
    }

    .passengerwallet .passengertitle {
        background-position: 0 -1387px !important;
    }

    .customerroutedata {
        padding: 40px 0 150px;
        flex-direction: column;
    }

    .coupencardoffer .css-hyxlzm {
        height: 20px;
        width: 20px;
    }

    .coupencardoffer .css-1hhw7if-MuiSvgIcon-root {
        width: 20px;
        height: 20px;
    }



    .bookingcontinue button {
        font-size: 12px;
        padding: 8px 20px;
    }

    .passengercount p {
        font-size: 14px;
        line-height: 19px;
    }

    .coupencardoffer .css-1hbvpl3-MuiSvgIcon-root {
        width: 20px;
        height: 20px;
    }

    .filter-drawer__title {
        font-size: 14px;
    }

    .faredetails p {
        font-size: 14px;
        line-height: 16px;
    }

    .faredetails label {
        font-size: 14px;
    }

    .faredetailinfo {
        gap: 6px;
    }

    .faredetails.farepayble {
        padding: 15px 0 15px;
    }

    .coinbalance {
        margin: 0 0 30px;
    }

    .custinfopopup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 0 !important;
        max-height: calc(100% - 0px);
        border-radius: 0;
    }

    .bookingconfirmbtn button {
        font-size: 14px;
        padding: 10px 20px;
    }

    .bookingconfirmbtnmbl {
        gap: 12px;
    }

    .customerinfowrapper {
        padding: 0;
    }

    .passengerfillbox input {
        height: 42px;
    }

    .passgender .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input, .gststate .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 40px;
    }

    .passcontactdata input {
        height: 42px;
    }

    .Walletsubdetails .agntpgcaptcha {
        width: 100%;
    }

    /*Customer info end*/

    /*ContactUS page css******************/
    .contact_selectoption {
        gap: 16px;
        flex-direction: column;
    }

    .contact_details {
        padding: 40px 20px;
    }

    .contact_selectoption input {
        font-size: 14px;
        height: 46px;
    }

    .contact_selectoption input {
        font-size: 14px;
        height: 46px;
    }

    .contact_selectoption .css-i4bv87-MuiSvgIcon-root {
        font-size: 1.7rem !important;
    }

    .contact_details h2 {
        font-size: 24px;
    }

    .contact_selectoption .css-1q60rmi-MuiAutocomplete-endAdornment {
        top: calc(50% - 16px);
    }

    .contact_dropdown .serchcity {
        font-size: 14px;
        height: 46px;
    }

        .contact_dropdown .serchcity p i {
            height: 20px;
            width: 20px;
            background-position: center -1820px;
            background-size: 20px;
        }

    .contact_detailswrap .results {
        padding: 30px 0 0;
    }

    .contactuscol .tab-label {
        padding: 12px 20px;
        font-size: 15px;
        line-height: 20px;
        border-radius: 20px 20px 0 0;
    }

        .contactuscol .tab-label::after {
            font-size: 14px;
        }

    .contactuscol .tabs {
        border-radius: 20px;
    }

    .contactuscol input:checked ~ .tab-content {
        padding: 20px 20px 20px;
    }

    .contactuscol .tab-content h4 {
        padding: 0 0 14px;
    }

    .maincontcadd {
        padding: 20px 0 20px;
    }

    .contactuscol .cityaddname {
        margin: 10px 0 10px;
        font-size: 17px;
    }

    .contactuscol .tab-label {
        font-size: 16px;
    }

    .contactuscol .tab-content h4 {
        font-size: 16px;
    }

    .contactuscol .tab-content p {
        font-size: 15px;
        line-height: 21px;
    }

    .addrow {
        width: 100% !important;
    }

    .contactuscol .addrow {
        padding: 0;
    }

    .maincontcadd h2 {
        font-size: 20px;
    }

    /*ContactUS page css******************/

    .privacypolicydata p {
        padding: 10px 0 0;
        font-size: 15px;
        letter-spacing: 0;
    }

    .privacypolicydata {
        padding: 5px 0 0;
    }

    .conditionsdata {
        padding: 10px 0 0;
    }

        .conditionsdata h3 {
            font-size: 18px;
            margin: 0 0 5px !important;
        }

    .privacydatatime .col-lg-6 {
        text-align: center;
    }

    .privacydatatime .pull-left.privacydataddfz span, .privacydatatime .pull-right.privacydataddfz span {
        font-size: 13px;
        padding: 0 10px;
        text-align: center;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    .privacydatatime .col-lg-6 {
        text-align: center;
        font-size: 13px;
    }

    /*My booking login style*/
    .loginboxinput, .otpinput {
        width: 100%;
    }

    .popuserpart {
        flex-direction: column;
    }

    .popuserpart2 {
        width: 100%;
    }

    .otpboxinput {
        flex-direction: column;
    }

        .otpboxinput .userdetailbutton {
            width: 100%;
        }

    .otpboxinput {
        gap: 20px;
    }

    .Captcharesend {
        gap: 0;
        flex-direction: column;
    }

        .Captcharesend .captchin {
            width: 100%;
        }

        .Captcharesend .loginboxinput {
            width: 100%;
        }

    .popuptopinput {
        gap: 10px;
        flex-direction: column;
    }


    /*My booking style*/

    .mybookingtab {
        border-radius: 20px;
    }

    .bookinglist_tabs .booking_title {
        font-size: 20px;
        line-height: 26px;
        padding: 40px 0 0;
    }

    .booking-detail-wrapper .booking_title {
        padding: 0;
    }

    .bookinglist_tabs .back-button, .bookinglist_tabs .booking-detail-wrapper .back-button {
        font-size: 16px;
        background-size: 19px;
        padding: 0px 0px 0px 0;
        background-position: -5px -102px;
    }

    .bookinglist_tabs .back-button {
        left: 20px;
    }

    .booking-detail-wrapper .booking-detail-headtop {
        padding: 0 25px 20px;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 15px 21px;
        gap: 10px;
    }

    .bookinglist_tabs {
        margin: 20px 0 0;
    }


    .mybookinglistype {
        padding: 30px 0 0;
    }

    .mybooking-tabs {
        overflow-x: auto;
    }

        .mybooking-tabs .tab-list {
            justify-content: center;
            max-width: 420px;
            overflow: auto;
            width: 420px;
        }

            .mybooking-tabs .tab-list > li {
                width: auto;
            }

    .mybookingtab {
        padding: 0 15px;
    }

    .mybooking_tabscontent {
        padding: 0 15px !important;
    }

    p.booking_busbordname, .booking_busdropname {
        font-size: 18px;
        line-height: 22px;
    }

    .mybookinglistype .bookinglist {
        flex-wrap: wrap;
        gap: 10px;
    }

    .mybooking-tabs .tab-list > li > h3 {
        font-size: 14px;
        padding: 0 10px 10px;
        border-bottom: 2px solid transparent;
    }

    .mybooking-tabs .tab-list > li:hover > h3, .mybooking-tabs .tab-list > li.active > h3 {
        border-bottom: 2px solid var(--primary);
    }

    .booking_busroutename {
        position: relative;
    }

    .booking_busroutename {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .booking_busbordimg {
        width: 30px;
        height: 30px;
        background-position: center -132px;
        background-size: 30px;
        position: absolute;
        right: 0;
        transform: rotate(90deg);
        top: 32px;
    }

    .booking_busroutetimer {
        font-size: 16px;
    }

    .booking_bustype {
        gap: 10px;
        flex-wrap: wrap;
    }

    .bookingticket_total p {
        flex-direction: row;
        text-align: right;
        align-items: center;
        gap: 10px;
    }

    .booking_routedetail .booking_routelist {
        gap: 10px;
        flex-direction: column;
    }

        .booking_routedetail .booking_routelist .booking_routefrom, .booking_routedetail .booking_routelist .booking_routeto {
            width: 100%;
            font-size: 14px;
        }

            .booking_routedetail .booking_routelist .booking_routefrom .booking_routetime, .booking_routedetail .booking_routelist .booking_routeto .booking_routetime {
                font-size: 15px;
            }

        .booking_routedetail .booking_routelist .booking_routeto {
            text-align: left;
        }

        .booking_routedetail .booking_routelist .booking_routeduration i {
            width: 20px;
            background-position: center -6px;
            height: 20px;
            background-size: 35px;
        }

        .booking_routedetail .booking_routelist .booking_routeduration {
            justify-content: flex-start;
            flex-direction: row;
        }

    .booking_routedetail .booking_passdetail .booking_passdetailbox .booking_passabout {
        flex-wrap: wrap;
    }

    .booking_routedetail .booking_passdetail .booking_passdetailbox {
        flex-wrap: wrap;
        gap: 3px;
    }

    .bookingdetailright {
        padding: 0 12px 16px;
    }

    .bookingdetaileft {
        padding: 20px 12px;
        width: 100%;
    }


    .bookinglist_tabs .season_tab {
        width: 100%;
        margin: 0 0 0;
    }

    .bookinglist_tabs .season_tab {
        padding: 30px 0 50px;
    }



    /*My booking popup inner style*/

    .tblticket_slogan img {
        max-width: 60px;
    }

    .tblticket_slogan {
        text-align: center;
        float: left;
        width: 100%;
    }

        .tblticket_slogan p {
            font-size: 16px;
        }

        .tblticket_slogan h3 {
            font-size: 25px;
            padding: 15px 0 8px;
        }

    .bookingticket {
        padding: 30px 0 0;
    }

    .booking_bordeatil .booking_bordnamelist {
        gap: 22px;
    }

    .booking_bordstiopimg img {
        max-height: 101px;
    }

    .book_passdetailwrap {
        border-radius: 20px;
        padding: 21px 0 20px;
        overflow-x: auto;
    }

    .book_passdetailtitle {
        padding: 0 20px 18px;
        width: 452px;
    }

    .book_passlistbox {
        width: 452px;
    }


    .book_passdetailtitle h4 {
        font-size: 13px;
        text-align: center;
    }



    .book_benefitsdata img {
        max-width: 100%;
        border-radius: 20px;
        min-height: 180px;
        object-fit: cover;
    }

    .book_otherdetail {
        gap: 30px;
        flex-direction: column;
    }

    .book_wpdetail {
        padding: 18px 15px;
    }

        .book_accdetail h3, .book_wpdetail h3 {
            font-size: 16px;
            text-align: center;
        }

    .book_accdetail {
        padding: 18px 15px;
    }

        .book_accdetail button, .book_wpdetail button {
            padding: 8px 30px 8px 13px;
            font-size: 14px;
            background-position: 95% -1465px;
            background-size: 20px;
        }

    .book_wpdetail button {
        padding: 8px 30px 8px 13px;
        background-position: 93% -1577px;
    }


    .book_benefitscontent h2 {
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        padding: 10px 10px 23px;
        text-align: center;
    }

    .book_benefitofer p {
        padding: 6px 26px 6px 26px;
    }

    .auto_facilityslider .slick-prev, .auto_facilityslider .slick-next {
        display: none !important;
    }

    .booking-detail-head .back-button {
        padding: 0 0 0 17px;
        background-position: -5px -1152px;
        background-size: 17px;
        font-size: 18px;
        left: 0;
    }

    .booking_passdetail {
        padding: 30px 16px;
    }

    .booking_topdetail .booking_busroute .book_busroutename {
        font-size: 16px;
    }

    .booking_topdetail .booking_busroute .book_bustype {
        font-size: 13px;
    }

    .booking_topdetail .booking_buspnr {
        padding: 9px 40px 8px 16px;
        font-size: 15px;
        background-position: 92% -891px;
        background-size: 20px;
        border-radius: 5px;
    }

    .booking_topdetail {
        padding: 0 0 20px;
    }

    .book_borddetail h3.bordrop_title, .book_dropdetail h3.bordrop_title {
        font-size: 18px;
        background-size: 20px;
        background-position: left -1018px;
        padding: 0 0 0 24px;
    }

    .book_toproutedetail {
        gap: 24px;
    }

    .book_borddetail .bordrop_pickup, .book_dropdetail .bordrop_pickup {
        font-size: 13px;
        line-height: 20px;
    }

    .book_borddetail, .book_dropdetail {
        gap: 8px;
    }


        .book_borddetail h3.bordrop_title, .book_dropdetail h3.bordrop_title {
            font-size: 20px;
        }

        .book_borddetail label, .book_dropdetail label {
            font-size: 12px;
            padding: 8px 32px 8px 10px;
            border-radius: 5px;
            line-height: 16px;
            background-position: 99% -1879px;
        }

    .book_sechedulebtn {
        padding: 30px 0 0;
        gap: 10px;
    }

        .book_sechedulebtn button {
            font-size: 12px;
        }

    .book_facilityslider {
        padding: 20px 0 0;
    }

    .book_otherfacility h2 {
        font-size: 22px;
        padding: 0;
        text-align: center;
    }

    .book_facilitytext {
        padding: 12px 0;
    }

    .book_toproutedetail {
        padding: 0 0 30px;
    }

    .book_toproutedetail {
        padding: 0 0 30px;
    }

    .book_passlistbox {
        padding: 20px 20px 0;
    }

    .book_passlistbox {
        padding: 10px 20px 0;
        gap: 6px;
    }

    .book_passlist label {
        font-size: 16px;
        text-align: left;
        text-align: center;
    }

    .book_benefitscontent {
        flex-direction: column;
        width: 100%;
    }

    .book_otherfacility {
        border-radius: 20px;
        padding: 20px 20px;
        background-color: var(--pure);
    }

    .book_facilityboxwrp {
        width: 98%;
    }

    .book_benefitsdata {
        margin: 30px 0 !important;
    }

    .book_detailduration .durationarrow {
        width: 74px;
    }


    .walletdatainfo .walletdtlsinfo {
        flex-wrap: wrap;
        gap: initial;
    }

        .walletdatainfo .walletdtlsinfo .walletcol {
            flex-basis: 100%;
        }

    .profileinputdetails.profileinputdetailsbtn {
        justify-content: flex-start;
        display: flex;
        padding: 5px 0 10px;
    }

    .walletdtls span.wallethistry {
        padding: 8px 20px 8px;
    }

    .profileinputdetails .tabtitle.tabtitlewlt label {
        /*height: 35px !important;*/
    }

    .profileinputdetails .tabtitle {
        flex-basis: 100%;
    }



    .loginpopupmain:before {
        top: -20px;
        left: -15px;
    }

    .loginpopupmain:after {
        bottom: -19px;
        right: -12px;
    }

    .profileinputdetails .profileinputdata input {
        height: 44px;
        font-size: 15px;
    }

    .profile_photopart {
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .profile_photoselect label img {
        width: 65px !important;
        height: 65px !important;
    }

    .profile_detailpart {
        padding: 30px 15px;
    }

    .profilebtn {
        padding: 20px 20px 32px 20px;
    }

    .profile_userpart .PU_name {
        font-size: 18px;
    }

    .profile_userpart .PU_email {
        font-size: 14px;
    }

    .profile_photopart button {
        padding: 7px 11px 7px;
        font-size: 14px;
    }

    .profileinputdetails.profileinputdetailsbtn button {
        font-size: 15px;
        padding: 8px 0;
    }

    .profileinputdetails .profileinputdata label {
        padding: 0 0 2px;
        font-size: 14px;
    }

    .login_popup_main .css-ypiqx9-MuiDialogContent-root {
        padding: 0 !important;
    }

    .loginmybk span {
        font-size: 17px;
        padding: 0 0 8px;
    }

    .profileinputdetails .profileinputdata input {
        height: 44px;
        font-size: 13px;
    }

    .loginbkpopup {
        gap: 16px;
    }

    .popupleft img {
        max-width: 280px;
    }



    /*Cancellation*/

    .cancelinfo ul li span {
        font-size: 15px;
        letter-spacing: inherit;
    }

    .cancelinfo ul {
        padding: 15px 0 0 10px;
    }

    .form-group {
        padding: 10px 0 0;
    }

    .input-group-addon .fa {
        line-height: 0 !important;
        top: 51px;
    }

    .inputblock {
        gap: 0;
    }

    .fix_contentwidth .panel-body {
        padding: 15px 0 0;
    }


    .canceldetails {
        padding: 0px 0 0px 10px;
    }

    .canclrefund {
        padding: 0 0 20px;
    }

        .canclrefund .col-sm-6 {
            flex-direction: column;
        }

        .canclrefund .refundtitle {
            font-size: 14px;
            width: 100%;
        }

        .canclrefund .refundata {
            font-size: 14px;
            width: 100%;
        }

    /*Modify Ticket*/

    .managebooking .panel-heading {
        font-size: 17px;
        padding: 20px 0 10px;
    }

    .managepnr label {
        font-size: 14px;
        width: auto;
        padding: 0 0 6px;
    }

        .managepnr label::after {
            right: auto;
            margin: 0 0 0 6px;
            font-size: 14px;
            top: -1px;
        }

    .managepnr input {
        width: 100%;
    }

    .managepnr {
        padding: 7px 10px;
        text-align: left;
    }

        .managepnr.managebutton button {
            font-size: 15px;
            font-weight: 600;
            padding: 9px 30px;
        }

    /*Bus charter*/

    .charterformgroup h3 {
        font-size: 17px;
    }

    .charterinput {
        padding: 0;
        gap: 0;
    }

        .charterinput .col-lg-6 label {
            padding: 15px 0 6px;
        }

    .agntpgcaptcha .form-control {
        margin: 10px 0 0;
    }

    .termsdata {
        padding: 10px 0 0;
    }

    .gallerywrap {
        padding: 30px 0 0;
    }

    /*modify Ticket*/

    .managepnr .redclr {
        bottom: -10px;
        left: 10px;
    }
}

@media only screen and (max-width:399px) {
    #activate-menu {
        width: 220px;
    }
}