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


@media only screen and (max-width:1799px) {
    .applicationwrapper:after {
        background-position: 216% -819px;
    }

    .slider_content .container {
        max-width: 1570px;
    }

    /*Available Route Page CSS*/

    .availableroutewrapper {
        padding: 0 20px 0;
    }

    /*Carrier Page CSS*/

    .carriersright {
        padding: 125px 16% 0 0;
    }

    /*Partnership Page CSS*/

    .partnersliderleft {
        padding: 70px 0 0 17%;
    }
}

@media only screen and (max-width:1699px) {
    .slider_text h1 {
        font-size: 32px;
    }

    .carousel .slide .VRL_Banner {
        max-width: 860px;
        top: -10px;
        left: -20px;
    }

    .topheader {
        padding: 26px 0;
    }

    .toptitle h3 {
        font-size: 38px;
        line-height: 48px;
    }

    .toptitle p {
        padding: 8px 0 0 !important;
    }

    .eventpart {
        padding: 112px 0 0;
    }

    .topdestination {
        padding: 100px 0 0;
    }

    .offerdeals {
        padding: 100px 0 0;
    }

    .superbuslider {
        padding: 100px 0 0;
    }

    .choosewrapper {
        margin: 100px 0 0;
    }

    .choosecontent {
        padding: 70px 0 100px;
    }

    .amenitieswrapper {
        padding: 100px 0 0;
    }

    .applicationwrapper {
        margin: 100px 0 0;
    }

        .applicationwrapper:after {
            background-position: 186% -779px;
            background-size: 1300px;
        }

    .exloreindia {
        padding: 100px 0 0;
    }

    .superbusjourney {
        padding: 100px 0 50px;
    }

    .footertravelslink {
        padding: 40px 0 38px;
    }

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

    .popupblockpart.popupblockpart01 {
        height: 835px;
    }

    .seatdeckbooking {
        width: 100%;
        float: left;
        overflow-x: auto;
    }

    .seatdeckbook {
        width: max-content;
        gap: 50px;
        padding: 15px 40px 10px;
    }

    .seatindicator {
        padding: 50px 30px 33px;
    }

    /*.lowerdeckchart, .upperdeckchart {
        width: 100%;
    }

    .seatchartwo {
        float: left;
        padding: 20px 0 0;
    }*/

    .sortbytype {
        gap: 75px;
    }

    .routedateslider::before {
        left: 35px;
        top: 29px;
    }

    /***** About Us*****/

    .aboutsuperlogo img {
        max-width: 380px;
    }

    .easemytripwrapbook {
        padding: 90px 0 18px;
    }

    /***** Carrier *****/

    .carriersright {
        padding: 125px 14% 0 0;
    }

        .carriersright h1 {
            font-size: 48px;
            line-height: 53px;
        }

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

    .carrierwork {
        padding: 70px 0 90px;
    }

    .carrierteam {
        margin: 90px 0 0;
    }

    .customerpartwrap {
        padding: 90px 0 90px;
    }

    /***** Carrier Application *****/

    .carrierappsliderpart h2 {
        font-size: 46px;
        line-height: 51px;
    }

    .carrierappsliderpart:after {
        min-height: 276px;
        background-size: 526px;
        background-position: right -1198px;
        width: 505px;
    }

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

    .carrierappapplypart h2 {
        font-size: 38px;
        line-height: 45px;
        padding: 0 0 30px;
    }

    .carrierappapplybox p {
        padding: 0 0 35px;
    }

    .carrierappapply {
        padding: 60px 0 90px;
    }

    .carrierapproles {
        padding: 68px 0 80px;
    }

    .rolesbox h1 {
        font-size: 38px;
        line-height: 42px;
    }

    /*Partnership Page CSS*/

    .partnersliderleft {
        padding: 70px 0 0 14%;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 100px 0 78px;
    }

    .emtsection p {
        padding: 80px 0;
    }

    .emtsection {
        padding: 80px 0 0;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 38px;
        line-height: 48px;
    }

    .top_routes_textbox p {
        font-size: 19px;
    }

    .top_routes_textbox ul li {
        font-size: 22px;
        line-height: 28px;
    }

        .top_routes_textbox ul li p {
            font-size: 18px;
            line-height: 24px;
        }
}

@media only screen and (max-width:1599px) {
    .faqwrapper.faqwrapper_home {
        padding: 90px 0 0;
    }

    .slider_text h1 {
        font-size: 29px;
    }

    .carousel .slide .VRL_Banner {
        left: 0px;
        max-width: 840px;
    }

    .carousel .slide .sliderpopup {
        max-width: 730px;
    }

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-width: 80% !important;
    }

    .carousel-caption {
        top: 4% !important;
    }

    /*.sliderwrapper {
        padding: 30px 0 0;
    }*/

    .sliderwrapper ul li img {
        max-width: 840px;
        width: 100%;
    }

    .topdestination {
        padding: 90px 0 0;
    }

    .eventpart {
        padding: 95px 0 0;
    }

    .citywraper {
        padding: 95px 0 0;
    }

    .offerdeals {
        padding: 90px 0 0;
    }

    .superbuslider {
        padding: 90px 0 0;
    }

    .amenitieswrapper {
        padding: 90px 0 0;
    }

    .applicationwrapper {
        margin: 95px 0 0;
    }

        .applicationwrapper:after {
            background-position: 196% -739px;
            background-size: 1240px;
        }

    .qrgicon {
        padding: 51px 0 0;
    }

    .exloreindia {
        padding: 90px 0 0;
    }

    .superbusjourney {
        padding: 95px 0 50px;
    }

    .superbuslogo {
        padding: 0 0 80px;
    }

    .qrdetails .toptitle h3 {
        padding: 0;
    }

    .toptitle h3 {
        font-size: 36px;
        line-height: 45px !important;
    }

    .appsection {
        padding: 30px 0 0;
    }

    .qrcontent {
        padding: 25px 0 0;
    }

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

    .popupblockpart.popupblockpart01 {
        height: 841px;
    }

    .seatindicator {
        padding: 60px 30px 33px;
    }

    .sortbytype {
        gap: 65px;
    }


    .bookingdeatails {
        width: 38%;
        float: right;
    }

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

    .routepoint {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .boardingpointchart {
        width: 80%;
    }

    .droppingpointchart {
        width: 80%;
    }

    .bookingservicedetails, .bookingfairdetails {
        width: 80%;
    }

    .bookingservicefair {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .popupblockpart.popupblockpart01 {
        width: 73%;
    }

    .busnametype {
        width: 44%;
    }

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

    /***** About Us*****/

    .aboutwraper {
        padding: 75px 0 0;
    }

    .aboutus_page_title {
        font-size: 38px;
    }

    .aboutarea {
        padding: 40px 0 0;
    }

    .presshonour {
        padding: 64px 0 32px;
        margin: 0 0 48px;
    }

    .honour-slide h3 {
        font-size: 38px;
        line-height: 46px;
    }

    .journey_detail_popup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 80%;
    }

    /***** Carrier *****/

    .carriersright {
        padding: 125px 11% 0 0;
    }

        .carriersright h1 {
            font-size: 46px;
            line-height: 51px;
        }

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

    /*Partnership Page CSS*/

    .partnersliderleft {
        padding: 50px 0 0 12%;
    }

    .partnersliderbus {
        width: 758px;
        height: 472px;
        background-size: 770px;
    }

    .partnershipslider:after {
        height: 488px;
    }

    .collabspart {
        padding: 60px 0 0;
    }

    .supercollab {
        padding: 90px 0 0;
    }

    .supercollabslide .owl-nav {
        top: -106px;
    }

    .carrierappapply {
        padding: 60px 0 80px;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 36px;
        line-height: 45px;
    }

    .top_routes_choice {
        padding: 90px 0;
    }

    .amenities_toproute {
        padding: 90px 0 !important;
    }

    .top_routes_faq {
        padding: 90px 0 0;
    }

    .faq_content_toproute {
        padding: 25px 0 0;
    }
}

@media only screen and (max-width:1499px) {
    .slider_text h1 {
        font-size: 32px;
    }

    .slider_text {
        width: 45%;
    }

    .slider_content {
        top: 60px;
    }

    .carousel .slide .VRL_Banner {
        max-width: 800px;
        top: 0px;
        left: 20px;
    }

    .carousel .slide .sliderpopup {
        max-width: 720px;
    }

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

    .captionpart p {
        padding: 15px 0 0 0px !important;
    }

    .headermenu {
        padding: 0 50px 0 0;
    }

        .headermenu nav ul li {
            margin: 0 0 0 50px;
        }

    .sliderwrapper ul li img {
        max-width: 810px;
    }

    .captionpart h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .captionpart p {
        padding: 10px 0 0;
        font-size: 19px;
    }

    .slidercontent {
        width: 30%;
    }

    .slideroffer {
        padding: 22px 0 0 24px;
    }

        .slideroffer .owl-nav {
            right: 0;
        }

    /*.bookingwrapper {
        margin: -53px 0 0;
    }*/

    .bookingwrapper h2 {
        font-size: 29px;
        line-height: 37px;
        padding: 0 0 15px;
    }

    .bookingform {
        padding: 28px 0 33px;
    }

    .citywraper {
        padding: 90px 0 0;
    }

    .topdestination {
        padding: 80px 0 0;
    }

    .toptitle h3 {
        font-size: 34px;
        line-height: 44px !important;
    }

    .toptitle p {
        padding: 7px 0 0 !important;
    }

    .superbuslider {
        padding: 80px 0 0;
    }

    .choosewrapper {
        margin: 90px 0 0;
    }

    .choosecontent {
        padding: 70px 0 90px;
    }

    .amenitieswrapper {
        padding: 80px 0 0;
    }

    .applicationwrapper {
        margin: 90px 0 0;
    }

        .applicationwrapper:after {
            background-position: 198% -649px;
            background-size: 1160px;
        }

    .qrdetails {
        padding: 28px 0 0;
    }

    .exloreindia {
        padding: 80px 0 0;
    }

    .superbusjourney {
        padding: 85px 0 45px;
    }

    .superbuslogo {
        padding: 0 0 75px;
    }

    .journeycontent::before {
        left: 20px;
        top: 3px;
    }

    .journeycontent::after {
        right: 20px;
        top: 3px;
    }


    .banner_modal .modal-dialog {
        margin: 0 auto;
    }

    .customerinfo {
        width: 24%;
    }

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

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


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

    .popupblockpart.popupblockpart01 {
        height: 825px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 320px;
        }

    .busroutetimetable {
        gap: 60px;
    }

    .scrollindicator {
        width: 100%;
        float: left;
        overflow-x: auto;
    }

        .scrollindicator::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .seatindicator {
        width: max-content;
    }

    .busroutemhead {
        font-size: 15px;
    }

    .sortbytype {
        gap: 60px;
    }

    .busroutetab {
        font-size: 15px;
    }

    .routedateslider::before {
        left: 25px;
        top: 23px;
    }

    .bustiming {
        width: 61%;
    }

    .busfairdetails {
        width: 23%;
    }

    .modifycity {
        width: 44%;
    }

    .busnametype {
        width: 37%;
    }

    .busroutedatatime {
        width: 60%;
    }

    .routeleftside {
        width: 26%;
        padding: 20px 10px 60px;
    }

    .routerightside {
        width: 74%;
    }

    .routerightcontent {
        padding: 0 0 0 15px;
    }

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

    .busroutetimetable .lighttext {
        font-size: 14px;
    }

    .busfairdetails span {
        font-size: 20px;
    }

        .busfairdetails span i {
            font-size: 17px;
        }

    .bookingdeatails {
        width: 38%;
        float: right;
    }

    .pg_gateway img {
        max-width: 540px;
    }

    .popupblockpart.popupblockpart01 .sprtabbing p {
        font-size: 15px;
        flex-basis: 70%;
    }
    /* end media query AvailbleRoutes page style*****/

    /***** About Us*****/

    .aboutus_page_title {
        font-size: 36px;
    }

    .aboutsuperlogo img {
        max-width: 360px;
    }

    /*Bus Charter*/

    .bushireconfirmpopup h3 {
        font-size: 27px;
    }

    /*My Profile*/

    .bookingticketbtn {
        width: 75%;
    }

    /*  Cancel Details */

    .cancelticketfare {
        padding: 60px 0 55px;
    }

    /***** Carrier *****/

    .carriersright {
        padding: 100px 8% 0 0;
    }

        .carriersright h1 {
            font-size: 44px;
            line-height: 50px;
        }

        .carriersright a {
            padding: 14px 28px 13px;
        }

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

    .carrierslider {
        height: 480px;
    }

        .carrierslider:before {
            width: 700px;
            height: 480px;
            background-size: 700px;
        }

    .carriersliderpart img {
        width: 100%;
        max-width: 800px;
    }

    /***** Carrier Application *****/

    .carrierappsliderpart {
        padding: 40px 0 40px 70px;
    }

        .carrierappsliderpart h2 {
            font-size: 42px;
            line-height: 47px;
        }

        .carrierappsliderpart:after {
            min-height: 262px;
            background-size: 500px;
            background-position: right -1118px;
            width: 485px;
        }

    .carrierappaboutsec h2 {
        font-size: 36px;
        line-height: 43px;
    }

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

    .carrieraboutcontent p {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: inherit;
    }

    .carrierappaboutright p {
        font-size: 22px;
        line-height: 28px;
        padding: 18px 0 0;
        letter-spacing: inherit;
    }

    .carrierappaboutleft.carrierappaboutright h3 {
        padding: 0 0 10px;
    }

    .carrierappapplypart h2 {
        font-size: 36px;
        line-height: 42px;
    }

    .rolesbox h1 {
        font-size: 34px;
        line-height: 40px;
    }

    .rolesapply a {
        padding: 14px 50px 13px;
    }

    .roles-slide p {
        padding: 10px 0 0;
        font-size: 19px;
    }

    /***** Partnership *****/

    .partnersliderbus {
        width: 668px;
        height: 415px;
        background-size: 680px;
    }

    .partnersliderleft {
        padding: 30px 0 0 9%;
    }

        .partnersliderleft h1 {
            font-size: 46px;
            line-height: 52px;
        }

        .partnersliderleft a {
            padding: 14px 40px 13px;
        }

    .partnershipslider:after {
        height: auto;
        background-size: 310px 780px;
        background-position: right -350px;
        min-height: -webkit-fill-available;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 34px;
        line-height: 44px;
    }

    .top_routes_textbox ul li {
        font-size: 20px;
        line-height: 26px;
    }

        .top_routes_textbox ul li p {
            font-size: 17px;
            line-height: 23px;
            padding: 3px 0 0;
        }

    .top_routes_textbox p {
        font-size: 17px;
        line-height: 24px;
    }
}

@media only screen and (max-width:1399px) {
    .faqwrapper.faqwrapper_home {
        padding: 80px 0 0;
    }

    .carousel .slide .VRL_Banner {
        max-width: 790px;
        top: -11px;
    }

    .carousel .slide .sliderpopup {
        max-width: 660px;
    }

    .carousel .slide img {
        max-width: 690px;
    }

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-width: 90% !important;
    }

    .topheader {
        padding: 10px 0;
    }

    /*.sliderwrapper {
        height: 427px;
        padding: 20px 0 0;
        background-size: 750px;
    }

        .sliderwrapper ul li img {
            max-width: 800px;
        }*/

    .slider_text h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .slider_text {
        width: 50%;
    }

    /*.slider_content {
        top: 90px;
    }*/

    .captionpart {
        float: left;
        padding: 0 0 0 20px;
    }

        .captionpart h1 {
            font-size: 43px;
            line-height: 50px;
        }

    .eventpart {
        padding: 90px 0 0;
    }

    .routetabpart p {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 1px;
    }

    .collapsibleroute .routestitle {
        font-size: 20px;
    }

    .bookingform {
        padding: 18px 0;
    }

    .rightheader {
        padding: 15px 0 0;
    }

    .routedropcity ul {
        height: 121px;
    }

    .routedropcity label {
        font-size: 20px;
    }

    .routestitle2 {
        font-size: 20px;
        background-position: right -9769px;
        background-size: 46px;
    }

    .applicationwrapper {
        margin: 85px 0 0;
    }

        .applicationwrapper:after {
            background-position: 193% -539px;
            background-size: 1040px;
        }

    .topdestination {
        padding: 75px 0 0;
    }

    .offerdeals {
        padding: 85px 0 0;
    }

    .citywraper {
        padding: 85px 0 0;
    }

    .chooseusfacility::after {
        height: 1019px;
        background-size: 1620px;
    }

    .superbuslider {
        padding: 75px 0 0;
    }

    .choosewrapper {
        margin: 85px 0 0;
    }

    .choosecontent {
        padding: 70px 0 85px;
    }

    .chooseusrow {
        padding: 52px 0 0;
    }

    .amenitieswrapper {
        padding: 75px 0 0;
    }

    .toptitle h3 {
        font-size: 32px;
        line-height: 42px !important;
    }

    .qrwrapper {
        padding: 48px 0 59px;
    }

    .qrdetails {
        padding: 0;
    }

    .appsection {
        padding: 34px 0 0;
    }

    .exloreindia {
        padding: 75px 0 0;
    }

    .superbusjourney {
        padding: 80px 0 40px;
    }

    .superbuslogo {
        padding: 0 0 70px;
    }

        .superbuslogo img {
            width: 100%;
            max-width: 300px;
        }

    .journeycontent::before {
        left: 40px;
        width: 440px;
        height: 20px;
        background-size: 440px;
    }

    .journeycontent p {
        font-size: 34px;
    }

    .journeycontent::after {
        right: 40px;
        width: 440px;
        height: 20px;
        background-size: 440px;
    }

    .footertoppart {
        padding: 190px 0 75px;
    }


    #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;
                }

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

    .buscountnumber p.buscountaddroute {
        padding: 13px 20px 13px;
    }

    .buscountnumber p {
        font-size: 17px;
    }

    .available_discounts h4 {
        padding: 20px 6px 14px;
    }

    .seatdeckbook {
        gap: 30px;
    }

    .busboldlabel {
        font-size: 15px;
    }

    .busnametype {
        width: 38%;
    }

    .bookingdbseat {
        padding: 40px 30px 60px;
    }

    .bookingdbmain {
        padding: 15px 30px;
    }

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

    .bookingdbseat {
        padding: 40px 30px 60px;
    }

    .bookingdbinr {
        padding: 25px 30px 0;
    }

    .busroutemhead {
        width: 13%;
    }

    .busroutetab {
        width: 84%;
        float: right;
    }

    .sortbytype {
        gap: 42px;
        width: 89%;
        justify-content: space-between;
    }

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

    .bustiming {
        gap: 15px;
        width: 84%;
    }

    .busroutedatatime {
        width: 61%;
    }

    .modifycity {
        width: 50%;
    }

    .modifydate {
        width: 30%;
    }

    .modifybutton {
        width: 20%;
    }

    .modifyincontent {
        font-size: 16px;
        text-align: center;
        float: left;
        width: 100%;
        padding: 17px 0 0;
    }

    .tabreview .rattinglabel {
        padding: 0;
    }

    .busroutetimetable {
        padding: 20px 30px 0;
    }

    .routebuscount {
        padding: 60px 0 0;
    }

    .routedateslider::before {
        left: 23px;
        top: 22px;
        background-size: 150px;
        width: 150px;
        height: 39px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        gap: 20px;
    }

    .modifyamenities {
        padding: 0 30px;
    }

    .busfacilitiestab .nav-tabs {
        padding: 6px 30px 0 20px;
    }

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

    .buslighttext {
        font-size: 15px;
    }

    .seatpricefilter {
        padding: 11px 30px;
    }

    .seatdeckbook {
        padding: 15px 30px 10px;
    }

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

    .bookingbdtime {
        font-size: 15px;
    }

    .bookingcontinue button {
        padding: 12px 40px;
    }

    .modifyswapcity {
        top: 0;
    }

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

    .seatindicator {
        padding: 50px 40px 33px;
    }

    .popupblockpart.popupblockpart01 {
        width: 85%;
    }

    .routeleftside {
        padding: 15px 15px 20px;
    }

        .routeleftside h5 {
            padding: 0 0 10px;
        }

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


    .routepickupcheckbox.routepickupcheckbox_amenities p {
        font-size: 14px;
    }

    .busdetails {
        padding: 12px;
    }

    .bustypedetails label {
        font-size: 18px;
    }

    .busroutedetails {
        padding: 15px 0 0;
    }

    .busroutevialist {
        padding: 10px 10px;
    }

        .busroutevialist span {
            font-size: 16px;
        }

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

    .busseatleft {
        font-size: 18px;
    }

    .rattinglabel {
        padding: 2px 10px 2px;
        font-size: 16px;
    }

        .rattinglabel i {
            font-size: 13px;
        }

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

    .busroutevialist {
        width: 100%;
    }

        .busroutevialist span {
            width: 4%;
        }

    .customerinfowrapper {
        padding: 10px 10px 0;
    }

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

        .customerinfowrapper .customer-route-time {
            padding: 0;
            font-size: 15px;
        }

    .customerinfohead {
        padding: 0 0 15px;
    }

    .passengertitle {
        font-size: 19px;
        padding: 0 0 10px;
    }

    .passengernumber {
        padding: 0 0 15px;
    }

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

    .passengerbox.terms_conditions {
        padding: 10px 15px;
    }

    .journeydetails {
        padding: 0 15px 10px;
    }

    .journeysubtitle {
        padding: 15px;
        font-size: 16px;
    }

    .journeydate {
        padding: 0 10px 0 0;
    }

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

    .faredetails.farediscount label {
        padding: 10px 0 6px;
        font-size: 16px;
    }

    .journeytitle {
        font-size: 17px;
        padding: 6px 15px;
    }

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

    .bookingconfirmbtn {
        padding: 15px 0 20px;
    }

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

    .passengerfillbox input {
        font-size: 14px;
    }

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

    /*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 Profile Start ****** */

    .profilewrapper {
        padding: 60px 50px 40px;
    }

    .profileblock .profiletabpart {
        padding: 0 0 0 50px;
    }

    .profileupcoming .noroute {
        padding: 40px 30px 0 0;
    }

    .profileleftside {
        padding: 0;
    }

    .profilemainh {
        padding: 0 0 20px;
    }

    .profileupcoming {
        padding: 30px 0 0;
    }

    .bookingmainprofile .bookingmainarea {
        margin: 25px 0 0px !important;
        padding: 40px 40px 45px;
    }

    .bookingmainprofile .profile-heading {
        font-size: 40px;
        padding: 0;
    }

    .profileinfopage {
        padding: 20px 30px 0 0;
    }

    .profileinfo {
        padding: 40px;
    }

    .psngrpersinfo {
        padding: 40px;
        margin: 35px 0 0;
    }

    .viewupcoming {
        padding: 0;
    }

    .profileinfosave {
        padding: 5px 0 0;
    }

    .profileupcoming .bookingticketbtn {
        width: 82%;
    }

    /* ****** My Profile End ****** */

    /* ****** Bus Charter ****** */

    .bushireconfirmpopup {
        padding: 25px 60px 25px;
    }

    /***** Carrier *****/

    .carriersright {
        padding: 80px 6% 0 0;
    }

        .carriersright h1 {
            font-size: 42px;
            line-height: 48px;
        }

    .carriersliderpart img {
        max-width: 740px;
    }

    .carrierslider {
        height: 450px;
    }

        .carrierslider:before {
            height: 450px;
        }

    .carrierworkbox {
        padding: 60px 0 0;
    }

    .carrierwork {
        padding: 70px 0 80px;
    }

    .carrierteam {
        margin: 80px 0 0;
    }

    .carrierteampart h3 {
        font-size: 28px;
        line-height: 34px;
        padding: 0;
    }

    .customerpartwrap {
        padding: 80px 0 80px;
    }

    .cstmrsuccesstop h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .cstmrsuccesstop span {
        font-size: 17px;
        padding: 6px 0 0;
    }

    .carrierapplybtn a {
        padding: 13px 50px 12px;
    }

    .cstmrsuccessbtm p {
        font-weight: 500;
        letter-spacing: inherit;
        font-size: 19px;
    }

    /***** Partnership *****/

    .partnersliderbus {
        width: 628px;
        height: 390px;
        background-size: 640px;
    }

    .partnersliderleft h1 {
        font-size: 42px;
        line-height: 50px;
    }

    .partnersliderleft {
        padding: 20px 0 0 7%;
    }

    .partnershipslider:before {
        left: 50px;
        bottom: 35px;
        width: 600px;
        height: 27px;
        background-size: 600px;
    }

    .collabspart {
        padding: 50px 0 0;
    }

    .supercollab {
        padding: 80px 0 0;
    }

    .carrierappapply {
        padding: 60px 0 75px;
    }

    /* EMT Desktop */

    .emtbutton a {
        font-size: 28px;
        padding: 10px 70px;
    }

    .emtbutton .emtagreebtn {
        padding: 10px 70px;
    }

    .emtcont img {
        width: 100%;
        max-width: 300px;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .top_routes_textbox {
        padding: 55px 0 0;
    }

        .top_routes_textbox ul li {
            font-size: 19px;
            line-height: 25px;
        }

        .top_routes_textbox ul li {
            padding: 5px 0 5px;
        }

    .top_routes_choice {
        padding: 80px 0;
    }

    .amenities_toproute {
        padding: 80px 0 !important;
    }

    .top_routes_faq {
        padding: 80px 0 0;
    }

    .faq_content_toproute {
        padding: 20px 0 0;
    }
}

@media only screen and (max-width:1339px) {
    /*.banner_modal .modal-dialog {
        width: 1310px !important;
    }*/

    .customerinfo {
        width: 25%;
    }

    .customersaving {
        padding: 40px 0 0 80px;
    }

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

    .routeleftside {
        width: 29%;
    }

    .routerightside {
        width: 71%;
    }

    .busroutevialist span {
        width: 5%;
    }

    .busroutevialist .vialist {
        width: 95%;
    }

    .bookingseatchart {
        width: 100%;
        float: left;
        text-align: center;
    }

    .lowerdeckchart, .upperdeckchart {
        width: auto;
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .bookingdeatails {
        width: 100%;
        float: right;
        padding: 20px 0 0;
    }

    .routepoint {
        flex-wrap: nowrap;
        gap: 10px 10px;
    }

    .bookingservicefair {
        flex-wrap: nowrap;
        gap: 10px 10px;
        display: flex;
    }

    .boardingpointchart {
        width: 48%;
        display: inline-block;
        float: none;
    }

    .droppingpointchart {
        width: 48%;
        margin: 0;
    }

    .bookingservicedetails, .bookingfairdetails {
        width: 48%;
        float: left;
    }

    .bookingservicedetails, .bookingfairdetails {
        width: 48%;
        margin: 0;
    }

    .bookingservicebox.fairdetailsbox {
        margin: 0;
    }

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

@media only screen and (max-width:1309px) {
    .carousel .slide .VRL_Banner {
        max-width: 730px;
        top: 0px;
        left: 22px;
    }

    .carousel .slide .sliderpopup {
        max-width: 640px;
    }

    .slideroffer .offer-slide img {
        max-width: 315px;
    }

    /*.sliderwrapper {
        height: 469px;
        background-size: 730px;
    }

        .sliderwrapper ul li img {
            max-width: 770px;
        }*/

    .sliderwrapper {
        background-position: 92% -25px;
    }

    .slider_text h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .slider_text_btm p {
        font-size: 44px;
        line-height: 52px;
    }

    .slider_iframe {
        right: -37px;
        top: -11px;
    }

        .slider_iframe iframe {
            width: 260px;
            height: 130px;
        }

    .bookingwrapper h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .eventpart {
        padding: 85px 0 0;
    }

    .topdestination {
        padding: 70px 0 0;
    }

    .offerdeals {
        padding: 75px 0 0;
    }

    .citywraper {
        padding: 80px 0 0;
    }

    .superbuslider {
        padding: 65px 0 0;
    }

    .superbusbox {
        width: 500px;
        height: 388px;
        padding: 50px 0 0 60px;
        background-size: 500px;
    }

    .choosewrapper {
        margin: 75px 0 0;
    }

    .choosecontent {
        padding: 65px 0 80px;
    }

    .chooseusfacility::after {
        height: 964px;
        background-size: 1530px;
    }

    .amenitieswrapper {
        padding: 70px 0 0;
    }

    .amenitiesrow {
        padding: 45px 0 0;
    }

    .applicationwrapper {
        margin: 80px 0 0;
    }

        .applicationwrapper:after {
            background-position: 150% -499px;
            background-size: 950px;
        }

    .exloreindia {
        padding: 65px 0 0;
    }

        .exloreindia .slick-prev, .exloreindia .slick-next {
            top: -95px;
        }

    .superbusjourney {
        padding: 75px 0 35px;
    }

    .superbuslogo img {
        max-width: 280px;
    }

    .journeycontent::after {
        right: 40px;
        width: 410px;
        height: 18px;
        background-size: 410px;
        top: 6px;
    }

    .journeycontent::before {
        left: 40px;
        width: 410px;
        height: 18px;
        background-size: 410px;
        top: 6px;
    }

    .superbuslogo {
        padding: 0 0 65px;
    }

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

    .popupblockpart.popupblockpart01 {
        height: 813px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 310px;
        }

    .pg_gateway img {
        max-width: 494px;
    }

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

    .busroutetab {
        width: 85%;
    }

    .sortbytype {
        gap: 27px;
        width: 88%;
    }

    .bustiming {
        width: 100%;
    }

    .busroutedatatime {
        width: 64%;
    }

    .bookingmainprofile .bookingroutedetails {
        width: 66%;
    }
    /* end media query AvailbleRoutes page style*****/

    /* ****** My Profile Start ****** */
    .bookingticketbtn p {
        padding: 0 52px 0 30px;
    }

    .profiletravelicon p img {
        max-width: 190px;
    }

    .profilepsngr {
        top: 77px;
    }

    .profileblock .profilemenu {
        padding: 170px 0 0;
        width: 22%;
    }

    .profileblock .profiletabpart {
        padding: 0 0 0 45px;
    }

    .profiletravel {
        padding: 40px;
        margin: 35px 0 0 !important;
        gap: 0;
        justify-content: space-between;
        height: 400px;
    }

    .profiletravelicon a img {
        max-width: 200px;
    }

    .profilenotification {
        padding: 40px 30px 30px 30px;
    }

    .profileupcoming .bookingticketbtn {
        padding: 8px 0 0;
    }

    .profileupcoming .bookingticketbtn {
        width: 83%;
    }

    .bookingticketbtn .mybookterms {
        padding: 0 0 0 30px !important;
    }

    .profileupcoming .bookingdwnticket a {
        padding: 13px 30px 12px;
    }

    /* ****** My Profile End ****** */

    /***** About Us*****/

    .aboutwraper {
        padding: 70px 0 0;
    }

    .aboutus_page_title {
        font-size: 34px;
    }

    .aboutcontent p {
        font-size: 19px;
        line-height: 27px;
    }

    .aboutrightpart p {
        font-size: 19px;
    }

    .mainpioneers {
        padding: 70px 0 0;
    }

    .aboutsuperlogo img {
        max-width: 340px;
    }

    .honourpart .aboutus_page_title {
        padding: 6px 0 7px;
    }

    .honour-slide h3 {
        font-size: 34px;
        line-height: 42px;
    }

    /*Bus Charter*/

    .bushireconfirmpopup {
        padding: 25px 40px 25px;
    }

    /* Reschedule Ticket */

    .reschedulepart {
        width: 90%;
    }

    .ticketreschedule {
        width: 64%;
    }

    /* Carrier Page */

    .carrierslider {
        height: 420px;
    }

        .carrierslider:before {
            width: 675px;
            height: 420px;
            background-size: 670px;
        }

    .carriersright {
        padding: 60px 3% 0 0;
    }

        .carriersright h1 {
            font-size: 40px;
            line-height: 45px;
        }

    .carriersliderpart img {
        max-width: 700px;
    }

    .carrierteampart h3 {
        font-size: 26px;
        line-height: 33px;
    }

    .carrierteam {
        background-size: cover;
        min-height: 10px;
    }

    .carrierteampart {
        padding: 80px 0;
    }

    /* Carrier Page */

    .partnersliderleft {
        padding: 20px 0 0 4%;
    }

        .partnersliderleft h1 {
            font-size: 40px;
            line-height: 48px;
        }

    .supercollabslide {
        padding: 35px 15px 0;
    }

    /*Thank You*/

    .thanksbox h3 {
        font-size: 26px;
        line-height: 34px;
    }

    .thanksbox img {
        width: 100%;
        max-width: 130px;
    }

    /*Top Bus Route*/

    .top_routes_wrapper {
        padding: 15px 0 0;
    }

    .top_routes_textbox {
        padding: 50px 0 0;
    }

    .top_routes_box h3 {
        font-size: 19px;
        line-height: 27px;
    }
}

@media only screen and (max-width:1229px) {
    .faqwrapper.faqwrapper_home {
        padding: 70px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .tab {
        padding: 14px 32px;
        font-size: 17px;
    }

    .carousel .slide .VRL_Banner {
        max-width: 680px;
        top: -20px;
        left: 20px;
    }

    .carousel .slide .sliderpopup {
        max-width: 580px;
    }

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

    .captionpart p {
        padding: 8px 0 0 0px !important;
    }

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-width: 100% !important;
    }

    .datetabbing button {
        padding: 4px 17px;
    }

    .discountpopup {
        padding: 50px;
    }

    .afterloginicon .nt-dropdown {
        right: 0;
    }

    /*.sliderwrapper {
        height: 424px;
        background-size: 660px;
        padding: 30px 0 0;
    }

        .sliderwrapper ul li img {
            max-width: 650px;
        }*/

    .slider_text {
        width: 33%;
    }

    /*.slider_content {
        top: 80px;
    }*/

    .carousel-caption {
        top: -3px !important;
    }

    .slideroffer {
        padding: 16px 0 0 14px;
    }

    .captionpart p {
        padding: 9px 0 0;
        font-size: 18px;
    }

    .discountbtn {
        left: 16px;
    }

    .searchbtn.discount {
        margin: 34px 0 0;
        text-align: left;
    }

    .captionpart {
        padding: 0 0 0 10px;
    }

        .captionpart h1 {
            font-size: 38px;
            line-height: 44px;
        }

    .slidercontent {
        width: 32%;
    }

    .slideroffer .offer-slide img {
        max-width: 300px;
    }

    .slideroffer .owl-nav {
        right: 22px;
    }

    .bookingwrapper h2 {
        font-size: 27px;
    }

    .bookinginput.bookingfromdate input {
        padding: 0 0 0 18px;
    }

    .bookinginput.bookingtodate:after {
        right: 8px;
    }

    .bookinginput.bookingfromdate::after {
        left: 8px;
    }

    .bookinginput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        font-size: 23px;
    }

    .bookinginput.bookingtodate input {
        font-size: 23px;
        padding: 0 0 0 47px;
        background-position: 19px -896px;
    }

    .bookinginput.bookingfromdate input {
        font-size: 23px;
    }

    .easemytripbox {
        width: 180px;
        height: 220px;
        padding: 36px 0 0;
        gap: 27px;
    }

        .easemytripbox span {
            width: 100px;
            height: 100px;
            background-position: center -11674px;
        }

        .easemytripbox.easemytripbox02 span {
            background-position: center -11879px;
        }

        .easemytripbox.easemytripbox03 span {
            background-position: center -12075px;
        }

        .easemytripbox.easemytripbox04 span {
            background-position: center -12279px;
        }

        .easemytripbox.easemytripbox05 span {
            background-position: center -12484px;
        }

        .easemytripbox h3 {
            font-size: 21px;
        }

    .easemytripartlogo img {
        width: 100%;
        max-width: 210px;
    }

    .easemytripwrap:before {
        height: 268px;
    }

    .eventpart {
        padding: 87px 0 0;
    }

    .eventarea {
        padding: 155px 45px 0 45px;
    }

    .destinationbox {
        width: 220px;
        height: 219px;
        background-size: 220px;
    }

        .destinationbox span {
            bottom: 20px;
        }

    .cityarea {
        height: auto;
    }

    .tab-block .tab-mnu {
        padding: 20px 0 0 40px;
    }

        .tab-block .tab-mnu li::after {
            width: 220px;
        }

    .tab-block {
        height: auto;
    }

    .tab-pane img {
        width: 100%;
    }

    .chooseuscard {
        width: 320px;
        height: 320px;
        padding: 44px 0 0;
    }

        .chooseuscard span {
            padding: 14px 30px 0;
        }

        .chooseuscard p {
            padding: 26px 0 2px;
        }

    .amenitiesrow {
        gap: 14px;
    }

    .amenitiescard {
        height: 133px;
        width: 324px;
        padding: 21px 0 0 22px;
    }

        .amenitiescard span {
            font-size: 17px;
            padding: 0 0 0 19px;
            line-height: 24px;
        }

    .applicationwrapper:after {
        background-position: 152% -429px;
        background-size: 810px;
    }

    .qrdetails {
        width: 56.7%;
        padding: 0;
    }

    .appsection span {
        font-size: 17px;
    }

        .appsection span i {
            padding: 0 8px 0 0;
            font-size: 18px;
        }

    .qrcode {
        width: 43%;
        padding: 0;
        text-align: center;
    }

        .qrcode img {
            max-width: 300px;
        }

    .exlorebox {
        width: 330px;
        height: 382px;
        background-size: 330px;
    }

    .exlorecontent {
        bottom: 42px;
        left: 42px;
    }

        .exlorecontent p {
            padding: 0 100px 24px 0;
        }

    .superbuslogo img {
        max-width: 260px;
    }

    .journeycontent p {
        font-size: 28px;
    }

    .journeycontent::before {
        left: 0;
        width: 410px;
        height: 17px;
        background-size: 370px;
        top: 6px;
    }

    .journeycontent::after {
        right: 0;
        width: 410px;
        height: 17px;
        background-size: 370px;
        top: 6px;
    }

    .downloadqr {
        padding: 22px 0 0;
    }

        .downloadqr a {
            width: 160px;
            height: 48px;
            background-size: 160px;
        }

        .downloadqr .downloadqrapp {
            background-position: center -171px;
        }

    .footernavbar {
        width: 41%;
    }

        .footernavbar.footernavbar03 {
            width: 16%;
        }

    .footeraddress {
        width: 28%;
    }

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

    .seatdeckbook {
        gap: 20px;
    }

    .available_discounts h4 {
        font-size: 15px;
        padding: 17px 6px 13px;
    }

    .buscountnumber p.buscountaddroute {
        padding: 10px 20px 10px;
    }

    .reviewtabbing.sprtabbing .spreview .noroute {
        margin: 20px 0 0;
    }

    .popupbdpoint {
        padding: 0 10px 0 25px;
    }

    .bookingdbhead {
        font-size: 15px;
    }

    .bookingdbchange {
        padding: 45px 0 0;
    }

    .bookingdbmain button {
        font-size: 15px;
    }

    .dbroutehead {
        font-size: 15px;
    }

    .bookpayment button {
        padding: 11px 45px;
    }

    .bookpayment span {
        font-size: 15px;
    }

    .dbinrnum {
        font-size: 18px;
    }

    .busroutemhead {
        width: 15%;
    }

    .bustiming {
        width: 140%;
    }

    .busroutetimetable {
        gap: 40px;
    }

    .busroutetab {
        gap: 20px;
        width: 83%;
    }

    .modifycity {
        width: 52%;
    }

    .modifybutton {
        width: 18%;
    }

    .bookingbdcity {
        flex: 2;
    }

    .bookingbdpart {
        padding: 35px 20px 0 30px;
    }

    .route_tabbing_details #thumbs {
        top: 405px;
    }

    #thumbs {
        top: 375px;
    }

    .popupblock02 {
        width: 814px;
        height: 794px;
    }

    .amenities-sprtablist {
        gap: 20px 0;
        padding: 20px 0 0;
    }

    .route_tabbing_details {
        height: 750px;
    }

    .supertabpart {
        height: 340px;
    }

    .popupblockpart.popupblockpart01 {
        height: 814px;
    }

        .popupblockpart.popupblockpart01 .supertabs .sprtabbing {
            max-height: 241px;
            padding: 30px 0 0;
        }

        .popupblockpart.popupblockpart01 .sprbdtab {
            height: 211px;
        }

    .popupbdpointpart {
        padding: 15px 15px 0px 0;
    }

    .popupblockpart.popupblockpart01 .popupbdpoint {
        height: 148px;
    }

    .bookingbdscroll {
        padding: 0 20px 0 0
    }

    .routefilters {
        padding: 0 20px 0 0;
    }

    .routebuscount {
        padding: 55px 0 0;
    }

    .buscountnumber p {
        font-size: 16px;
        padding: 12px 18px 10px;
    }

    .popupblockpart.popupblockpart01 {
        width: 100%;
    }

    .updatetrippopup .modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 50px;
    }

    .updatetrippopup .modifybookingsearch .modifyinput input {
        height: 50px;
    }

    .updatetrippopup .modifybutton button {
        height: 50px;
    }

    .busboldlabel {
        font-size: 14px;
        padding: 0 0 6px;
    }

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

    .bookingbdcityarea span {
        font-size: 15px;
    }

    .busroutedatatime {
        width: 59%;
        gap: 15px;
    }

    .seatindicator {
        padding: 50px 40px 30px;
        flex-wrap: nowrap;
    }

    .routepickupcheckbox.routepickupcheckbox_amenities label {
        padding: 2px 17px 3px;
    }

    .routerightcontent {
        padding: 0;
    }

    .routeleftside {
        width: 28%;
    }

    .routerightside {
        width: 72%;
    }

    .modifydatasleep {
        padding: 3px 8px 3px;
        font-size: 11px;
    }

    .buslighttext {
        font-size: 14px;
    }

    .busnametype {
        width: 37%;
    }

    .busroutetimetable .bustime {
        flex-basis: 25%;
    }

    .amenities-tab-box {
        height: 26px;
        width: 26px;
    }

        .amenities-tab-box i {
            font-size: 13px;
        }


    .popupblockpart.popupblockpart01 {
        width: 93%;
        height: 714px;
        float: left;
        display: block;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 290px;
        }

    .buslighttext {
        font-size: 14px;
    }

    .nav-item .windowseat {
        font-size: 12px;
    }

    .busroutemhead {
        font-size: 14px;
    }

    .busroutetab {
        font-size: 14px;
    }

    .sortbytype {
        gap: 4px;
    }

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

    .availableroutewrapper {
        padding: 0 10px 0;
    }

    .bussortbylisting .dropdown .select {
        padding: 5px 10px;
    }

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


    .seatpricefilter ul {
        font-size: 15px;
    }

        .seatpricefilter ul li {
            padding: 4px 15px 4px;
            margin: 0 0 0 12px;
            font-size: 13px;
        }

    .testimonials-tab-section i {
        font-size: 60px;
    }

    .testimonials-tab-section {
        height: 280px;
        padding: 20px 0 30px;
    }

        .testimonials-tab-section .slider__inner {
            top: 20px;
        }

        .testimonials-tab-section .slider__txt {
            padding: 0 10px;
        }

    .pg_gateway img {
        max-width: 371px;
    }

    .customerinfohead label {
        padding: 15px 0 0;
        font-size: 26px;
    }

    .restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
        width: 38%;
    }

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

    /* media query Bus Charter page style*****/

    .buscharterimage img {
        width: 100%;
    }

    .buscharterimage p {
        top: 65px;
    }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 115px !important;
        padding: 0 0 0 20px !important;
    }

    /* My Booking style *****/

    .bookingqrarea img {
        max-width: 230px;
        width: 100%;
    }

    .bookingdwnticket {
        width: auto;
    }


    .bookingticketbtn {
        padding: 5px 0 0;
        width: 72%;
    }

        .bookingticketbtn p {
            padding: 10px 36px 10px 30px;
            background-position: left -9265px;
        }

        .bookingticketbtn .mybookmodify {
            background-position: left -9485px;
        }

        .bookingticketbtn .mybookticket {
            background-position: left -9702px;
        }

        .bookingticketbtn .mybookterms {
            background-position: left -9928px;
            padding: 10px 0 10px 26px;
        }

        .bookingticketbtn p::after {
            right: 16px;
            top: 6px;
            height: 32px;
        }

    .bookinglist_tabs {
        margin: 15px 0 50px;
    }

        .bookinglist_tabs .season_content {
            padding: 0 15px;
        }

    .mybooking-tabs .tab-list > li {
        padding: 0 0 20px;
        margin: 0 40px 0 0;
    }

        .mybooking-tabs .tab-list > li > h3 {
            font-size: 18px;
        }

    .mybooking_tabscontent {
        padding: 0 !important;
    }

    .bookingbusname {
        padding: 26px 40px 30px;
    }

    .panel-heading {
        font-size: 38px;
    }

    .bookingdatedetails .panel-heading {
        padding: 0;
        float: none;
        line-height: 36px;
    }

    .bookingroutename label {
        font-size: 18px !important;
    }

    .bookingroutename p {
        font-size: 16px;
        padding: 20px 0 0;
    }


    .bookingjrnydetails02 .bookingpartcont {
        font-size: 28px;
        line-height: 34px;
    }

    .bookingjrnydetails03 .bookingroutename p {
        padding: 16px 0 0;
    }

    .bookingmaincont02 .bookingjrnydetails03 {
        padding: 13px 0 30px;
    }

    .bookingmaincont02 .bookingmainarea {
        padding: 0 0 30px;
    }

    .bookingsubmit {
        padding: 35px 40px 40px;
    }

    .bookingmainbox02 {
        width: 34%;
    }

    .bookingratestar {
        gap: 0 8px;
        padding: 6px 0 15px;
    }

    .profileupcoming .bookingticketbtn {
        width: 100%;
    }

    .profileupcoming .bookingdwnticket {
        width: 100%;
        float: left;
        display: flex;
        text-align: center;
        justify-content: center;
        padding: 40px 0 0;
    }

    .profileupcoming .bookingticketbtn p {
        padding: 10px 36px 10px 30px;
    }

    /* ****** Modify Ticket ****** */

    .buscountmodify {
        padding: 70px 0 0;
    }

    .modifybdpoint {
        padding: 0 20px;
    }

    .modifyboarding .bookingbdcityarea span {
        font-size: 15px;
    }

    .bookingbdcityarea .mapbdpoints {
        font-size: 12px !important;
    }

    /* ****** My Profile ****** */

    .bookingroutedetails {
        width: 72%;
    }

    .bookingmainprofile .bookingroutedetails {
        width: 72%;
    }

    .bookingmainbox .bookingroutename {
        width: 43%;
    }

    .bookingmainbox .bookingroutename02 {
        width: 43%;
    }


    .bookingmainprofile .bookingmainbox02 {
        width: 21%;
        border: none;
    }

    .bookingmainbox02 .bookingpartcont {
        padding: 4px 0 0;
    }

    .bookingmainprofile .profile-heading {
        font-size: 38px;
        line-height: 44px;
    }

    .bookingroutename label {
        font-size: 18px !important;
    }

    .bookingroutename p {
        font-size: 16px;
        padding: 20px 0 0;
    }


    .profilewrapper {
        padding: 60px 40px 40px;
    }

    .profileinfo {
        padding: 35px;
    }

    .profiletravelicon a img {
        max-width: 160px;
    }

    .profilenotification {
        padding: 25px 20px 20px 20px;
    }

    .customerprofile {
        gap: 18px;
    }

    .profileblock .profilemenu {
        width: 25%;
    }

    .profileblock .profiletabpart {
        padding: 0 0 0 35px;
    }

    .profilent p {
        font-size: 15px;
        padding: 25px 0 25px 20px;
    }

    .profilent .close {
        padding: 21px 0 0;
    }

    .bookingmainprofile .bookingmainbox {
        width: 77%;
    }

    .profiletravel {
        padding: 35px 27px 35px;
        justify-content: space-around;
        gap: 10px;
    }

    .profiletravelicon p img {
        max-width: 154px;
    }

    /* ****** My Profile End ****** */

    /* ****** About Us ****** */

    .aboutus_page_title {
        font-size: 32px;
    }

    .aboutarea {
        padding: 32px 0 0;
    }

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

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

    .mainpioneers {
        padding: 65px 0 0;
    }

        .mainpioneers .aboutus_page_title:after {
            width: 700px;
            height: 31px;
            background-size: 700px;
        }

    .pioneerbox {
        width: 300px;
        height: 468px;
        background-size: 300px;
    }

    .pioneercontent {
        height: 160px;
        padding: 24px 0 0 28px;
    }

        .pioneercontent h3 {
            font-size: 26px;
            line-height: 33px;
        }

        .pioneercontent p {
            font-size: 18px;
            padding: 20px 0 0;
        }

    .aboutsuperlogo img {
        max-width: 320px;
    }

    .aboutgallerybox {
        height: auto;
    }

        .aboutgallerybox img {
            max-width: 690px;
        }

    .honourbox {
        width: auto !important;
        height: auto !important;
    }

        .honourbox img {
            max-width: 300px;
        }

    .honourarea .owl-prev::before, .honourarea .owl-next::before {
        left: 23px;
        font-size: 34px;
    }

    .honourarea .owl-next:before {
        right: 23px;
        left: auto;
    }

    .honour-slide h3 {
        font-size: 32px;
        line-height: 41px;
    }

    .easemytripwrapbook {
        padding: 80px 0 8px;
    }

    /*Bus chrter*/

    .bushireconfirmpopup {
        padding: 25px 10px 25px;
    }

        .bushireconfirmpopup h3 {
            font-size: 23px;
            padding: 0 0 55px;
        }

    /* FAQs */

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

    /* FAQs */

    .contactus_contactdetails {
        border-radius: 20px;
    }

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

    /* Contact Us */

    .contactus_tab_main .faq_content_list .filter_tab_main {
        gap: 30px 43px;
    }

    /* Reschedule Ticket */

    .reschedulepart {
        width: 92%;
    }

    .book-heading {
        font-size: 34px;
        line-height: 38px;
    }

    .reschedulehead .bookingpartcont {
        font-size: 17px;
        line-height: 24px;
    }

    .reschedulepart .bookingroutedetails.rbookingdetails {
        width: 56%;
    }

    .bookingbusicon.rbookbusicon {
        background-size: 38px;
        width: 38px;
        height: 28px;
        margin: 25px 0 0;
    }

    .reschedulesec {
        padding: 35px 40px 50px 40px;
    }

    .rescheduleseat h4 {
        font-size: 18px;
        padding: 0 0 10px;
    }

    .ticketrespart {
        padding: 35px 0 0;
    }

    .confirmbackbtn button {
        padding: 15px 70px;
    }

    /**  Cancel Details **/

    .cancelticketfare {
        padding: 50px 0 45px;
    }

        .cancelticketfare .payfarepart {
            padding: 50px 0 0;
        }

    /**  Carrier Page **/

    .carriersright {
        padding: 40px 1% 0 0;
    }

        .carriersright h1 {
            font-size: 38px;
            line-height: 44px;
        }

    .carrierslider {
        height: 380px;
    }

        .carrierslider:before {
            width: 655px;
            height: 380px;
            background-size: 650px;
        }

        .carrierslider:after {
            height: 116px;
            clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
        }

    .carriersliderpart img {
        max-width: 650px;
    }

    .carrierbox {
        width: 310px;
        height: 310px;
        padding: 30px 22px 0;
    }

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

        .carrierbox h3 {
            font-size: 19px;
            letter-spacing: inherit;
        }

    .carrierformleft {
        padding: 20px 39px 30px 50px;
        width: 58%;
    }

    .formboxpart {
        padding: 0 0 20px;
    }

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

    .carrierformright {
        min-height: 477px;
        background-position: -185px top;
        background-size: 850px;
    }

        .carrierformright:after {
            width: 190px;
            height: 267px;
            background-size: 190px;
        }

    .formboxpartbtn a {
        padding: 14px 47px 13px;
    }

    .cstmrdropdown {
        gap: 20px;
    }

        .cstmrdropdown .css-16awh2u-MuiAutocomplete-root {
            width: 192px;
            padding: 6px 10px 4px 20px;
        }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa.fa-angle-down {
        font-size: 18px;
    }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa-angle-down:before {
        right: 17px;
        top: 4px;
    }

    .cstmrdropbox .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        font-size: 14px;
    }

    .for-cstmrdropdown i {
        font-size: 17px;
    }

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

    .cstmrbox-dropdown a {
        font-size: 14px;
        padding: 7px 15px 6px 20px;
        line-height: 23px;
    }

    .cstmrbox-dropdown {
        padding: 0 0 10px;
        top: 37px;
    }

    .cstmrsuccessm {
        padding: 55px 0 0;
    }

    .carrierworkbox {
        padding: 55px 0 0;
    }

    .customerpartwrap {
        padding: 70px 0;
    }

    .cstmrsuccesstop h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .cstmrsuccessbox {
        padding: 20px 0 22px;
    }

    /**  Carrier Application Page **/

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

        .carrierappsliderpart h2 {
            font-size: 38px;
            line-height: 44px;
        }

        .carrierappsliderpart:after {
            min-height: 256px;
            background-size: 488px;
            background-position: right -1098px;
            width: 470px;
        }

    .carrierappaboutsec h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .carrierapproleslide {
        padding: 40px 15px 0;
    }

    .roles-slide {
        width: 328px;
        height: 386px;
        padding: 30px 20px 20px;
        background-size: 335px;
    }

    .rolesbox {
        gap: 15px;
    }

        .rolesbox span {
            font-size: 17px;
        }

    .roles-slide p {
        font-size: 18px;
    }

    .rolesapply a {
        padding: 12px 46px 11px;
    }

    .carrierappapply {
        padding: 60px 0 80px;
    }

    .carrierapproles {
        padding: 68px 0 70px;
    }

    /**  Partnerahip **/

    .partnersliderleft {
        padding: 20px 0 0 2%;
    }

        .partnersliderleft h1 {
            font-size: 36px;
            line-height: 45px;
        }

    .partnersliderbus {
        width: 568px;
        height: 350px;
        background-size: 580px;
    }

    .partnershipslider:after {
        background-size: 310px 800px;
        background-position: right -380px;
        width: 323px;
    }

    .partnershipslider:before {
        left: 15px;
        bottom: 30px;
        width: 560px;
        height: 25px;
        background-size: 560px;
    }

    .partnersliderleft a {
        padding: 12px 34px 11px;
    }

    .partnershipcolla {
        padding: 65px 0 0;
    }

    .collabspartsec {
        overflow-x: auto;
    }

    .collabspart {
        padding: 50px 0 18px;
        width: max-content;
        gap: 20px;
    }

    .supercollab {
        padding: 70px 0 0;
    }

    .carriercollab .carrierappapplybox {
        padding: 40px 40px 44px;
    }

    /*Bolg*/

    .blog_box {
        flex-basis: 31%;
    }

    .blog_box_content p {
        font-size: 16px;
        padding: 0 20px 18px 0;
    }

    .blog_box_content a {
        padding: 6px 24px;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 90px 0 68px;
    }

    .emtlogo img {
        width: 100%;
        max-width: 500px;
    }

    .emtsection span {
        font-size: 28px;
    }

    .emtcont img {
        max-width: 280px;
    }

    .emtbutton {
        gap: 60px;
        padding: 0 0 60px;
    }

        .emtbutton a {
            font-size: 24px;
        }

    /*Thank You*/

    .thanksbox h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .thankspage {
        padding: 70px 0 50px;
    }

    .top_routes_textbox {
        padding: 45px 0 0;
    }

    .top_routes_choice {
        padding: 70px 0;
    }

    .amenities_toproute {
        padding: 70px 0 !important;
    }

    .top_routes_faq {
        padding: 70px 0 0;
    }

    .faq_content_list .filter_tab_main {
        padding: 25px 0 0;
    }
}

@media only screen and (max-width:1199px) {
    /* .banner_modal .modal-dialog {
        width: 1060px !important;
    }*/

    .offerslider .owl-carousel .owl-item img {
        max-width: 450px;
        width: 100%;
    }

    /* start media query AvailbleRoutes page style*****/
    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        float: left;
        display: flex;
        gap: 0;
        padding: 13px 0 0 10px;
        width: 100%;
        justify-content: space-between;
    }

        .busfacilitiestab .nav-tabs .nav-item.nav-item-button button {
            float: right;
        }

    .filtertitle {
        font-size: 16px;
        padding: 12px 0;
    }

    .routepickupcheckbox p {
        font-size: 14px;
        padding: 0 0 0 10px;
    }

    .routepickupcheckbox .pickuptime {
        height: 30px;
    }

    .routepickupcheckbox li {
        flex-basis: 78%;
    }

    .routepickupcheckbox.routepickupcheckbox_amenities label {
        padding: 1px 17px 3px;
    }

    .pickupsearch input {
        height: 40px;
    }

    .pickupsearch i {
        font-size: 20px;
        right: 18px;
        top: 11px;
    }


    .routeleftside {
        padding: 10px 15px 20px;
    }

    .collapsible-item .collapsible-button {
        padding: 24px 0;
    }

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

    /***** About Us *****/

    .aboutus_page_title {
        font-size: 32px;
    }
}

@media only screen and (max-width:1059px) {
    .carousel .slide .VRL_Banner {
        max-width: 640px;
        top: -10px;
    }

    .carousel .slide img {
        max-width: 610px;
    }

    .carousel .slide .sliderpopup {
        max-width: 560px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 440px;
    }

    .carrierformleft {
        padding: 20px 30px 30px 40px;
    }

    .eventarea {
        background-size: 1036px;
        min-height: 269px;
        background-position: center -156px;
    }

    /**  Partnerahip **/

    .collab-slide {
        width: 510px;
        height: 386px;
    }

    .collabscont {
        padding: 25px 50px 0 30px;
        height: 220px;
        background-size: 192px;
    }

        .collabscont h3 {
            font-size: 28px;
            line-height: 42px;
        }
}

@media only screen and (max-width:1023px) {
    .faqwrapper_home .faq_main_wrap .panels {
        padding: 20px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .tab {
        padding: 12px 28px;
        font-size: 16px;
    }

    .slider_text {
        width: 35%;
    }

    .captionpart {
        padding: 0;
    }

    .slideroffer {
        padding: 20px 0 0 2px;
    }

    .discountbtn {
        left: 2px;
    }

    .banner_modal .modal-dialog {
        padding: 0 15px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 425px;
    }

    .datetabbing button {
        padding: 4px 14px;
    }

    .bookinginput span {
        left: 47px;
    }

    .bookinginput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        font-size: 21px;
        padding: 0 0 0 46px;
    }

    .bookinginput.bookingtodate input {
        font-size: 21px;
    }

    .bookinginput.bookingfromdate input {
        font-size: 21px;
    }

    .bookinginput .redclr {
        left: 48px;
    }

    .qrgicon a {
        width: 140px;
        height: 42px;
        background-size: 140px;
    }

    .qrgicon .qrgiconapp {
        background-position: center -150px;
    }

    .eventarea {
        background-size: 1000px;
        min-height: 257px;
        background-position: center -154px;
        padding: 135px 45px 0 45px;
    }

    .tab-part {
        width: 84%;
    }

    .tab-block .tab-mnu {
        padding: 10px 0 0 40px;
    }

        .tab-block .tab-mnu li::after {
            width: 210px;
        }

    .chooseuscard {
        width: 310px;
        height: 310px;
        padding: 40px 0 0;
    }

    .amenitiescard {
        height: 130px;
        width: 313px;
        padding: 20px 0 0 18px;
    }

        .amenitiescard em {
            width: 92px;
            height: 92px;
        }

        .amenitiescard span {
            padding: 0 0 0 16px;
        }

    .applicationwrapper:after {
        background-position: 152% -409px;
        background-size: 770px;
    }

    .qrwrapper {
        padding: 48px 0 60px;
    }

    .superbusjourney {
        padding: 65px 0 35px;
    }

    .qrdetails {
        width: 56.7%;
    }

    .qrcode {
        width: 43%;
    }

    .footeraddress {
        width: 29%;
    }

    .footernavmain {
        width: 64%;
    }

    /****** My Booking ******/

    .bookingticketbtn {
        width: 74%;
    }

    .bookingmainbox {
        width: 65.2%;
    }

    /****** My Profile ******/

    .profileblock .profilemenu {
        width: 26%;
    }

    .profileupcoming .bookingticketbtn p {
        padding: 10px 32px 10px 30px;
    }

    /****** Avalilable Routes ******/

    .busnametype {
        width: 39%;
    }

    .passengerbox .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 0 12px 0 0 !important;
    }

    .psngrpaybox input {
        margin: 0 12px 0 0;
    }

    .popupblockpart.popupblockpart01 {
        height: 707px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 284px;
        }

    .routeleftside {
        width: 27%;
    }

    .routerightside {
        width: 73%;
    }

    .passengeroutepart label {
        font-size: 16px;
        padding: 14px 10px 13px;
    }

    /****** FAQ ******/

    /****** Start Available Routes ******/

    .popupblockpart.popupblockpart01 .supertabs label {
        font-size: 14px;
    }

    /****** About Us ******/

    .aboutimg {
        background-position: center -125px;
        background-size: 1000px;
    }

    /****** Contact Us ******/

    .contactus_contactdetails {
        background-position: center -1392px;
        background-size: 4600px;
    }

    .contactmainwrap {
        gap: 70px;
    }

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

    /****** Carrier Page ******/

    .carrierformright {
        min-height: 444px;
        background-position: -175px top;
        background-size: 790px;
    }

        .carrierformright:after {
            width: 160px;
            height: 223px;
            background-size: 160px;
        }

    .formboxpart {
        padding: 0 0 16px;
    }

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

        .formboxpart input {
            height: 42px;
            padding: 0 22px;
            font-size: 14px;
        }

    .carrierteampart h3 {
        font-size: 24px;
        line-height: 31px;
    }

    .carrierteampart {
        padding: 60px 0;
    }

        .carrierteampart img {
            width: 100%;
            max-width: 60px;
        }

    .cstmrdropdown {
        gap: 16px;
    }

    .viewclear {
        gap: 14px;
    }

    .cstmrsuccesstop h2 {
        font-size: 28px;
        line-height: 36px;
    }

    /****** Carrier Application Page ******/

    .roles-slide {
        width: 310px;
        height: 376px;
        background-size: 326px;
    }



    /* EMT Desktop */

    .emtwrapparts {
        padding: 80px 0 58px;
    }

    .emtsection {
        padding: 60px 0 0;
    }

    .emtcont {
        padding: 50px 0 0;
        gap: 60px;
    }

    .emtsection p {
        padding: 60px 0;
    }

    .emtbutton {
        gap: 50px;
    }

        .emtbutton a {
            padding: 8px 60px !important;
        }
}

@media only screen and (max-width:991px) {
    .faqwrapper.faqwrapper_home {
        padding: 60px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .panels {
        padding: 15px 0 0;
    }

    .carousel .slide .VRL_Banner {
        max-width: 570px;
        top: -20px;
        left: 0;
    }

    .carousel .slide .sliderpopup {
        max-width: 470px;
        border-radius: 20px;
        left: 0;
    }

    .owl-carousel .owl-item img {
        max-width: 360px;
    }

    .sliderwrapper .slide {
        text-align: left;
    }

    .captionpart h2 {
        width: 60%;
        text-align: center;
        margin: 0 auto !important;
    }

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-height: calc(100% - 40px);
    }

    .discountbtn {
        left: 0;
        width: 100%;
        text-align: center;
        margin: 50px 0 0;
    }

    .searchbtn.discount {
        margin: 0;
    }

    .discountpopup {
        padding: 45px;
    }

    .tcdiscount h3 {
        font-size: 24px;
    }

    .discountparts {
        padding: 30px 0 0;
    }

        .discountparts h4 {
            font-size: 16px;
        }

        .discountparts ul {
            padding: 0 0 0 35px;
        }

            .discountparts ul li {
                font-size: 15px;
                line-height: 23px;
                padding: 13px 0 0;
            }

    .banner_modal .modal-dialog {
        width: 100% !important;
        height: auto !important;
        padding: 0 15px;
    }

    .routeimage iframe {
        width: 100%;
        height: 178px;
    }

    .css-ki1hdl-MuiAlert-action {
        left: 425px;
        top: 11px;
    }

    .bookingwrapper {
        margin: 0;
    }

    .signup {
        float: right;
    }

    .sec-center {
        float: right;
    }

    .panel-heading {
        font-size: 34px;
    }

    .topheader {
        padding: 22px 0 24px;
    }

    .leftheader {
        width: 100%;
        text-align: center;
    }

    .rightheader {
        float: left;
        padding: 18px 0 0;
        width: 100%;
    }

    /*.sliderwrapper {
        background-image: none;
        height: 760px;
        overflow: hidden;
    }

        .sliderwrapper ul li img {
            max-width: 600px;
        }*/

    .sliderwrapper {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .slider_iframe {
        right: -33px;
        top: -7px;
    }

        .slider_iframe iframe {
            width: 220px;
            height: 100px;
        }

    .slider_text h1 {
        font-size: 26px;
        line-height: 34px;
        text-decoration: none !important;
        position: relative;
    }

    .slider_content {
        top: 20px;
        height: 320px;
        float: left;
    }

    .slider_text {
        width: 70%;
    }

        .slider_text h1:before {
            position: absolute;
            content: "";
            left: 0;
            bottom: 0;
            width: 140px;
            height: 2px;
            background-color: #fff;
        }

    .slider_text_btm:before {
        display: none;
    }

    .slider_text_btm p {
        font-size: 36px;
        line-height: 46px;
    }

        .slider_text_btm p.slider_text_dis {
            font-size: 20px;
            line-height: 25px;
            padding: 10px 0 0;
        }

            .slider_text_btm p.slider_text_dis span {
                font-size: 20px;
            }

    .slider_text_btm .slider_note {
        font-size: 11px;
        padding: 10px 0 0;
    }

    .slider_text_btm {
        position: absolute;
        bottom: 0;
    }

    .slidercontent {
        width: 100%;
        padding: 20px 0 0;
    }

    .Gallery {
        height: 100%;
        position: relative;
        z-index: 2;
    }

    .captionpart {
        float: left;
        text-align: center;
        width: 100%;
        padding: 0;
    }

        .captionpart h1 {
            font-size: 34px;
            line-height: 40px;
        }

        .captionpart p {
            padding: 8px 0 0;
            font-size: 17px;
        }

    .slideroffer {
        padding: 18px 0 0;
        text-align: center;
    }

    .carousel-caption {
        top: auto !important;
        bottom: 65px !important;
    }

    .sliderwrapper:after {
        display: inline-block;
        height: 590px;
    }

    .slideroffer .owl-item {
        text-align: center;
    }

    .slideroffer .owl-prev, .slideroffer .owl-next {
        right: 30px;
        left: 0;
        margin: 0 auto;
    }

    .slideroffer .owl-next {
        right: 0;
        left: 30px;
    }

    .slideroffer .owl-nav {
        right: 0;
        left: 0;
    }

    .datetabbing {
        justify-content: flex-start;
        gap: 12px;
    }

        .datetabbing button {
            padding: 4px 18px;
            font-size: 15px;
        }

    .bookinginput span {
        bottom: -17px;
    }

    .bookingwrapper h2 {
        display: none;
    }

    .bookingcity {
        width: 100% !important;
        padding: 0 0 15px;
    }

        .bookingcity.bookingdate {
            padding: 0 0 5px;
        }

    .bookinginput.bookingfromdate {
        flex-basis: 100%;
    }


    .bookinginput.bookingtodate::after {
        right: 18px;
    }

    .bookinginput.bookingfromdate input {
        padding: 0 0 0 30px;
    }

    .bookinginput.bookingfromdate::after {
        left: 2px;
    }

    .bookingsearch {
        width: 100%;
        padding: 20px 0 0;
    }

        .bookingsearch .searchbtn {
            float: none;
            width: 25%;
        }

    .easemytripwrap {
        padding: 40px 0 0;
    }

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

    .easemytripbox {
        width: 134px;
        height: 178px;
        padding: 24px 0 0;
        gap: 20px;
    }

        .easemytripbox span {
            width: 90px;
            height: 90px;
            background-size: 50px;
            background-position: center -9261px;
        }

        .easemytripbox.easemytripbox02 span {
            background-position: center -9421px;
        }

        .easemytripbox.easemytripbox03 span {
            background-position: center -9579px;
        }

        .easemytripbox.easemytripbox04 span {
            background-position: center -9741px;
        }

        .easemytripbox.easemytripbox05 span {
            background-position: center -9903px;
        }

        .easemytripbox h3 {
            font-size: 19px;
        }

    .easemytripwrap:before {
        height: 232px;
    }

    .eventarea {
        background-size: 968px;
        min-height: 10px;
        background-position: center -145px;
        padding: 135px 45px 40px 45px;
    }

    .eventpart {
        padding: 70px 0 0;
    }

    .topdestination {
        padding: 60px 0 0;
    }

    .popupblock03 {
        width: 740px;
    }

    .offerdeals {
        padding: 65px 0 0;
    }

    .citywraper {
        padding: 70px 0 0;
    }

    .tab-block .tab-mnu {
        padding: 10px 0 0 30px;
    }

        .tab-block .tab-mnu li {
            padding: 18px 0 18px 25px;
            font-size: 16px;
        }

            .tab-block .tab-mnu li::before {
                top: 27px;
                width: 6px;
                height: 6px;
            }

            .tab-block .tab-mnu li::after {
                width: 86%;
            }

    .citytab-content {
        bottom: 30px;
        padding: 0 40px 0 40px;
    }

    .toptitle h3 {
        font-size: 30px;
        line-height: 39px !important;
    }

    .tab-part {
        width: 92%;
    }

        .tab-part img {
            max-width: 500px;
        }

    .superbuslider {
        padding: 60px 0 0;
    }

    .choosewrapper {
        margin: 70px 0 0;
    }

    .amenitieswrapper {
        padding: 65px 0 0;
    }

    /*loginpoup*/

    .logincstmrdata {
        padding: 15px 45px 45px;
    }

    #buttonDiv {
        width: 48.5%;
    }

    .googlelink .loginbtnfbk {
        padding: 0;
        width: 48.5%;
    }

    .web_input input {
        height: 46px;
    }

    /******Popup Home Page******/

    .popupblock02 {
        width: 750px;
        height: 730px;
    }

    #thumbs {
        top: 340px;
    }


    .popupblockpart.popupblockpart01 .amenities-sprtablist {
        gap: 15px 20px;
        justify-content: flex-start;
    }

    .sprtabbing p {
        font-size: 15px;
        line-height: 22px;
        padding: 20px 40px 0 0;
    }

    .popuptab-content .sprtabbing p {
        padding: 20px 0;
    }

    .reviewcont p {
        font-size: 14px;
        line-height: 22px;
        padding: 6px 25px 0 0;
    }

    .superbdarea h4 {
        font-size: 15px;
        padding: 10px 0 10px 25px;
    }

    .popupbdpoint {
        padding: 0 15px 5px 25px;
    }

    .busroutepointbox::after {
        width: 139px;
    }


    /******Popup Home Page End******/

    .choosecontent {
        padding: 60px 0 70px;
    }

    .chooseusrow {
        padding: 44px 0 0;
        gap: 10px;
    }

    .chooseuscard {
        padding: 35px 0 0;
    }

        .chooseuscard p {
            padding: 18px 0 0;
        }

        .chooseuscard span {
            padding: 14px 18px 0;
        }

        .chooseuscard span {
            padding: 14px 18px 0;
        }

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

    .applicationwrapper {
        margin: 75px 0 0;
        padding: 0;
    }

        .applicationwrapper:after {
            background-position: left bottom;
            background-size: 990px 100%;
            right: auto;
            left: -90px;
            top: auto;
            bottom: -140px;
            transform: rotate(-32deg);
            height: -webkit-fill-available;
            width: 1520px;
        }

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

    .qrwrapper {
        padding: 45px 0 0;
    }

    .qrdetails {
        width: 100%;
        text-align: center;
        padding: 0 0 50px;
    }

        .qrdetails .toptitle {
            width: 100%;
        }

    .qrcontent {
        justify-content: center;
        gap: 30px;
        align-items: center;
    }

    .appsection {
        gap: 18px 49px;
        justify-content: center;
    }

        .appsection span {
            flex-basis: 30%;
            text-align: center;
        }

    .qrgicon {
        justify-content: center;
        padding: 50px 0 0;
    }

    .qrscanner {
        padding: 13px 0 0;
    }

        .qrscanner p {
            width: 100%;
        }

    .qrcode {
        text-align: center;
        background-image: url("../images/application.png");
        background-position: center 0px;
        background-repeat: no-repeat;
        width: 329px;
        height: 317px;
        display: inline-block;
    }

        .qrcode img {
            display: none;
        }

    .journeycontent p {
        font-size: 24px;
    }

    .journeycontent::before {
        width: 270px;
        height: 13px;
        background-size: 270px;
        top: 8px;
    }

    .journeycontent::after {
        right: 0;
        width: 270px;
        height: 13px;
        background-size: 270px;
        top: 8px;
    }

    .downloadpart {
        padding: 45px 40px 0 40px;
        background-size: 5080px;
        background-position: center -1500px;
    }

    .downloadqr a {
        width: 150px;
        height: 45px;
        background-size: 150px;
        background-position: center -9px;
    }

    .downloadqr .downloadqrapp {
        background-position: center -161px;
    }

    .socialpart {
        padding: 0 0 47px;
    }

    .socialicon p {
        font-size: 16px;
        padding: 0 0 14px;
    }

    .socialicon a {
        font-size: 24px;
        line-height: 26px;
        padding: 0 24px 0 0;
    }

    .footertoppart {
        padding: 180px 0 60px;
    }

    .footernavmain {
        width: 100%;
    }

    .navfooter03 {
        width: 13%;
    }

    .navfooteritem2 {
        padding: 45px 0 0;
    }

    .footeraddress {
        width: 100%;
        float: left;
        padding: 40px 0 0;
    }

    .addressbottom {
        float: left;
    }

    .footerapp {
        float: right;
        padding: 0 40px 0 0;
    }

    .footerappbtn a {
        background-position: center -8px;
        width: 128px;
        height: 38px;
        background-size: 128px;
    }

    .footerappbtn .footerapp02 {
        background-position: center -137px;
    }


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

    .passengerbox.payment_gateway label .MuiTypography-body1 {
        font-size: 16px;
        background-position: left -8051px;
        background-size: 50px;
        width: 88%;
        padding: 6px 0 6px 48px;
    }

    .route_tabbing_details {
        height: 775px;
    }

    .bookingbdpoint .busboldlabel {
        padding: 15px 32px 15px;
    }

    .bustiming {
        width: 124%;
    }

    .busroutedatatime {
        width: 64%;
    }

    .route_tabbing_details #thumbs {
        top: 410px;
    }

    .route_tabbing_details .supertabpart {
        height: 330px;
    }

    .route_tabbing_details .amenities-sprtab p {
        padding: 0 !important;
    }

    .supertabpart {
        height: 310px;
    }

    .route_tabbing_details .productImage img#largeImage {
        height: auto;
    }

    .popupblockpart.popupblockpart01 {
        width: 841px;
        height: 741px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 320px;
        }

    .busroutetimetable {
        padding: 20px 28px 0;
        gap: 36px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        gap: 12px;
    }

        .busfacilitiestab .nav-tabs .nav-item.nav-item-button button {
            padding: 7px 18px;
        }

    .modifyamenities {
        padding: 0 0 0 28px;
    }

    .seatpricefilter {
        padding: 11px 28px;
    }

    .seatdeckbook {
        padding: 15px 28px 10px;
    }

    .seatindicator {
        padding: 50px 28px 20px;
    }

    .busfacilitiestab .nav-tabs .nav-link {
        font-size: 13px;
        padding: 0 9px;
    }

    .availableroutewrapper {
        padding: 0 5px;
    }

    .modifycity {
        width: 100%;
    }

    .modifydate {
        width: 55%;
        text-align: center;
        margin: 0 auto;
        padding: 18px 10px 0;
    }

    .updatetrippopup .modifydate {
        padding: 20px 0 5px;
    }

    .modifybookingform {
        padding: 20px 0 16px;
    }

    .modifybutton {
        width: 43%;
        padding: 18px 0 0;
        float: right;
    }

    .availableroutewrapper {
        padding: 0;
    }

    .sortbytype {
        gap: 14px;
    }

    .modifyincontent {
        padding: 21px 0 1px;
    }

    .routedetail {
        padding: 10px 0 0;
    }

    .routeleftside {
        display: block;
    }

    .routerightside {
        width: 100%;
    }

    .routerightcontent {
        padding: 0 15px;
    }

    .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::after {
        right: 70px;
    }

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

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

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

    .pg_gateway img {
        max-width: 460px;
    }

    .bookingbdroute {
        padding: 0 0 20px;
    }

    .customerinfohead label {
        font-size: 24px;
    }

    .passengerbox.passengersubdetails {
        padding: 40px 40px 45px;
    }

    .bookinrtotal {
        padding: 20px 0 50px;
    }

    .cust_final {
        padding: 60px 0 40px;
    }

    .custfinal_head {
        font-size: 18px;
        padding: 5px 0 20px;
    }

    .offercustbox img {
        max-width: 238px !important;
    }

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

    .search-wrapper input {
        height: 40px;
    }

    .search-wrapper button {
        padding: 0px 45px;
        height: 40px;
    }

    .passengerbox.payment_gateway label {
        padding: 30px 0;
        width: 100%;
    }

    .passengerbox.payment_gateway .pg_gatewaydis label .MuiTypography-body1 {
        background-size: inherit;
    }

    .passengerbox .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 6px 12px 0 0 !important;
    }

    .hotdeal_title {
        font-size: 18px;
        padding: 15px 0 0;
    }

    .paybusname {
        padding: 0 20px 25px;
    }

    .paycustinfo {
        padding: 30px 20px 0;
    }

    .psngrpaydata {
        width: 50%;
    }

    .paydatadetails {
        font-size: 15px;
    }

    .paydatadetails {
        font-size: 15px;
    }

    .paycustroutedata {
        padding: 0 0 25px;
    }

    .custfaredetails {
        padding: 25px 0 0;
    }

    .faredetails {
        padding: 25px 20px 20px;
    }

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

    .psngrfareamount {
        padding: 0 0 20px;
    }

    .payfarepart {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .faredetails p {
        text-align: center;
    }

    .payfarepart p i {
        display: inline;
    }

    .payfarepart button {
        display: inline-block;
        width: max-content;
        padding: 12px 50px;
    }

    .payableam h2 {
        font-size: 16px;
    }

    .psngroutepart {
        display: block;
    }

    .psngram01 {
        width: 100%;
    }

    .psngram02 {
        width: 100%;
        padding: 40px 0 0;
        text-align: center;
        position: relative;
    }

    .returnseprateicon {
        padding: 0 10px 0 0;
    }

        .returnseprateicon.returnseprateicon02 {
            padding: 0 0 0 10px;
        }

    .viewroutedetails {
        padding: 46px 0 0;
        left: 0;
        margin: 0 auto;
    }

        .viewroutedetails button {
            padding: 12px 40px;
        }

    .restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
        width: 50%;
    }

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


    /* ****** My Profile Start ****** */

    .cstmrprofilepart {
        width: 42%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        padding: 0 0 0 10px;
    }

    .profileblock {
        display: block;
    }

        .profileblock .profilemenu {
            padding: 0;
            width: 39%;
            margin: 0 auto;
        }

    .customerprofile {
        padding: 0 0 30px;
        display: inline-block;
        float: none;
        width: 100%;
        vertical-align: middle;
    }


    .profileblock .profiletabpart {
        padding: 60px 0 0;
    }

    .profiletravel {
        display: block;
        padding: 10px 50px 45px;
        float: left;
        height: auto;
    }

    .profiletravelicon {
        width: 50%;
        float: left;
        text-align: center;
        padding: 40px 0 0;
    }

    .chooseusfacility .profiletravelicon {
        padding: 0;
    }

    .profiletravelicon a img {
        max-width: 200px;
    }

    .profileupcoming .bookingticketbtn {
        padding: 0;
    }

    .profileupcoming .bookingdwnticket {
        padding: 30px 0 0;
    }

    .profilepsngr {
        position: relative;
        top: 0;
        text-align: center;
        padding: 0 0 0 65px;
    }

    /* ****** My Profile End ****** */

    /*ContactUS page css******************/

    .addrow {
        width: 50% !important;
    }

    .contactuscol .addrow {
        padding: 0 10px;
    }

    .contactus_tab_main .faq_main_wrap .panels {
        padding: 30px 30px 40px;
    }

    .contactus_tab_main .filter-drawer {
        flex-basis: 29%;
    }

    .contactus_wrapper {
        padding: 60px 0 50px;
    }

    .contactus_tab_main .filter-drawer__title {
        padding: 15px 20px 15px;
    }

    .contactus_tab_main .faq_content_list .filter_tab_main {
        gap: 30px 12px;
        padding: 10px 0 0;
    }

    .contactus_tab_main .filter-drawer__trigger:checked + .filter-drawer__title + .filter-drawer__content-wrapper {
        padding: 15px 20px 20px;
    }

    .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        overflow-x: auto;
    }

    .contactmainwrap {
        width: max-content;
        gap: 50px;
    }

    /*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;
    }

    .feedbackmainbox {
        padding: 35px;
        display: block;
        float: left;
    }

    .feedbackboxleft {
        padding: 0;
    }

        .feedbackboxleft .bookcompratestar {
            padding: 0;
        }

            .feedbackboxleft .bookcompratestar svg {
                width: 36px !important;
                height: 36px !important;
            }

    .feedbackstar {
        justify-content: center;
    }

    .feedbackimg {
        padding: 30px 0 0;
    }

    .feedbackstar i {
        font-size: 32px;
    }

    .feedbackboxright {
        width: 68%;
        padding: 0 0 0 20px;
        float: right;
    }

    .feedtextarea textarea {
        height: 250px;
    }

    .feedbackboxright .blog_main_content .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        flex-wrap: wrap;
        flex-direction: unset;
        width: auto;
    }

    .feedproceed button {
        padding: 13px 42px 12px;
    }

    .feedproceed {
        justify-content: center;
        padding: 35px 0 0;
    }

    .feedback_wrapper {
        padding: 65px 0 45px;
    }

    /*** feedback page css end*****/

    /******bus charter page css******/

    .logintest .css-1pxa9xg-MuiAlert-message {
        width: 470px;
    }

    .busc-heading {
        padding: 45px 0 35px;
    }

    .fix_contentwidth .panel-primary > .panel-heading {
        font-size: 22px;
        padding: 8px 0;
        margin: 45px 0 0;
    }

    .charterinput {
        justify-content: flex-start;
        padding: 10px 0 0;
        flex-wrap: wrap;
        gap: 5px 20px;
    }

    .charterformgroup {
        padding: 10px 0 0;
    }

    .charterinput .col-lg-6 label {
        font-size: 14px;
        padding: 15px 0 12px 10px;
    }

    .mrgbtm .redclr {
        font-size: 14px;
    }

    .charterformgroup.charterformgroup01 {
        padding: 40px 0 0;
    }

    .charterinput .col-lg-6 input {
        height: 42px;
        font-size: 14px;
        padding: 0 0 0 25px;
    }

    .agntpgcaptcha label {
        font-size: 15px;
        padding: 0 0 10px;
    }

    .buscharterimage p {
        top: 40px;
        font-size: 25px;
        line-height: 34px;
    }

    .fix_contentwidth .panel-body {
        padding: 25px 20px 30px;
    }

    .buschartermainpage {
        padding: 0 20px 40px;
    }

    .charterinput .col-lg-6 .txtDateTime {
        background-position: 106% -7659px;
    }

    .charterinput .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 0 0 25px;
    }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 90px !important;
        padding: 0 0 0 16px !important;
    }

    .agntpgcaptcha .btn-primary {
        padding: 12px 40px 10px;
        letter-spacing: inherit;
    }

    /******bus charter page css******/


    /******My Booking Page css******/

    .modifydetailsinput {
        width: 50%;
    }

    .bookingroutedetails {
        width: 76%;
    }

    .book-heading {
        font-size: 36px;
        line-height: 42px;
    }

    .bookingmainbox {
        width: 100%;
    }

    .bookingmainbox02 {
        width: 100%;
        padding: 30px 0 10px;
        border-top: 1px solid #e1e1e1;
    }

    .bookingfeedback textarea {
        width: 50%;
        padding: 20px;
        height: 360px;
        font-size: 17px;
    }

    .bookingsubmit .bookingdwnticket {
        display: flex;
        align-items: center;
        width: 24%;
        justify-content: flex-end;
        border: none;
        padding: 0;
    }

        .bookingsubmit .bookingdwnticket a {
            padding: 15px 50px 12px;
        }

    .bookingmaincont03 .bookingmainbox {
        width: 77%;
    }

    .bookingmaincont03 .bookingmainbox02 {
        width: 20%;
        padding: 34px 0 0;
        border: none;
    }

    .bookingmaincont03 .bookingmainarea {
        padding: 0 0 17px;
    }

    .bookingticketbtn {
        width: 72%;
        padding: 0;
    }

        .bookingticketbtn p {
            padding: 10px 36px 10px 24px;
            background-size: 46px;
            background-position: left -8037px;
        }

            .bookingticketbtn p a {
                font-size: 13px;
            }

        .bookingticketbtn .mybookmodify {
            background-position: left -8229px;
        }

        .bookingticketbtn .mybookticket {
            background-position: left -8418px;
        }

        .bookingticketbtn .mybookterms {
            background-position: left -8615px;
            padding: 0 0 0 21px !important;
        }

        .bookingticketbtn p::after {
            top: 6px;
            right: 18px;
        }


    /******Header Login/Signup Modal Style******/

    .popupleft {
        width: 41.9%;
    }

    .popuserdetail p {
        line-height: 25px;
        font-size: 18px;
        padding: 0 0 15px;
    }

    .loginpopupotp {
        padding: 0 0 10px;
    }

    .resendotplink {
        padding: 12px 0 0;
    }

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

    .popuserdetailotp .googlelink p {
        padding: 8px 0 10px;
    }

    .popuserdetail input {
        height: 46px;
    }

    .popuserdetail.popuserdetailbutton button {
        height: 46px;
    }

    .googlelink p {
        padding: 23px 0 16px;
    }

    .popupright {
        width: 58.1%;
        float: right;
    }

    .logincontent {
        padding: 0 62px 25px;
    }

    .popupleft img {
        max-width: 377px;
        height: 586px;
    }

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

        .loginconfirmpopup h3 {
            font-size: 26px;
            line-height: 32px;
            padding: 0 0 50px;
        }

    .popupconfirmotp {
        width: 100px;
        height: 100px;
        margin: 0 0 45px;
        font-size: 60px;
        line-height: 110px;
    }

    .loginconfirmpopup p {
        padding: 50px 0 0;
        font-size: 16px;
        line-height: 24px;
    }

    /****** About Us ******/

    .aboutimg {
        background-position: center center;
        background-size: cover;
    }

    .aboutwraper {
        padding: 55px 0 0;
    }

    .aboutus_page_title {
        font-size: 28px;
    }

    .aboutcontent {
        padding: 40px 0 55px;
    }

        .aboutcontent p {
            font-size: 17px;
            line-height: 26px;
        }

    .aboutleftpart {
        width: 100%;
        text-align: center;
    }

    .aboutrightpart {
        width: 100%;
        padding: 40px 0 0;
    }

    .mainpioneers {
        padding: 60px 0 0;
    }

        .mainpioneers .aboutus_page_title::after {
            width: 492px;
            height: 21px;
            background-size: 492px;
            top: 6px;
        }

    .pioneerslider {
        padding: 40px 0 0;
    }

    .aboutsuperlogo img {
        max-width: 300px;
    }

    .aboutgallerybox img {
        max-width: 650px;
    }

    .pioneerbox {
        width: 250px;
        height: 398px;
        background-size: 250px;
    }

    .pioneercontent {
        height: 140px;
        padding: 20px 0 0 20px;
    }

        .pioneercontent h3 {
            font-size: 23px;
            line-height: 29px;
        }

        .pioneercontent p {
            font-size: 16px;
            padding: 19px 0 0;
        }

    .presshonour {
        padding: 64px 0 54px;
    }

    .honourpart .aboutus_page_title {
        padding: 0 0 7px;
    }

    .honourpart p {
        font-size: 18px;
        line-height: 27px;
    }

    .honourslide {
        padding: 40px 0 0;
    }

    .honour-slide h3 {
        font-size: 26px;
        line-height: 35px;
    }

    .honourarea .owl-nav {
        display: none !important;
    }

    .honourbox img {
        max-width: 300px;
    }

    .easemytripwrapbook {
        padding: 70px 0 0;
    }

    /****** Terms & Conditions ******/

    .termsdata {
        padding: 0 20px;
    }

        .termsdata .conditionsdata h3 {
            font-size: 16px;
            border: none;
            margin: 0 !important
        }

    .conditionsdata {
        padding: 20px 0 10px;
    }

        .conditionsdata h3 {
            font-size: 22px;
            border-bottom: 1px solid var(--secondary-color);
            margin: 0 0 18px !important;
        }

        .conditionsdata p {
            font-size: 15px;
            letter-spacing: inherit;
        }

    /****** Agent Registration ******/

    .agentinput .col-lg-6 {
        padding: 0 0 20px;
    }

        .agentinput .col-lg-6 label {
            padding: 10px 0 13px 0;
        }

    .agntpgcaptcha {
        padding: 0 0 10px;
    }

    /****** Cancellation ******/

    .inputblock {
        gap: 34px;
    }

        .inputblock .form-group {
            width: 31%;
        }

    /****** Cancel Details ******/

    .cancelticketfare {
        padding: 45px 0 45px;
    }

        .cancelticketfare .payfarepart {
            padding: 45px 0 0;
        }

    .logintest .loginconfirmpopup h4 {
        font-size: 26px;
    }

    /****** FAQs ******/

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

    .faq_main_wrap .tab {
        font-size: 18px;
    }

    .faqrouteleft label {
        font-size: 28px;
    }

    .faqrouteleft span {
        font-size: 16px;
    }

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

    /****** Contact Us ******/

    .contactus_main {
        padding: 30px;
    }

    .contactus_data_left p {
        font-size: 24px;
    }

    .contactus_data_right p {
        font-size: 24px;
    }

    .contactus_contactdetails {
        padding: 0 40px;
        background-position: center -1286px;
        background-size: 4300px;
    }

    .contactus_data_right span a {
        height: 44px;
        width: 44px;
        background-size: 50px;
        background-position: center -11846px;
    }

        .contactus_data_right span a.contact_facebook {
            background-position: center -12005px;
        }

    /****** Modify Ticket ******/

    .modifytickets {
        padding: 65px 0 45px;
    }

    .modifytitle h4 {
        font-size: 18px;
        padding: 0 0 16px;
    }

    .modifyticketspart p {
        font-size: 17px;
        line-height: 23px;
        padding: 20px 0 0;
    }

    .buscountmodify {
        padding: 60px 0 0;
    }

    .modifybdpoint {
        padding: 0;
    }

    .modifyroutepoint {
        padding: 45px 0 0;
    }

    .modifyrouteleft .busboldlabel {
        padding: 13px 20px 13px;
    }

    .modifyboarding .bookingbdroute {
        padding: 0 0 15px;
    }

    .modifyboarding .bookingbdpart {
        padding: 25px 15px 23px 20px;
    }

    .modifyrouteright {
        padding: 15px 15px 0 0;
    }

        .modifyrouteright img {
            width: 100%;
            max-width: 310px;
        }

    .mfyconfirm button {
        padding: 14px 50px;
    }

    .crntbdpointbox .busboldlabel {
        padding: 13px 20px;
    }

    .modifybdroute {
        padding: 15px 20px 23px;
    }

    .managepnr.managebutton {
        width: 100%;
        justify-content: flex-start;
        flex-direction: initial;
    }

    .modifi_ticket_input .managepnr button {
        padding: 16px 50px;
    }

    .popup_bustime_pickup {
        font-size: 16px;
    }

    .popup_fare {
        font-size: 16px;
    }

    .custjrny_popup_onward .popup_bustype {
        font-size: 14px;
    }

    .popup_fare_amount {
        font-size: 24px;
    }

    .popup_bustime {
        gap: 14px;
    }

    .custjrny_popup_routedetails {
        padding: 40px 40px 40px;
        flex-wrap: wrap;
        gap: 40px;
    }

    .popup_route_listing {
        height: 180px;
    }

    .custjrny_popup_onwardjrny {
        flex-basis: 100%;
    }

    .custjrny_popup_onward {
        flex-basis: 32%;
    }

    .custjrny_popup_return {
        border-right: none;
        padding: 0 0 0 23px;
        flex-basis: 45%;
    }

    .custjrny_popup_head {
        flex-wrap: wrap;
        padding: 30px;
    }

    .custjrny_popup_onward.custjrny_popup_farecount {
        flex-basis: 22%;
        gap: 10px;
        padding: 0;
    }

    .reserrormsgpart {
        padding: 60px 0 40px;
    }

    /****** Reschedule Ticket ******/

    .resticketpart h3 {
        font-size: 18px;
    }

    .reschedulebtn button {
        font-size: 16px;
        padding: 15px 37px;
    }

    .collapsibleres {
        padding: 30px 25px 35px;
    }

    .reschedulepart {
        width: 94%;
        align-items: center;
    }

    .reschedulehead .book-heading {
        font-size: 32px;
        line-height: 38px;
    }

    .reschedulehead .bookingpartcont {
        font-size: 15px;
        line-height: 22px;
    }

    .reschedulehead {
        padding: 0 15px 0 0;
        width: 17%;
    }

    .reschedulepart .bookingroutedetails.rbookingdetails {
        width: 63%;
        padding: 0 11px;
    }

    .bookingbusicon.rbookbusicon {
        background-size: 34px;
        width: 34px;
        height: 25px;
    }

    .reschedulepart .bookingroutename label {
        font-size: 17px !important;
    }

    .reschedulepart .bookingroutename span {
        font-size: 15px;
    }

    .rbuspnrnumber {
        padding: 0 0 0 15px;
    }

    .rbuspnr span {
        font-size: 16px;
    }

    .routereschedule_icon i {
        font-size: 20px;
    }

    .reschedulesec {
        padding: 30px 30px 45px;
        flex-direction: column;
    }

    .ticketreschedule h3 {
        font-size: 18px;
    }

    .ticketreschedule {
        width: 100%;
    }

    .rescheduleseat {
        width: 50%;
        padding: 0 20px 0 0;
    }

    .rescheduleinseat {
        width: 50%;
        padding: 0 0 0 20px;
    }

        .rescheduleinseat:before {
            left: 0;
        }

    .confirmbackbtn {
        gap: 30px;
        padding: 40px 0 0;
    }

        .confirmbackbtn button {
            font-size: 17px;
            padding: 13px 70px;
        }

    .rescheduleimg {
        width: 100%;
        float: left;
        text-align: center;
        padding: 60px 0 0;
    }

        .rescheduleimg iframe {
            width: 230px;
            height: 413px;
        }

    /****** Carrier Page ******/

    .carrierslider {
        height: auto;
        overflow: hidden;
        padding: 0 0 34px;
    }

        .carrierslider:before {
            width: 100%;
            height: 583px;
            left: 0;
            right: 0;
            margin: 0 auto;
            background-image: url(../images/cslidervshape.png);
            background-position: left top;
            background-repeat: no-repeat;
            background-size: contain;
        }

        .carrierslider:after {
            display: none;
        }

    .carriersliderpart {
        padding: 16px 0 0;
    }

        .carriersliderpart img {
            position: relative;
            z-index: 1;
        }

    .carriersright {
        padding: 30px 0 0;
        width: 100%;
        text-align: center;
        position: relative;
    }

        .carriersright:before {
            position: absolute;
            content: "";
            left: -330px;
            top: -58px;
            height: 98px;
            width: 972px;
            background-image: url(../images/carrierbushadow.png);
            background-position: left top;
            background-repeat: no-repeat;
        }

        .carriersright h1 {
            font-size: 36px;
            line-height: 40px;
        }

        .carriersright p {
            font-size: 19px;
        }

        .carriersright a {
            padding: 12px 28px 11px;
        }

    .carrierworkbg {
        min-height: 10px;
        background-size: 1000px;
    }

    .carrierwork {
        padding: 60px 0 70px;
    }

    .carrierworkboxpart {
        overflow-x: auto;
    }

    .carrierworkbox {
        padding: 45px 0 20px;
        gap: 18px;
        width: max-content;
    }

    .carrierworkboxpart::-webkit-scrollbar {
        height: 3px;
        background-color: #D9D9D9;
    }

    .carrierworkboxpart::-webkit-scrollbar-thumb {
        height: 3px;
        background-color: var(--secondary-color);
    }

    .formboxpartbtn a {
        padding: 10px 37px 9px;
    }

    .carrierformleft {
        width: 52%;
        padding: 20px 30px 30px 30px;
    }

    .carrierformright {
        flex-basis: 49%;
        width: auto;
        min-height: 411px;
        background-position: -180px top;
        background-size: 730px;
    }

        .carrierformright:after {
            width: 130px;
            height: 181px;
            background-size: 130px;
        }

    .carrierteam {
        margin: 70px 0 0;
    }

    .customerpartwrap {
        padding: 60px 0;
    }

    .carrierteampart h3 {
        font-size: 22px;
        line-height: 29px;
    }

    .customerdropdownwrap {
        align-items: flex-start;
        flex-direction: column;
    }

    .viewclear {
        width: 100%;
    }

    .cstmrsuccessm {
        padding: 40px 0 0;
    }

    .cstmrsuccesstop h2 {
        font-size: 26px;
        line-height: 34px;
    }

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

    .carrierapplybtn a {
        padding: 11px 40px 10px;
    }

    .customerpart .toptitle h3 {
        font-size: 28px;
    }

    .customerdropdown {
        overflow-x: auto;
        width: 100%;
        overflow-y: hidden;
    }

        .customerdropdown::-webkit-scrollbar {
            display: none;
        }

    .cstmrdropdown {
        gap: 22px;
        width: max-content;
    }

    .cstmrsuccesstop span {
        font-size: 16px;
        padding: 2px 0 0;
    }

    /****** Carrier Application Page ******/

    .carrierappslider {
        padding: 70px 0 0;
    }

    .carrierappsliderpart {
        overflow: hidden;
    }

        .carrierappsliderpart:after {
            background-size: 300px 640px;
            min-height: -webkit-fill-available;
            width: 240px;
            background-position: 0 -300px;
        }

        .carrierappsliderpart h2 {
            font-size: 36px;
            line-height: 41px;
        }

    .carrierappaboutsec h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .carrierappaboutleft h3 {
        font-size: 20px;
    }

    .carrierappaboutpart {
        padding: 34px 0 0;
        flex-direction: column;
        gap: 40px;
    }

    .carrierappaboutleft {
        width: 100%;
    }

    .carrieraboutcontent p {
        flex-basis: 97%;
        font-size: 20px;
        line-height: 27px;
    }

    .carrierappaboutright p {
        font-size: 20px;
        line-height: 27px;
    }

    .carrierappabout {
        padding: 45px 0 60px;
    }

    .carrierappapply {
        padding: 60px 0 70px;
    }

    .carrierappapplypart h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .carrierappapplybox {
        padding: 35px 35px 38px;
    }

        .carrierappapplybox p {
            padding: 0 0 30px;
        }

    .appapplyboxleft {
        gap: 22px;
    }

    .appapplyboxcont {
        gap: 14px;
    }

        .appapplyboxcont input {
            font-size: 15px;
            padding: 0 0 0 22px;
            height: 46px;
        }

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

    .appapplyboxtextarea textarea {
        font-size: 15px;
        padding: 20px 24px;
        height: 137px;
    }

    .carrierproceedbtn {
        padding: 30px 0 0;
    }

    .appapplyboxcontid {
        gap: 14px;
    }

    .carrierproceedbtn a {
        padding: 14px 44px 13px;
    }

    .carrierapproles {
        padding: 60px 0 55px;
    }

    .carrierapproleslide .owl-prev, .carrierapproleslide .owl-next {
        right: 30px;
        width: 20px;
        height: 28px;
    }

        .carrierapproleslide .owl-prev:before, .carrierapproleslide .owl-next:before {
            font-size: 22px;
        }

    .carrierapproleslide .owl-next {
        right: 0 !important;
    }

    .roles-slide {
        width: 297px;
        height: 356px;
        background-size: 309px;
        padding: 30px 20px 20px;
    }

    .rolesbox span {
        line-height: 19px;
    }

    .roles-slide p {
        font-size: 16px;
    }

    .rolesbox h1 {
        font-size: 26px;
        line-height: 32px;
    }

    .rolesapply a {
        padding: 10px 42px 11px;
    }

    .appapplyboxcontresume:after {
        right: 24px;
        top: 49px;
        width: 23px;
        height: 21px;
        background-position: 95% -11333px;
        background-size: 50px;
    }

    /****** Partnership ******/

    .partnershipslider {
        justify-content: space-between;
        flex-direction: column-reverse;
        padding: 16px 0 0;
    }

        .partnershipslider:after {
            background-size: 280px 860px;
            background-position: left -380px;
            width: 323px;
            left: -30px;
            right: auto;
        }

    .partnersliderleft {
        padding: 20px 0 40px;
        text-align: center;
        background-color: var(--primary-color);
    }

    .partnershipslider:before {
        left: auto;
        bottom: auto;
        top: 320px;
        right: 10px;
    }

    .collabsuper {
        min-height: 10px;
        background-size: 1000px;
    }

    .partnershipcolla {
        padding: 60px 0 0;
    }

    .collabspart {
        padding: 40px 0 18px;
    }

    .supercollab {
        padding: 65px 0 0;
    }

    .supercollabslide .owl-nav {
        top: -102px;
        right: 20px;
    }

    .collab-slide {
        width: 480px;
        height: 366px;
    }

    .collabscont {
        padding: 20px 40px 0 25px;
        height: 209px;
        background-size: 182px;
    }

        .collabscont span {
            font-size: 17px;
        }

        .collabscont h3 {
            font-size: 26px;
        }

    /*Blog*/

    .blog_box {
        flex-basis: 48%;
    }

    .blog_box_content {
        top: 24px;
        left: 20px;
    }

    .conditionsdata .Cancellationcharges .conditionscharges {
        flex-basis: 100%;
    }

    .conditionsdata .Cancellationcharges i {
        flex-basis: 100%;
        padding: 10px 0 0;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 70px 0 48px;
    }

    .emtlogo img {
        max-width: 460px;
    }

    .emtsection span {
        font-size: 26px;
    }

    .emtcont img {
        max-width: 260px;
    }

    .emtbutton a {
        padding: 8px 50px !important;
        font-size: 22px;
    }

    /*Thank You*/

    .thanksbox {
        width: 80%;
        padding: 35px 40px;
    }

        .thanksbox img {
            max-width: 120px;
        }

        .thanksbox h3 {
            font-size: 21px;
            line-height: 30px;
        }

    .thankspage {
        padding: 60px 0 40px;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 30px;
        line-height: 39px;
    }

    .top_routes_textbox {
        padding: 38px 0 0;
    }

        .top_routes_textbox ul li {
            font-size: 18px;
            line-height: 23px;
        }

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

    .top_routes_choice {
        padding: 60px 0;
    }

    .top_routes_box {
        width: 230px;
        height: 230px;
        padding: 20px 18px 0;
    }

        .top_routes_box h3 {
            font-size: 17px;
            line-height: 23px;
        }

    .top_routes_super {
        gap: 20px;
        padding: 40px 0 0;
    }

    .amenities_toproute {
        padding: 60px 0 !important;
    }

    .top_routes_faq {
        padding: 60px 0 0;
    }

    .faq_content_toproute {
        padding: 15px 0 0;
    }

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

@media only screen and (max-width:944px) {
    /*.banner_modal .modal-dialog {
        width: 930px !important;
    }*/

    .offerslider .owl-carousel .owl-item img {
        max-width: 415px;
    }

    .eventarea {
        background-size: 922px;
        background-position: center -133px;
    }

    .applicationwrapper:after {
        background-size: 830px 100%;
    }

    /****** My Booking ******/

    .bookingticketbtn p {
        padding: 10px 38px 10px 24px;
    }

    .bookingticketbtn .mybookticket:after {
        display: none;
    }

    .profileupcoming .bookingticketbtn .mybookticket:after {
        display: block;
    }
}

@media only screen and (max-width:929px) {
    /*.banner_modal .modal-dialog {
        width: 768px !important;
    }*/

    .offercontent {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 15px;
    }

    .offercard a img {
        width: 100%;
        max-width: 260px;
    }

    .eventarea {
        background-size: cover;
        background-position: center center;
        padding: 130px 45px 40px 45px;
    }

    /****** FAQ ******/

    /****** Carrier Application ******/

    .roles-slide {
        width: 287px;
        height: 346px;
        background-size: 301px;
    }
}

@media only screen and (max-width:767px) {
    .faqwrapper.faqwrapper_home {
        padding: 55px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .tab {
        padding: 10px 22px;
        font-size: 14px;
    }

    .carousel .slide .VRL_Banner {
        max-width: 620px;
    }

    .carousel-caption {
        bottom: 30px !important;
    }

    .carousel .slide .sliderpopup {
        max-width: 530px;
    }

    .captionpart h2 {
        width: 75%;
    }

    .honour-slide h3 i {
        display: inline;
    }

    .discountbtn {
        margin: 15px 0 0;
    }

    /**** Connecting Route Style Start*****/


    .connecting_route_main {
        padding: 20px 10px 0;
    }

    .connecting_bus_details {
        flex-basis: 50%;
    }

    .connecting_route_details .bustime.busstarttime {
        flex-basis: 20%;
    }

    .connecting_route_details .bustime.busendtime {
        flex-basis: 20%;
    }

    .connecting_route_details {
        flex-wrap: wrap;
        row-gap: 10px;
    }


    /**** Connecting Route Style End*****/


    .eventarea {
        padding: 115px 30px 35px;
        position: relative;
    }

        .eventarea:after {
            position: absolute;
            content: "";
            right: 20px;
            top: 20px;
            width: 165px;
            height: 44px;
            background-image: url("../images/loginlogo.svg");
            background-position: right top;
            background-repeat: no-repeat;
        }

    .routeimage iframe {
        height: 146px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 405px;
    }

    .accountmenu {
        display: none;
    }

    .slideroffer {
        display: none;
    }

    .sec-center {
        float: right;
        position: absolute;
        right: 15px;
        top: 40px;
    }

    .headermenu {
        width: auto;
        position: absolute;
        top: 12px;
        left: 12px;
        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: 10px !important;
            z-index: 99999 !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 24px;
            height: 24px;
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
            left: 70%;
        }

            .fixedbtn.topfixedicon::after {
                font-family: FontAwesome;
                content: "\f00d";
                left: 0;
                top: -6px;
                position: absolute;
                font-size: 22px;
                color: var(--primary-color);
            }

    .headermenu .navbar-header {
        display: block;
    }

    .menufixed .navbar-toggle {
        background-color: transparent;
        border-color: transparent;
        margin: 3px;
        padding: 3px;
        position: relative;
        top: 20px;
        z-index: 999;
    }

    .fixedbtn.topfixedicon span {
        display: none !important;
    }

    .headermenu .navbar-inverse .navbar-nav {
        margin: 0;
        float: left;
        width: 100%;
        padding: 20px 0 0;
    }

    .headermenu .navbar-toggle .icon-bar {
        background: var(--button-color);
    }

    .headermenu .navbar-inverse {
        float: left;
    }

        .headermenu .navbar-inverse .navbar-toggle:focus,
        .headermenu .navbar-inverse .navbar-toggle:hover {
            background-color: transparent;
        }

        .headermenu .navbar-inverse .navbar-toggle {
            border-color: transparent;
            margin: 0 10px 0 0;
        }

        .headermenu .navbar-inverse .container-fluid {
            padding: 0 15px;
            text-align: center;
            background: #3e3e3e;
        }

        .headermenu .navbar-inverse .navbar-nav > li {
            display: block;
            text-align: left;
            margin: 0 90px 18px 0 !important;
            border-bottom: 1px solid #E1E1E1;
            padding: 0 0 8px;
        }

            .headermenu .navbar-inverse .navbar-nav > li > a {
                font-size: 16px;
                padding: 0 0 8px;
                color: var(--primary-color);
                margin: 0;
                border-bottom: none;
                font-weight: 500;
                text-align: center;
            }

    .headermenu .navbar-inverse {
        background-color: var(--pure);
        box-shadow: 0 0 5px #B0B0B0;
    }

        .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(--secondary-color);
            border-bottom: none;
        }

        .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;
        left: 0;
        width: 75%;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
        padding-top: 30px;
        z-index: 9999;
    }

    .side-collapse.in {
        width: 0;
    }

    .cssmenu {
        float: left;
        width: 100%;
        text-align: left;
        padding: 0 0 0 40px;
    }

    .headermenu .navbar-collapse p {
        display: inline-block;
        padding: 40px 0 30px;
        width: 100%;
    }


    .headermenu .navbar-inverse .afternavbar.navbar-nav {
        padding: 0;
    }

    .headermenu .signupmobile {
        display: block;
        float: left;
    }

        .headermenu .signupmobile a:hover, .headermenu .signupmobile a:focus {
            color: var(--pure) !important;
            background-color: var(--secondary-color);
        }

    .navbar-toggle {
        display: block;
    }

    .afterfeedback {
        display: block !important;
    }

    .aftersignupmobile {
        display: block;
    }

        .aftersignupmobile p {
            font-size: 14px;
            font-weight: 700;
            line-height: 19px;
            color: var(--secondary-color);
            display: none;
        }

            .aftersignupmobile p i {
                font-style: normal;
                display: block;
                text-align: left;
            }

    .btnafterlogin {
        display: block;
    }

    /*.sliderwrapper {
        height: 490px;
    }*/

    .sliderwrapper {
        background-position: 92% top;
    }

    .slider_text h1 {
        font-size: 22px;
        line-height: 29px;
        padding: 0 0 14px;
    }

        .slider_text h1:before {
            width: 120px;
        }

    .slider_text_btm p {
        font-size: 28px;
        line-height: 36px;
    }

        .slider_text_btm p.slider_text_dis span {
            font-size: 18px;
        }

        .slider_text_btm p.slider_text_dis {
            font-size: 18px;
            line-height: 23px;
        }

    .signup {
        display: none;
    }

    .topheader {
        padding: 22px 0 22px;
    }

    .rightheader {
        padding: 0;
    }

    .captionpart {
        padding: 0;
    }

        .captionpart h1 {
            font-size: 33px;
            line-height: 40px;
        }

    .bookingsearch {
        padding: 15px 0 0;
    }

        .bookingsearch .searchbtn {
            height: 50px;
        }

    .partialradiogroup .css-qfz70r-MuiFormGroup-root {
        gap: 16px;
    }

    .easemytripwrap {
        background-color: var(--button-color);
        padding: 40px 0 46px;
    }

        .easemytripwrap:before {
            display: none;
        }

    .easemytripart {
        gap: 30px;
    }

        .easemytripart .toptitle {
            padding: 0;
            flex-basis: 60%;
        }

    .easemytripsec {
        padding: 45px 0 0;
    }

    .easemytripbox {
        width: 80px;
        height: 108px;
        padding: 0;
        gap: 0;
        background-color: transparent;
    }

        .easemytripbox span {
            width: 80px;
            height: 80px;
            background-position: center -12081px;
            background-size: 60px;
            background-color: var(--secondary-color);
            border-radius: 20px;
        }

        .easemytripbox.easemytripbox02 span {
            background-position: center -12264px;
        }

        .easemytripbox.easemytripbox03 span {
            background-position: center -12444px;
        }

        .easemytripbox.easemytripbox04 span {
            background-position: center -12625px;
        }

        .easemytripbox.easemytripbox05 span {
            background-position: center -12807px;
        }

        .easemytripbox h3 {
            font-size: 15px;
            color: #000;
            padding: 10px 0 0;
        }

    .destinationbox {
        width: 190px;
        height: 190px;
        background-size: 190px;
    }

    .popupblock03 {
        width: 610px;
    }

    .toptitle h3 {
        font-size: 28px;
        line-height: 37px !important;
    }

    .offerdeals .owl-nav {
        right: 10px;
    }

    .destinationslider .owl-nav {
        right: 10px;
    }

    .superbusarea .owl-nav {
        right: 10px;
    }

    .exloreslider .owl-nav {
        right: 10px;
    }

    .eventbutton a {
        padding: 7px 30px;
    }


    .offerdeals {
        padding: 55px 0 0;
    }

    .offerbox {
        width: 400px;
        height: 191px;
        background-size: 400px;
    }

    .offercontent p {
        font-size: 22px;
        left: -20px;
        top: 81px;
    }

    .offerdetails {
        padding: 20px 60px 0 116px;
    }

        .offerdetails span {
            font-size: 19px;
            line-height: 26px;
        }

        .offerdetails i {
            font-size: 16px;
            padding: 12px 0 18px;
        }

    .offerbox02 .offerdetails {
        padding: 20px 40px 0 30px;
    }

    .citywraper {
        display: none;
    }

    .chooseusfacility::after {
        display: none;
    }

    .superbus {
        padding: 55px 0 0;
    }

    /*loginpopup*/

    .loginsecmainform {
        padding: 0 0 15px;
    }

    .loginpesdata {
        padding: 0 0 20px;
    }

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

    /*****Popup Home Page*****/

    .popupblock02 {
        width: 620px;
        height: 652px;
    }

    #thumbs {
        top: 260px;
    }

    .supertabs label {
        padding: 0 0 15px;
        font-size: 12px !important;
    }

    .supertabpart {
        padding: 25px 30px 0;
    }

    .sprtabbing p {
        font-size: 14px;
        line-height: 20px;
        padding: 20px 30px 0 0;
    }

    .amenities-sprtab {
        flex-basis: 30%;
    }

    .tabreview {
        padding: 24px 0;
    }

    .reviewname span {
        font-size: 15px;
    }

    .reviewicon {
        width: 27%;
    }

    .reviewcont p {
        line-height: 22px;
        padding: 6px 20px 0 0;
    }

    .busroutepointbox::after {
        width: 108px;
    }

    /*****Popup Home Page End*****/

    .choosecontent {
        padding: 55px 0 65px;
    }

    .chooseusrow {
        padding: 42px 0 0;
        gap: 20px;
        float: none;
        justify-content: center;
        flex-wrap: wrap;
    }

    .chooseuscard {
        width: 48%;
        height: 290px;
    }

    .amenitieswrapper {
        padding: 60px 0 0;
    }

    .amenitiesrow {
        padding: 42px 0 0;
    }

    .applicationwrapper {
        overflow: hidden;
    }

        .applicationwrapper:after {
            background-size: 640px;
            left: -90px;
            bottom: -40px;
        }

    .qrwrapper {
        padding: 40px 0 0;
    }

    .qrcontent a img {
        width: 100%;
        max-width: 158px;
    }

    .appsection span {
        flex-basis: 35%;
    }

    .exloreindia {
        padding: 60px 0 0;
    }

    .exlorebox {
        width: 290px;
        height: 335px;
        background-size: 290px;
    }

    .exlorecontent {
        bottom: 35px;
        left: 20px;
    }

        .exlorecontent p {
            font-size: 18px;
            line-height: 26px;
            padding: 0 100px 20px 0;
        }

        .exlorecontent a {
            font-size: 14px;
            padding: 6px 21px;
        }

    .superbuslogo {
        padding: 0 0 55px;
    }

        .superbuslogo img {
            max-width: 250px;
        }

    .superbusjourney {
        padding: 65px 0 30px;
    }

    .journeycontent p {
        padding: 0 0 55px;
        display: inline-block;
    }

    .journeycontent::before {
        display: none;
    }

    .journeycontent::after {
        width: 479px;
        height: 24px;
        background-size: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: auto;
    }

    .navfooter03 {
        width: 16%;
    }

    .downloadpart {
        background-size: 4500px;
        background-position: center -1305px;
    }

    .footerapp {
        padding: 0;
    }

    .footertoppart {
        padding: 180px 0 60px;
    }

    .socialpart {
        padding: 0 0 40px;
    }

    /* Modify Ticket*****/

    .panel-heading {
        font-size: 30px;
    }


    .modifi_ticket_input {
        padding: 30px;
    }

        .modifi_ticket_input .managepnr button {
            margin: 10px 0 0;
        }


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

    .customer_disc {
        padding: 30px 0 0;
    }

    .route_tabbing_details {
        height: 700px;
    }

    .popupblockpart.popupblockpart01 {
        height: 666px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 250px;
        }

    .reviewtabbing.sprtabbing .spreview .noroute {
        margin: 10px 0 0;
    }

    .popupblockpart.popupblockpart01 .sprbdtab {
        height: 205px;
    }

    .popupblockpart.popupblockpart01 .supertabs .sprtabbing {
        max-height: 235px;
    }

    .fromtopoint_sub {
        flex-basis: 73%;
    }

    .bookingdbmain {
        padding: 15px 20px;
    }

    .bookingroutenm {
        padding: 30px 20px 40px;
    }

    .bookingdbseat {
        padding: 20px 20px 30px;
    }

    .bookingdbinr {
        padding: 25px 20px 0;
    }

    .dbinrnum {
        font-size: 16px;
    }

    .bookpayment {
        gap: 20px;
    }

        .bookpayment button {
            padding: 9px 40px;
        }

    .bookpartnxtbtn {
        padding: 25px 28px 10px 0;
    }

        .bookpartnxtbtn button {
            padding: 12px 50px;
        }

    .bustiming {
        width: 174%;
    }

    .busfairdetails {
        width: 29%;
    }

    .scrollindicatormbl {
        width: 100%;
        float: left;
        overflow-x: auto;
        padding: 0;
    }

        .scrollindicatormbl::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .mobilefilter .seatindicator {
        width: max-content;
    }

    .route_tabbing_details .supertabs ul li a {
        font-size: 15px;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtablist {
        gap: 17px 18px;
        padding: 10px 0 0;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab {
        padding: 6px 0;
    }

    .bookingbdcityarea span {
        font-size: 15px !important;
    }

    .bookingbdcityarea .bookingbdcityarea_span {
        padding: 3px 0 0 30px;
        font-size: 14px !important;
    }

    .bdpointooltip i {
        font-size: 8px;
        width: 15px;
        height: 15px;
        margin: 6px 0 0;
    }

    .bookingbdcityarea .mapbdpoints {
        font-size: 12px !important;
        padding: 7px 0 0 45px;
        background-position: 30px -6569px;
    }

    .bookingbdtime {
        font-size: 14px;
    }

    .bookingbdpoint {
        padding: 0 0 15px;
    }

        .bookingbdpoint .busboldlabel {
            padding: 15px 20px 15px;
        }

    .bookingbdscroll {
        padding: 0 10px 0 0;
    }

    .bookingcontinue button {
        padding: 11px 44px;
    }

    .bookingbdpart {
        padding: 25px 10px 0 15px;
    }

    .busesdatafound {
        display: none;
    }

    .modifyincontent {
        display: none;
    }

    .mobilefilterpart {
        display: block;
    }

    .scrollindicator {
        display: none;
    }

    .routerightcontent .modifyincontent {
        display: block;
    }

    .modifycity {
        width: 100%;
    }

    .modifydate {
        width: 53%;
        text-align: center;
        padding: 20px 10px 0;
    }

    .modifybutton {
        width: 43%;
        padding: 20px 0 0;
        float: right;
    }

    .routedateslider::before {
        left: 20px;
        top: 19px;
        background-size: 130px;
        width: 130px;
        height: 35px;
    }

    .busroutemhead {
        font-size: 13px;
    }

    .busroutetab {
        font-size: 13px;
    }

    .sortbytype {
        gap: 3px;
    }

        .sortbytype p {
            font-size: 13px;
        }

    .busroutetimetable {
        padding: 20px 20px 0;
        gap: 10px;
    }

    .busroutedatatime {
        width: 69%;
    }

    .busroutefacilities {
        padding: 20px 0 0;
    }

    .modifyamenities {
        padding: 0 0 0 20px;
    }

    .routebuscount {
        padding: 46px 0 0;
        flex-direction: column-reverse;
        gap: 15px;
        align-items: center;
    }

    .available_discounts {
        width: 100%;
        text-align: center;
    }

        .available_discounts h4 {
            padding: 14px 20px 13px;
            border-radius: 30px;
            text-align: center;
        }

    .busfacilitiestab .nav-tabs .nav-link {
        padding: 0 15px 0 0;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button .nav-link {
        padding: 4px 16px;
        font-size: 13px;
    }

    .passengerbox.passengersubdetails {
        max-height: 560px;
        overflow-y: auto;
        padding: 30px 30px 30px;
    }

    .updatetrippopup .modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 40px;
    }

    .updatetrippopup .modifybookingsearch .modifyinput input {
        height: 40px;
    }

    .updatetrippopup .modifybutton button {
        height: 40px;
    }

    .seatpricefilter ul {
        font-size: 14px;
    }

        .seatpricefilter ul li {
            padding: 2px 10px 2px;
            margin: 0 0 0 7px;
            font-size: 12px;
        }

    .nonrefund {
        font-size: 13px;
    }

    .lowerdeckchart, .upperdeckchart {
        width: 100%;
        float: left;
        overflow-x: auto;
    }

        .lowerdeckchart::-webkit-scrollbar, .upperdeckchart::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .seatchartwo {
        padding: 0;
    }

    .busroutevialist span {
        width: 6%;
    }

    .busfacilitiestab .nav-tabs {
        padding: 15px 20px 0;
    }

        .busfacilitiestab .nav-tabs .nav-item {
            padding: 0;
        }

        .busfacilitiestab .nav-tabs .nav-link::after {
            height: 15px;
            top: 2px;
            right: 7px;
        }

        .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
            float: right;
            padding: 15px 0 0;
            margin: 0;
        }

    .seatpricefilter {
        padding: 11px 20px;
    }

    .seatdeckbook {
        padding: 15px 20px 0;
        flex-direction: column;
    }

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

    .passcontactdata label {
        font-size: 14px;
        padding: 0 0 5px 10px;
    }

    .passengerdetails input {
        height: 46px;
        padding: 0 0 0 16px;
        font-size: 14px;
    }

    .passgender .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input, .gststate .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 18px;
        height: 44px;
    }

    .bookinrdetails p i {
        display: contents;
    }

    .gststate {
        padding: 0 0 10px;
    }

    .pg_gateway img {
        max-width: 355px;
    }

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

    .passengerbox.gstdetails {
        padding: 20px 0px 20px;
    }

    .bookinrtotal {
        padding: 20px 0 40px;
    }

    .custfinal_head {
        font-size: 17px;
        padding: 0 0 15px;
    }

    .passengerbox.payment_gateway label {
        padding: 25px 0;
    }

        .passengerbox.payment_gateway label .MuiTypography-body1 {
            font-size: 15px;
            background-position: left -6439px;
            padding: 6px 0 6px 39px;
            background-size: 40px;
            width: 86%;
        }

    .passengerbox .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 4px 12px 0 0 !important;
    }

    .hotdeal_title {
        font-size: 17px;
    }

    .custroutebox {
        width: 49%;
    }

    .paydetails {
        width: 48%;
    }

    .custoffer {
        padding: 35px 0 0;
    }

    .passengeroutepart .passengerbox {
        padding: 0;
        margin: 0;
    }

    .paybusname .paybuspart {
        font-size: 15px;
    }

    .paybusname .busnmnumber {
        font-size: 15px;
    }

    .paycustinfo {
        padding: 20px 20px 0;
    }

    .paydatadetails {
        font-size: 15px;
    }

    .paydetailsdata {
        font-size: 15px;
    }

    .paycustroutedata {
        padding: 0 0 16px;
    }

    .passengerbox {
        padding: 40px 30px;
    }

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

        .onewayreturntitle label span {
            height: 25px;
            padding: 0 30px;
            background-size: 30px;
        }

    .psngrestro {
        gap: 10px 13px;
    }

    .amenitiescstmr {
        padding: 4px 16px;
    }

    .viewroutedetails {
        padding: 40px 0 0;
    }

    .returnseprator {
        padding: 50px 0;
    }

    .returnseprateicon {
        width: 100%;
        text-align: center;
    }

        .returnseprateicon.returnseprateicon02 {
            display: none;
        }

    .custjrny_popup_onward {
        flex-basis: 100%;
        padding: 0 0 30px;
    }

        .custjrny_popup_onward.custjrny_popup_farecount {
            flex-basis: 100%;
            padding: 30px 0 0;
        }

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

    .modifyinputflex {
        gap: 20px;
    }

    .modifydetailsinput {
        width: 50%;
    }

        .modifydetailsinput.modifydetailsinputbutton {
            padding: 30px 0 0;
            gap: 20px;
        }

            .modifydetailsinput.modifydetailsinputbutton button {
                padding: 12px 35px;
            }

    .inputblock .form-group {
        width: 32%;
    }

    .inputblock {
        gap: 10px;
        flex-wrap: wrap;
    }

    /****My Booking Page CSS****/

    .partialradiogroup .css-1hpqosy-MuiFormControlLabel-root {
        padding: 0;
    }

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

    .modifypopupwrapper {
        padding: 20px 20px 0;
    }

    .partialclose i {
        font-size: 24px;
    }

    .logintest .loginconfirmpopup h4 {
        font-weight: 700;
        padding: 0 0 40px;
    }

    .termsdatapart .fix_contentwidth .panel-body {
        margin: 35px 0 0;
    }

    .book-heading {
        font-size: 34px;
        line-height: 40px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails {
        padding: 40px 30px 30px;
    }

    .mybooking_tabsarea02 .bookingmaincont {
        padding: 0 30px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails02 {
        padding: 40px 0 30px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails03 {
        padding: 10px 0 30px;
    }

    .mybooking-tabs .tab-list > li {
        padding: 0 0 16px;
        margin: 0 35px 0 0;
    }

        .mybooking-tabs .tab-list > li > h3 {
            font-size: 17px;
        }

    .bookingbusname {
        padding: 26px 30px 26px;
    }

    .mybooking_tabsarea03 .bookingbusname {
        padding: 26px 0 26px;
    }

    .mybooking_tabsarea03 .bookingmaincont {
        padding: 40px 0 0;
    }

    .bookingmaincont {
        padding: 40px 30px 0;
    }

    .bookingdatedetails .panel-heading {
        font-size: 36px;
    }

    .bookingroutename p {
        padding: 10px 0 0;
    }

    .bookingjrnydetails02 {
        padding: 15px 0 30px;
    }

    .bookingjrnydetails03 .bookingroutename p {
        padding: 13px 0 0;
    }

    .bookingjrnydetails03 .bookingroutename label {
        font-size: 17px !important;
        padding: 11px 0 0 !important;
    }

    .bookingticketbtn {
        width: 66%;
        padding: 0;
    }

    .bookingticketbtn {
        width: 66%;
    }

    .bookingticket {
        padding: 37px 30px 40px;
    }

    .bookingticketbtn {
        width: 66%;
    }

        .bookingticketbtn .mybookmodify::after {
            display: none;
        }

        .bookingticketbtn .mybookticket::after {
            display: block;
        }

    .mybooking_tabsarea03 .bookingbusname {
        display: block;
    }

    .mybooking_tabsarea .bookingbusname {
        border-bottom: 1px solid #e1e1e1;
    }

    .mybooking_tabsarea03 {
        padding: 0 30px !important;
    }

        .mybooking_tabsarea03 h4 {
            display: block;
        }

        .mybooking_tabsarea03 .bookingbusname a {
            display: inline-block;
            font-weight: 400;
            padding: 0;
        }

    .bookingmainarea {
        padding: 0 0 30px;
    }

    .bookingmainbox02 {
        padding: 25px 0 0;
    }

    .mybooking_tabspart {
        width: 100%;
    }

    .bookingmaincont03 .bookingmainbox {
        width: 100%;
    }

    .bookingbusname a:hover, .bookingbusname a:focus {
        color: var(--button-color);
    }

    .bookingmaincont03 .bookingmainbox02 {
        display: none;
    }

    .bookingfeedback textarea {
        width: 60%;
        height: 360px;
    }

    /* ****** My Profile Start ****** */

    .bookingmaincont.bookingmainprofile {
        padding: 0;
    }

    .cstmrprofilepart {
        width: 52%;
    }

    .profileblock .profilemenu {
        width: 38%;
    }

    .bookingmainprofile .bookingmainarea {
        margin: 25px 0 0px !important;
        padding: 40px 30px 40px;
    }

    .bookingmainprofile .profile-heading {
        font-size: 34px;
        line-height: 39px;
        width: auto;
    }

    .bookingpartcont {
        font-size: 16px;
        line-height: 24px;
        display: block;
    }

    .bookingroutename p {
        padding: 13px 0 0;
    }

    .bookingroutedetails {
        width: 73%;
    }

    .bookingmainprofile .bookingmainbox02 {
        padding: 32px 0 0;
    }

    .bookingmainbox02 .bookingpartcont {
        padding: 0;
    }

    .profileinfo {
        padding: 35px 30px 35px;
    }

    .psngrpersinfo {
        padding: 35px 30px 35px;
    }

    .psngrnameinfo {
        padding: 0 0 30px;
    }

    .profilenotification {
        width: 100%;
    }

    .profilent p {
        font-size: 14px;
        padding: 25px 130px 25px 10px;
    }

    .profilent .close {
        padding: 20px 0 0;
    }

    .profileupcoming .bookingroutename {
        width: 31%;
    }

    .profileupcoming .bookingticketbtn p {
        width: 50%;
    }

    .profilepsngr {
        padding: 0 0 0 110px;
    }

    /* ****** My Profile End ****** */

    /******Header Login/Signup Modal Style******/

    .popupleft img {
        max-width: 321px;
        height: 528px;
    }

    .logincontent {
        padding: 0 42px 25px 62px;
    }

    .loginfg {
        height: 42px;
    }

    .logingooglebtn {
        background-position: center -4461px;
        background-size: 46px;
    }

    .googlelink .loginbtnfbk {
        background-position: center -4423px;
        height: 42px;
        background-size: 44px;
    }

    .loginpopuptxt {
        padding: 15px 0 0;
    }

    .popuserdetail p {
        line-height: 22px;
        font-size: 16px;
        padding: 0 0 16px;
    }

    .popupclosebutton {
        padding: 14px 14px 0 0;
    }

        .popupclosebutton i {
            font-size: 20px;
        }

    .popuserdetail input {
        height: 40px;
    }

    .popuserdetail.popuserdetailbutton button {
        height: 40px;
    }

    .googlelink p {
        padding: 25px 0 15px;
    }

    .loginbtnicon a {
        height: 40px;
        background-position: center -6119px;
    }

    .loginbtnicon .loginbtnfbk {
        background-position: center -6345px;
    }

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

    .resendotplink {
        padding: 12px 0 0;
    }

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

    .popuserdetailotp p {
        padding: 0 0 11px;
    }

    .loginconfirmpopup {
        padding: 55px 0 55px;
    }

        .loginconfirmpopup h3 {
            font-size: 23px;
            line-height: 30px;
            padding: 0 0 40px;
        }

    .popupconfirmotp {
        width: 90px;
        height: 90px;
        font-size: 55px;
        line-height: 100px;
    }

    .loginconfirmpopup p {
        padding: 45px 0 0;
        font-size: 15px;
        line-height: 22px;
    }

    .logincstmrdata {
        padding: 25px 25px 50px;
    }

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

    .popuserdetail .passengertitle.hotdealbox a {
        font-size: 14px;
        padding: 0 0 0 5px;
    }

    .web_input input {
        height: 40px;
    }

    .web_input label {
        font-size: 15px;
        padding: 25px 0 8px;
    }

    /******bus charter page css******/

    .fix_contentwidth .panel-primary > .panel-heading {
        padding: 0;
    }

    .charterinput .col-lg-6 label {
        padding: 20px 0 10px;
    }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 82px !important;
        padding: 0 0 0 5px !important;
    }

    .charterinput .col-lg-6 textarea {
        height: 60px;
    }

    .mrgbtmlastbtn p {
        font-size: 13px;
        line-height: 19px;
        padding: 0 0 0 30px;
    }

    .mrgbtmlastbtn label::before {
        width: 18px;
        height: 18px;
    }

    .agntpgcaptcha .btn-primary {
        padding: 9px 35px 9px;
    }

    .buschartermainpage {
        padding: 0 20px 30px;
    }

    .buscharterimage p {
        top: 35px;
        font-size: 20px;
        line-height: 28px;
    }

    /****** About Us ******/

    .aboutus_page_title {
        font-size: 26px;
    }

    .aboutarea {
        padding: 25px 0 0;
    }

    .aboutcontent {
        padding: 40px 0 50px;
    }

        .aboutcontent p {
            font-size: 16px;
            line-height: 25px;
        }

    .aboutrightpart p {
        font-size: 16px;
        line-height: 26px;
    }

    .mainpioneers {
        padding: 55px 0 0;
    }

    .pioneerslider {
        padding: 35px 0 0;
    }

    .mainpioneers .aboutus_page_title::after {
        width: 370px;
        height: 17px;
        background-size: 370px;
        top: 8px;
    }

    .pioneerbox {
        width: 240px;
        height: 388px;
        background-size: 240px;
    }

    .aboutsuperlogo img {
        max-width: 280px;
    }

    .aboutsuperpart {
        padding: 60px 0 35px;
    }

        .aboutsuperpart h4 {
            font-size: 22px;
            padding: 50px 0 0;
        }

    .presshonour {
        padding: 60px 0 50px;
    }

    .honour-slide h3 {
        font-size: 22px;
        line-height: 31px;
    }

    .easemytripwrapbook {
        padding: 60px 0 0;
    }

    .bookinglist_tabs {
        margin: 15px 0 40px;
    }

    /****** Cancellation ******/

    .cancelinfo ul li span {
        font-size: 15px;
    }

    .canceldetails ul li span {
        letter-spacing: inherit;
    }

    .inputblock .form-group input {
        height: 48px;
    }

    .inputblock .form-group .input-group-addon {
        top: 63px;
    }

    /****** Terms & Condition ******/

    .fix_contentwidth .panel-body {
        padding: 22px 20px 20px;
        margin: 35px 0;
    }

    /****** Refund Status ******/

    .refunddetails {
        padding: 15px 10px;
    }

    /****** Agnet Registration ******/

    .agentformgroup {
        padding: 5px 10px;
    }

    .agentinput .col-lg-6 input {
        height: 46px;
        font-size: 15px;
    }

    .agentinput .col-lg-6 textarea {
        margin: 0 0 10px;
    }

    /****** Feedback ******/

    .feedback_wrapper {
        padding: 60px 0 40px;
    }

    .feedbackboxleft {
        width: 100%;
        text-align: center;
    }

    .feedbackboxright {
        width: 100%;
        padding: 40px 0 0;
        float: left;
    }

    .feedtextarea textarea {
        height: 240px;
    }

    .feedbackboxleft .bookcompratestar {
        justify-content: center;
    }

    .feedbackimg {
        display: none;
    }

    .feedbackimgmbl {
        display: block;
        width: 100%;
        float: left;
        text-align: center;
        padding: 30px 0 0;
    }

        .feedbackimgmbl iframe {
            width: 162px;
            height: 268px;
            aspect-ratio: 16/5;
        }

    .feedbackboxleft h4 {
        display: none;
    }

    .feedbacktextmbl {
        display: block !important;
    }
    /****** FAQs ******/

    .busc-heading {
        padding: 45px 0 0;
    }

    .faqwrapper {
        padding: 60px 0;
    }

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

    .faq_main_wrap .tab {
        font-size: 16px;
    }

    .faq_main_wrap .panel .panel_sub_text {
        font-size: 15px;
    }

    .filter-drawer__title {
        font-size: 15px;
        padding: 0 40px 25px 0;
    }

        .filter-drawer__title::after {
            position: absolute;
            left: auto;
        }

    /****** Contact Us ******/

    .contactus_wrapper {
        padding: 50px 0 40px;
    }

    .contactus_main {
        padding: 25px 20px;
    }

    .contactus_bottom_button {
        padding: 25px 0 10px;
        float: left;
    }

    .web_input textarea {
        padding: 25px;
        height: 234px;
    }

    .contactus_contactdetails {
        min-height: 10px;
        padding: 30px 20px;
        background-position: center -1022px;
        background-size: 3400px;
    }

    .contactus_data_left p {
        font-size: 21px;
    }

    .contactus_data_right p {
        font-size: 21px;
    }

    .contactus_tab_main {
        padding: 50px 0 0;
    }

    .contactus_data_right {
        gap: 15px;
    }

        .contactus_data_right span {
            gap: 12px;
        }

    .custjrny_popup_head {
        padding: 35px 20px;
    }

    .custjrny_popup_return {
        border: none;
        padding: 30px 0;
        border-top: 1px solid var(--button-color);
        border-bottom: 1px solid var(--button-color);
    }

    .popup_bustime_fare {
        gap: 20px;
        justify-content: space-between;
        flex-basis: 100%;
    }

    .contactus_tab_main .filter-drawer__title::after {
        position: relative;
    }

    .contactus_tab_main .filter-drawer {
        flex-basis: 47%;
    }

    .contactus_tab_main .faq_content_list .filter_tab_main {
        justify-content: space-between;
        gap: 30px;
    }

    /*Quick Links*/

    .faq_main_wrap.quick_links_wrap {
        padding: 55px 0 10px;
    }

        .faq_main_wrap.quick_links_wrap .panels {
            padding: 0;
        }

    /**** Modify Ticket ****/

    .modifytickets {
        padding: 50px 0 40px;
    }

    .modifyticketspart {
        display: none;
    }

    .buscountmodify {
        display: none;
    }

    .crntbdpoint {
        padding: 0;
    }

    .crntbdpointbox {
        width: 100%;
        border: none;
    }

    .busboldlabelmdfy {
        display: none;
    }

    .busboldlabelmbl {
        display: block;
    }

        .busboldlabelmbl i {
            float: right;
            font-size: 20px;
            padding: 0 10px 0 0;
        }

    .busboldlabelmbl1 {
        display: block;
    }

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

    .modifyrouteleft {
        width: 100%;
        display: none;
    }

    .modifyrouteright {
        width: 100%;
        text-align: center;
    }

    .crntbdpointbox .busboldlabel {
        padding: 13px 5px;
        border-bottom: 1px solid #000;
    }

    .modifyroutesec .bookingbdcityarea {
        width: 71%;
    }

    .modifyboarding .bookingbdpart {
        padding: 25px 13px 23px 15px;
    }

    .modifyboarding .bookingbdroute {
        padding: 0 10px 20px 0;
    }

    .modifybdroute {
        padding: 15px 12px 0;
    }

    .modifyrouteleftmbl {
        display: block;
    }

    .collapsible-modify {
        width: 100%;
        float: left;
    }

    .collapsible-bdpoint {
        padding: 0;
        display: inherit;
        font-size: inherit;
        line-height: normal;
    }

    .mfyconfirm button {
        padding: 13px 46px;
    }

    .modifyrouteright {
        padding: 60px 0 0;
    }

    .modifyrouteleftmbl .bookingbdpart {
        padding: 25px 15px 20px;
        border: 1px solid #D9D9D9;
        border-radius: 15px;
    }

    .modifyrouteleft .busboldlabel {
        padding: 13px 5px 13px;
        border-bottom: 1px solid #000;
        margin: 0 0 35px;
    }

    .reserrormsgpart {
        padding: 55px 0 35px;
    }

    .reserrormsg {
        padding: 55px 40px;
        font-size: 20px;
        max-width: 70%;
    }

        .reserrormsg .confirmbackbtn {
            padding: 35px 0 0;
        }

    /**** Reschedule Ticket ****/

    .resticketpart h3 {
        font-size: 16px;
    }

    .reschedulebtn button {
        font-size: 15px;
        padding: 13px 35px;
    }

    .collapsibleres {
        flex-direction: column;
        padding: 30px 25px;
    }

    .rbuspnrnumber {
        display: none;
    }

    .routereschedule_icon {
        display: none;
    }

    .reschedulehead {
        width: 24%;
        padding: 0;
        border-right: none;
    }

    .reschedulepart {
        width: 100%;
        border-bottom: 1px solid var(--button-color);
        padding: 0 0 30px;
    }

        .reschedulepart .bookingroutedetails.rbookingdetails {
            width: 75%;
        }

    .ticketreschedule h3 {
        display: none;
    }

    .ticketrespart {
        padding: 0;
    }

    .collapsibleres h5 {
        display: block;
        padding: 25px 0 0;
    }

    .reschedulesec {
        padding: 30px 25px 45px;
    }

    .rescheduleseat h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .reschedulesec .modifydetailsinput input {
        height: 50px;
        font-size: 15px;
    }

    .confirmbackbtn button {
        font-size: 16px;
        padding: 12px 60px;
    }

    /**** Cancel Details ****/

    .cancelticketfare {
        padding: 35px 0 35px;
    }

        .cancelticketfare .payfarepart {
            padding: 40px 0 0;
        }

            .cancelticketfare .payfarepart button {
                font-size: 15px;
                padding: 13px 44px 12px;
            }

    .logintest .loginconfirmpopup {
        padding: 50px 70px 45px;
    }

        .logintest .loginconfirmpopup h4 {
            font-size: 22px;
        }

    /* Bus Charter */

    .charterinput .col-lg-6 .txtDateTime {
        background-position: 110% -7659px;
    }

    /* Blog */

    .blog_main_fullbox_right {
        width: 27%;
    }

    /* Carrier */

    .carriersliderpart img {
        max-width: 630px;
    }

    .carriersright h1 {
        font-size: 34px;
        line-height: 38px;
    }

    .carriersright {
        padding: 40px 0 0;
    }

    .carrierslider {
        padding: 0 0 38px;
    }

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

    .carrierteam {
        margin: 60px 0 0;
    }

    .carrierform {
        flex-direction: column-reverse;
    }

    .carrierformright {
        flex-basis: 100%;
        width: 100%;
        min-height: 391px;
        background-position: center -20px;
        background-size: 745px;
    }

    .carrierformleft {
        width: 100%;
        padding: 35px;
    }

    .customerpartwrap {
        padding: 55px 0;
    }

    .customerdropdownwrap {
        padding: 30px 0 0;
    }

    .cstmrsuccesstop h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .cstmrsuccesstop span {
        font-size: 15px;
        padding: 0;
    }

    .cstmrsuccessbtm p {
        font-size: 17px;
    }

    /* Carrier Application */

    .carrierappslider {
        padding: 60px 0 0;
    }

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

        .carrierappsliderpart h2 {
            font-size: 34px;
            line-height: 40px;
        }

        .carrierappsliderpart p {
            font-size: 19px;
        }

    .carrierappaboutsec h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .carrierappaboutpart {
        padding: 30px 0 0;
        gap: 35px;
    }

    .carrieraboutcontent p {
        font-size: 18px;
        line-height: 25px;
    }

    .carrierappaboutright p {
        font-size: 18px;
        line-height: 25px;
    }

    .carrierappabout {
        padding: 45px 0 55px;
    }

    .carrierappapply {
        padding: 50px 0 50px;
    }

    .carrierappapplypart h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .carrierappapplybox {
        padding: 30px 29px 36px;
    }

    .carrierproceedbtn {
        padding: 25px 0 0;
    }

        .carrierproceedbtn a {
            padding: 12px 40px 11px;
        }

    .carrierapproles {
        padding: 50px 0 50px;
    }

    .carrierapproleslide .owl-nav {
        top: -108px;
        right: 5px;
    }

    /* Partnership */

    .partnersliderleft h1 {
        font-size: 34px;
        line-height: 43px;
    }

    .partnersliderleft p {
        font-size: 19px;
    }

    .partnershipcolla {
        padding: 55px 0 0;
    }

    .supercollab {
        padding: 60px 0 0;
    }

    .carriercollab .carrierappapplybox {
        padding: 30px 30px 34px;
    }

    .collab-slide {
        width: 450px;
        height: 346px;
    }

    .collabscont {
        padding: 17px 30px 0 20px;
        height: 199px;
        background-size: 173px;
    }

        .collabscont h3 {
            font-size: 24px;
        }

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

        .collabscont span {
            font-size: 16px;
            padding: 15px 0 0;
        }

    /*Blog*/

    .blog_main_fullbox_left {
        width: 70%;
    }

    .blog_filter_content {
        padding: 40px 0 0;
    }

    .page_title h2 {
        padding: 0 0 20px;
    }

    .blog_main_content label .css-ahj2mt-MuiTypography-root {
        padding: 4px 20px;
    }

    .blog_box_dropdown {
        width: 320px;
    }

        .blog_box_dropdown .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
            font-size: 14px;
        }

    .blogwrapper {
        padding: 0 0 40px;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 60px 0 38px;
    }

    .emtlogo img {
        max-width: 420px;
    }

    .emtsection {
        padding: 45px 0 0;
    }

        .emtsection span {
            font-size: 22px;
        }

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

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

    .emtsection p {
        padding: 45px 0;
    }

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

    .emtbutton {
        gap: 35px;
    }

        .emtbutton a {
            font-size: 20px;
            border-radius: 10px;
        }

    /*Customer info final*/

    .paymentroutebox {
        flex-direction: column;
        gap: 40px;
    }

    .payfaredetails {
        width: 100%;
        gap: 40px;
    }

    .custroutebox {
        width: 100%;
    }

    .cust_final {
        padding: 60px 0 20px;
    }

    .custfaredetails {
        padding: 0;
    }

    /*Thank You*/

    .thanksbox {
        width: 90%;
        padding: 35px 30px;
    }

    .thankspage {
        padding: 55px 0 35px;
    }

    .thanksbox h3 {
        font-size: 18px;
        line-height: 27px;
    }

    .thanksbox img {
        max-width: 110px;
    }

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

    .thanksbox label {
        font-size: 16px;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 28px;
        line-height: 37px;
    }

    .top_routes_textbox {
        padding: 30px 0 0;
    }

        .top_routes_textbox p {
            padding: 18px 0 0;
        }

        .top_routes_textbox ul {
            padding-top: 12px;
        }

    .top_routes_choice {
        padding: 45px 0 55px;
    }

    .top_routes_super {
        padding: 35px 0 0;
    }

    .top_routes_box {
        width: 270px;
        height: 210px;
    }

    .amenities_toproute {
        padding: 55px 0 !important;
    }

    .top_routes_faq {
        padding: 55px 0 0;
    }

    .faq_content_toproute {
        padding: 10px 0 0;
    }

        .faq_content_toproute .filter-drawer__title {
            font-size: 15px;
            padding: 0 30px 20px 0;
        }

    .filter-drawer {
        padding: 25px 25px 0px;
    }
}

@media only screen and (max-width:639px) {
    .faqwrapper_home .faq_main_wrap .faqmaintabs {
        gap: 10px;
        border: none;
    }

    .faqwrapper_home .faq_main_wrap .panels {
        padding: 0;
    }

    .faqwrapper_home .faq_main_wrap .tabs {
        padding: 0 0 10px;
    }

    .faqwrapper.faqwrapper_home {
        padding: 48px 0 0;
    }

    .carousel .slide .sliderpopup {
        max-width: 450px;
    }

    .carousel .slide img {
        max-width: 570px;
    }

    .captionpart h2 {
        font-size: 16px;
        width: 100%;
    }

    .discountpopup {
        padding: 40px 30px;
    }

    .searchbtn.discount {
        /*padding: 5px 16px;*/
        font-size: 15px;
    }

    /**** Connecting Route Style Start*****/

    .connecting_bus_details {
        flex-basis: 100%;
    }

    .connecting_route_details {
        flex-wrap: wrap;
        row-gap: 10px;
    }

        .connecting_route_details .bustime.busstarttime {
            flex-basis: 33%;
        }

        .connecting_route_details .bustime.busroutearrow {
            padding: 0px 0px 0;
            flex-basis: 33%;
        }

        .connecting_route_details .bustime.busendtime {
            flex-basis: 33%;
        }

        .connecting_route_details .busseatmodify {
            flex-basis: 70%;
        }

        .connecting_route_details .busendtime {
            text-align: right;
        }

        .connecting_route_details .bustime.busdelaytime {
            flex-basis: 50%;
        }

    .buslighttext.buslighttext-C {
        font-size: 15px;
        font-weight: 500;
        color: var(--primary-color);
    }

    /**** Connecting Route Style End*****/

    /*Validation*/

    #demo .css-3yjvh5-MuiPaper-root-MuiAlert-root {
        top: 20px;
    }

    .validation-unsuccess p {
        font-size: 15px;
        padding: 12px 20px 12px 20px;
    }

        .validation-unsuccess p i {
            font-size: 11px;
            margin: 0 8px 0 0;
            padding: 2px 0 0 1px;
            width: 18px;
            height: 18px;
        }

    .validation-success p {
        font-size: 14px;
        padding: 12px 25px 12px 25px;
    }

        .validation-success p i {
            font-size: 11px;
            margin: 0 8px 0 0;
            padding: 2px 0 0 1px;
            width: 18px;
            height: 18px;
        }

    .validation-alert p {
        font-size: 14px;
        padding: 12px 25px 12px 25px;
    }

        .validation-alert p i {
            font-size: 11px;
            margin: 0 8px 0 0;
            padding: 2px 0 0 1px;
            width: 18px;
            height: 18px;
        }

    .login_popup_main .css-3yjvh5-MuiPaper-root-MuiAlert-root {
        padding: 5px 40px !important;
    }

    .login_popup_main .css-1pxa9xg-MuiAlert-message {
        padding: 0 !important;
    }

    .routeimage iframe {
        height: 111px;
    }

    .routedropcity .css-1tb7pjp-MuiInputBase-root-MuiInput-root {
        font-size: 22px;
    }

    .routestitle2 input {
        font-size: 22px;
        background-position: right -11249px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 390px;
    }

    .offerdeals .owl-nav {
        display: none !important;
    }

    .menufixed .navbar-toggle {
        top: 16px;
    }

    .sec-center {
        top: 37px;
    }

    .eventbutton li a {
        padding: 6px 23px;
    }

    .fixedbtn.topfixedicon {
        left: 69%;
    }

    .headermenu .navbar-inverse .navbar-nav > li {
        margin: 0 70px 13px 0 !important;
    }

        .headermenu .navbar-inverse .navbar-nav > li > a {
            padding: 0 0 5px;
        }

    .headermenu .navbar-collapse p {
        padding: 30px 0 30px;
    }

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

    .leftheader a img {
        width: 100%;
        max-width: 200px;
    }

    /*.sliderwrapper {
        height: 445px;
        overflow: hidden;
        padding: 25px 0 0;
    }

        .sliderwrapper::after {
            height: 445px;
            background-size: 653px;
        }

        .sliderwrapper ul li img {
            max-width: 500px;
        }*/

    .slider_text h1 {
        font-size: 18px;
        line-height: 24px;
        padding: 0 0 12px;
    }

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

        .slider_text_btm p.slider_text_dis {
            font-size: 17px;
            line-height: 21px;
            padding: 6px 0 0;
        }

    .slider_text_btm .slider_note {
        padding: 6px 0 0;
    }

    .slider_text_btm p.slider_text_dis span {
        font-size: 17px;
    }

    .slider_content {
        top: 18px;
        height: 285px;
    }

    .slider_iframe iframe {
        width: 180px;
        height: 80px;
    }

    .slider_iframe {
        right: -31px;
        top: -4px;
    }

    .sliderwrapper {
        background-position: 88% top;
        background-size: 1120px;
        height: 310px;
    }

    .carousel-caption {
        bottom: 17px !important;
    }

    .captionpart h1 {
        font-size: 30px;
        line-height: 39px;
    }

    .captionpart p {
        padding: 6px 0 0;
        font-size: 17px;
    }

    .bookinginput span {
        left: 43px;
    }

    .bookinginput .redclr {
        left: 44px;
    }

    .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 0px 4px 1px 0 !important;
    }

    .partialradiogroup .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        font-size: 17px;
    }

    .bookinginput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        font-size: 19px;
        padding: 0 0 0 42px;
        height: 44px !important;
        background-position: 19px -384px;
        background-size: 54px;
    }

    .fromdatecity {
        height: 44px;
    }

    .bookinginput.bookingfromdate::before {
        top: 8px;
    }

    .bookinginput.bookingtodate::after {
        top: 9px;
    }

    .bookinginput.bookingfromdate::after {
        top: 9px;
        height: 30px;
    }

    .bookinginput.bookingfromdate input {
        padding: 0 0 0 20px;
    }

    .fromdatecity::after {
        top: 8px;
    }

    .cityswapicon {
        top: 8px;
    }

    .bookinginput input {
        height: 44px;
    }

    .bookinginput.bookingtodate input {
        font-size: 19px;
        padding: 0 0 0 44px;
        background-position: 17px -769px;
        background-size: 54px;
    }

    .bookinginput.bookingfromdate input {
        font-size: 19px;
        height: 44px;
    }

    .bookingsearch {
        padding: 10px 0 0;
    }

        .bookingsearch .searchbtn {
            float: none;
            width: 30%;
            height: 44px;
        }

    .viewupcoming .bookingsearch {
        padding: 0;
    }

    .superbuslider {
        padding: 50px 0 0;
    }

    .popupblock03 {
        width: 460px;
    }

    .routetabpart {
        padding: 0 25px;
        top: -72px;
    }

    .eventarea {
        padding: 100px 20px 35px;
    }

        .eventarea:after {
            width: 140px;
            height: 37px;
            background-size: 140px;
        }

    .mobileventarea .toptitle h3 {
        font-size: 24px;
    }

    .mobileventarea .toptitle p {
        font-size: 14px;
    }

    .toptitle h3 {
        font-size: 26px;
        line-height: 34px !important;
    }

    .toptitle p {
        padding: 4px 0 0 !important;
        font-size: 16px;
        line-height: 24px;
    }


    .eventpart {
        padding: 55px 0 0;
    }

    .eventbutton a {
        padding: 5px 22px;
        font-size: 13px;
    }

    .topdestination {
        padding: 45px 0 0;
    }

    .destinationarea {
        padding: 33px 0 0;
    }

    .routetabarea {
        padding: 22px 25px 26px;
    }

    .routepoptab {
        width: 44%;
    }

    .routepoptab02 {
        width: 48%;
    }

    .routepopsearch {
        padding: 28px 0 0;
    }

    .destinationslider .owl-nav {
        display: none;
    }

    .offerdeals {
        padding: 45px 0 0;
    }

        .offerdeals .owl-nav {
            display: none;
        }

    .offerslider {
        padding: 33px 0 0;
    }

    .offerbox {
        width: 340px;
        height: 162px;
        background-size: 340px;
    }

    .offercontent p {
        font-size: 18px;
        left: -15px;
        top: 65px;
    }

    .offerdetails {
        padding: 15px 45px 0 91px;
    }

        .offerdetails span {
            font-size: 17px;
            line-height: 23px;
        }

        .offerdetails i {
            font-size: 14px;
            padding: 8px 0 12px;
            line-height: 20px;
        }

        .offerdetails a {
            font-size: 13px;
            padding: 4px 80px 4px 10px;
            background-position: 92% -1327px;
        }

    .offerbox02 .offerdetails {
        padding: 16px 20px 0 20px;
    }

        .offerbox02 .offerdetails a {
            font-size: 13px;
            padding: 1px 18px;
        }

    .superbus {
        padding: 50px 0 0;
    }

    .superbusbox {
        width: 350px;
        height: 272px;
        padding: 20px 0 0 20px;
        background-size: 350px;
    }

        .superbusbox p {
            font-size: 20px;
            line-height: 28px;
        }

    .superbusdetails {
        padding: 22px 0 0;
    }

        .superbusdetails a {
            padding: 4px 14px 4px;
            font-size: 15px;
        }

        .superbusdetails .superbusleeper {
            padding: 4px 17px 4px;
        }

    .superbuspart {
        padding: 28px 0 0;
    }

        .superbuspart a {
            width: 80px;
            height: 80px;
            background-position: center -1530px;
        }

        .superbuspart .superbusbag {
            background-position: center -1764px;
        }

        .superbuspart .superbuslight {
            background-position: center -2001px;
            margin: 0;
        }


    /******Popup Home Page******/

    .popupblock02 {
        width: 460px;
        height: 582px;
        overflow-y: auto;
    }

    .amenities-sprtab {
        flex-basis: 48%;
    }


    .supertabpart {
        width: 100%;
        padding: 25px 15px 0;
        height: 330px;
    }

    .supertabs input[type="radio"]:checked + label::after {
        width: 50px;
    }

    .amenities-sprtab {
        flex-basis: 39%;
    }

        .amenities-sprtab p {
            padding: 5px 0 5px 41px !important;
            background-position: left -7px;
            background-size: 32px;
        }

            .amenities-sprtab p.amini02 {
                background-position: left -140px;
            }

            .amenities-sprtab p.amini03 {
                background-position: left -272px;
            }

            .amenities-sprtab p.amini04 {
                background-position: left -400px;
            }

            .amenities-sprtab p.amini05 {
                background-position: left -542px;
            }

            .amenities-sprtab p.amini06 {
                background-position: left -669px;
            }

    .tabreview {
        padding: 24px 0;
        display: block;
    }

    .reviewicon {
        width: 100%;
        justify-content: flex-start;
        gap: 20px;
    }

    .reviewcont {
        width: 90%;
    }

        .reviewcont p {
            padding: 10px 0 0;
        }


    /******Popup Home Page End******/

    .choosewrapper {
        margin: 60px 0 0;
    }

    .chooseuscard {
        width: 100%;
        height: 155px;
        padding: 30px 0 0 25px;
    }

    .chooseuscardimage {
        height: 92px;
        width: 92px;
        display: block;
        float: left;
    }

    .chooseuscard p {
        padding: 0 18px 0;
        width: 70%;
        float: left;
        text-align: left;
    }

    .chooseuscard span {
        padding: 14px 10px 0 18px;
        float: left;
        width: 78%;
        text-align: left;
    }

    .choosecontent {
        padding: 50px 0 60px;
    }

    .chooseusrow {
        padding: 35px 0 0;
    }

    .amenitieswrapper {
        padding: 50px 0 0;
    }

    .amenitiesrow {
        padding: 35px 0 0;
    }

    .applicationwrapper {
        margin: 60px 0 0;
    }

        .applicationwrapper:after {
            background-size: 640px 91%;
            left: -300px;
            bottom: -330px;
            width: 810px;
            transform: rotate(-37deg);
        }

    .appsection {
        padding: 25px 0 0;
    }

        .appsection span {
            flex-basis: 100%;
        }

    .qrcontent {
        display: block;
        text-align: center;
    }

    .qrmobile {
        width: 356px;
        margin: 0 auto;
        text-align: center;
    }

    .qrmobilelink {
        padding: 20px 0 0;
    }

        .qrmobilelink h3 {
            font-size: 19px;
            padding: 0 0 17px;
            text-align: center;
        }

    .qrscanner {
        display: none;
    }

    .qrcontent a {
        padding: 0 5px 0;
    }

    .exloreindia {
        padding: 50px 0 0;
    }

    .exloreslider .owl-nav {
        display: none !important;
    }

    .exloreslider {
        padding: 35px 0 0;
    }

    .exlorebox {
        width: 230px;
        height: 266px;
        background-size: 230px;
    }

    .exlorecontent {
        bottom: 25px;
    }

        .exlorecontent p {
            font-size: 16px;
            line-height: 22px;
            padding: 0 50px 16px 0;
        }

        .exlorecontent a {
            font-size: 13px;
            padding: 4px 15px;
        }

    .superbusjourney {
        padding: 60px 0 25px;
        overflow: hidden;
    }

    .superbuslogo {
        padding: 0 0 45px;
    }

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

    .downloadpart {
        padding: 40px 20px;
        background-size: 3700px;
        background-position: center -1055px;
    }

    .downloadapparea {
        padding: 19px 0 0;
    }

        .downloadapparea h3 {
            font-size: 22px;
            line-height: 27px;
        }

    .downloadqr {
        padding: 17px 0 0;
    }

        .downloadqr a {
            width: 120px;
            height: 36px;
            background-size: 120px;
            background-position: center -7px;
        }

        .downloadqr .downloadqrapp {
            background-position: center -128px;
        }

    .footertoppart {
        padding: 150px 0 60px;
    }

    .footerlogo a img {
        width: 100%;
        max-width: 205px;
    }


    .socialicon p {
        font-size: 15px;
        padding: 0 0 10px;
    }

    .socialicon a {
        font-size: 21px;
        line-height: 24px;
        padding: 0 23px 0 0;
    }

    .navfooter03 {
        width: 21%;
    }

    .footeraddress {
        padding: 35px 0 0;
    }

    .footerapp {
        float: left;
        padding: 35px 0 0;
        width: 100%;
    }

    .footertravelslink {
        padding: 36px 0 34px;
    }

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

    .passengerbox.payment_gateway label .MuiTypography-body1 {
        width: 85%;
    }

    .popupblockpart.popupblockpart01 .productImage {
        height: auto;
    }

    .popupblockpart.popupblockpart01 .sprtabbing .noroute p {
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
    }

    .routedateslider iframe {
        border-radius: 10px;
    }

    .busroutetimetable {
        justify-content: space-between;
    }

    .busfairdetails {
        width: 17%;
    }

    .bookingdbinr {
        display: block;
        text-align: center;
    }

    .bookpayment {
        display: block;
        width: 100%;
    }

        .bookpayment span {
            display: block;
            padding: 15px 0 20px;
        }

        .bookpayment button {
            padding: 9px 45px;
        }

    .modifydate {
        padding: 20px 0 0;
    }

    .superroutetabs {
        overflow-x: auto;
    }

        .superroutetabs::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .route_tabbing_details .supertabs ul {
        width: max-content;
        gap: 40px;
    }

    .busfacilitiestab .nav-tabs .nav-item {
        padding: 0;
    }

    #thumbs {
        top: 180px;
    }

        #thumbs img {
            height: 56px;
            width: 56px;
            margin: 0 6px;
        }

    .popupblockpart.popupblockpart01 #thumbs {
        top: 170px;
    }

    .popupblockpart.popupblockpart01 {
        width: 640px;
        height: 588px;
    }

    .route_tabbing_details {
        height: 620px;
    }

    .popupbdpoint {
        padding: 0 20px 0 25px;
    }

    .popupblockpart.popupblockpart01 .popupbdpoint {
        height: 120px;
    }

    .popupblockpart.popupblockpart01 .supertabs .sprtabbing {
        max-height: 255px;
        padding: 20px 0 0;
    }

    .fromtopoint {
        padding: 10px 0 10px;
    }

    .route_tabbing_details .supertabpart {
        height: 345px;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtablist {
        gap: 15px;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab img {
        width: 100%;
        max-width: 30px;
    }

    .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
        line-height: 21px;
        font-size: 14px;
        font-weight: 500;
    }

    .sprbdtab {
        border: none;
    }

    .busroutevialist .vialist ul {
        width: 100% !important;
    }

    .reviewicon {
        padding: 0 0 20px;
    }

    .route_tabbing_details #thumbs {
        top: 270px;
    }

    .superbdarea {
        width: 100%;
    }

    .popupblockpart.popupblockpart01 .sprbdtab {
        display: block;
        height: 225px;
    }

    .superbdarea02 {
        border-left: none;
        padding: 9px 0 0;
    }

    .amenities-sprtablist {
        gap: 15px 0;
    }

    .passengerbox {
        padding: 30px 20px 38px;
        margin: 0;
    }

    .viewroutedetails {
        padding: 38px 0 0;
    }

    .payfarepart {
        display: block;
        padding: 30px 0 10px;
        text-align: center;
    }

        .payfarepart button {
            padding: 9px 50px;
        }

    .faredetails p {
        padding: 0 0 35px;
    }

    .bookinrtotal {
        padding: 20px 0 30px;
        float: left;
        display: block;
        text-align: center;
    }

        .bookinrtotal .bookinrbtn {
            text-align: center;
            width: 100%;
            padding: 30px 0 0;
        }

    .bookinrbtn button {
        padding: 10px 42px;
    }

    .gststate {
        width: 100%;
        padding: 5px 0 20px;
    }

    .passengerbox.passengersubdetails {
        padding: 25px 20px 25px;
    }

    .passgender .css-qfz70r-MuiFormGroup-root {
        gap: 10px;
    }

    .passgender .css-1hpqosy-MuiFormControlLabel-root {
        gap: 0;
    }

    .passgender .css-ahj2mt-MuiTypography-root {
        font-size: 14px;
    }

    .psngrtdetails {
        font-size: 16px;
    }

    .passcontactdata .passemail {
        padding: 0 0 20px;
    }

    .passnamedetails {
        display: block;
    }

    .passname {
        margin: 0 0 20px;
    }

    .passgenderage {
        padding: 15px 0 0;
    }

    .bookinrdetails .passcount {
        font-size: 18px;
    }

    .bookinrdetails p {
        font-size: 14px;
        line-height: 20px;
    }

    .seatpricefiltermbl {
        width: 100%;
        float: left;
        overflow-x: auto;
    }

    .seatpricefilter {
        width: max-content;
        gap: 40px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        float: left;
        width: 100%;
        justify-content: space-between;
        padding: 15px 0 0;
    }

        .busfacilitiestab .nav-tabs .nav-item.nav-item-button .nav-link {
            float: right;
        }

    .modifyinputpart label {
        font-size: 13px;
        padding: 10px 0 0;
    }

    .routedetail {
        padding: 0;
    }

    .busroutedatatime {
        display: none;
    }

    .busroutedatatimembl {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 25px 20px 0;
    }

    .buslighttext.buslighttext_small {
        text-align: center;
    }

    .buslighttext.buslighttextbold {
        text-align: center;
    }

    .bustiming {
        width: 76%;
    }

    .busnametype {
        width: 100%;
    }

    .busratting {
        display: none;
    }

    .busrattingmbl {
        display: inline-block;
        padding: 0;
    }

    .cancellation-list-title {
        font-size: 13px;
        padding: 10px 10px;
    }

    .cancellation-list {
        font-size: 12px;
        padding: 8px 15px;
    }

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

    .amenities-tab-box p {
        font-size: 14px;
        padding-left: 5px;
    }

    .amenities-tab-list {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }

    .boarding-point-tab, .dropping-point-tab {
        width: 100%;
        float: left;
        padding: 0 0 15px;
    }

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


    .routepoint {
        flex-wrap: wrap;
        gap: 10px 10px;
    }

    .bookingservicefair {
        flex-wrap: wrap;
        gap: 10px 10px;
    }

    .boardingpointchart {
        width: 100%;
    }

    .droppingpointchart {
        width: 100%;
        margin: 20px 0 0;
    }

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

    .customerinfowrapper {
        padding: 0;
    }

        .customerinfowrapper .customer-route-time {
            font-size: 14px;
        }

            .customerinfowrapper .customer-route-time .bus-route-date {
                padding: 0 5px 0 0;
            }

            .customerinfowrapper .customer-route-time .bus-fix-number {
                padding: 0 0 0 5px;
            }

            .customerinfowrapper .customer-route-time .bus-fix-number {
                border-left: none;
                padding: 0;
                width: 100%;
            }

    .passengernumber {
        padding: 0 0 10px;
    }

    .passengerfillbox {
        flex-wrap: wrap;
    }

    .passname {
        width: 100%;
        margin: 0 0 12px;
    }

    .passgender {
        width: 49%;
    }

    .passage {
        width: 49%;
    }

    .passengerbox.gstdetails {
        padding: 16px 0;
    }

    .passcontactdata {
        flex-wrap: wrap;
    }

        .passcontactdata .passemail {
            width: 100%;
        }

        .passcontactdata .passphone {
            width: 100%;
        }

    .pg_gateway img {
        max-width: 215px;
    }

    .bookingbdpoint {
        width: 100%;
        border-right: none;
    }

    .bdpointooltip i {
        margin: 0 0 0;
    }

    .bookingcontinue button {
        padding: 8px 34px;
    }

    .paydetails {
        width: 100%;
    }

    .custroutebox {
        width: 100%;
    }

    .paymentroutebox {
        flex-wrap: wrap;
        gap: 20px;
    }

    .custoffer {
        padding: 15px 0 0;
    }

    .cust_final {
        padding: 60px 0 20px;
    }

    .psngrfareamount h2 {
        font-size: 22px;
    }

    .psngrfareamount {
        padding: 0 0 20px;
    }

    .restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
        width: 65%;
    }

    .passengertitle {
        font-size: 18px;
    }

    .restroute_point_popup .dbroutehead {
        font-size: 18px;
    }

    .restroute_point_popup .dbpointnm_data .dbroutehead {
        font-size: 15px;
    }

    button.okbtn {
        padding: 10px 46px;
    }

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

    /*ModifyTicket css*/

    .modifyroutepoint .modifyboarding .bookingbdroute {
        padding: 0 0 20px !important;
    }

    .modifyroutepoint .bookingbdroute {
        padding: 0 0 20px;
    }

    .panel-heading {
        font-size: 26px;
    }


    .modifi_ticket_input .managepnr button {
        margin: 0;
        padding: 12px 40px;
    }

    .modifi_ticket_input .managepnr input {
        height: 46px;
    }

    .modifi_ticket_input {
        padding: 30px 20px;
        gap: 20px;
    }

        .modifi_ticket_input .managepnr label {
            font-size: 15px;
            padding: 0 0 6px 10px;
        }

    .managewrapper {
        padding: 0 0 10px;
    }

    .managetitle {
        font-size: 18px;
        padding: 10px 0;
        margin: 0;
        text-align: left;
    }

    .managepnr.managebutton {
        padding: 10px 0 0;
    }

    .managepnr label::after {
        right: 15px;
    }

    .managepnr label {
        font-size: 16px;
    }

    .modify_popup_main .css-ypiqx9-MuiDialogContent-root {
        padding: 10px;
    }

    .modifyinputflex {
        flex-wrap: wrap;
    }

    .modifydetailsinput {
        width: 100%;
    }

    .modify_popup_main .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        font-size: 15px;
        margin-right: 15px;
        padding: 2px 0 0 4px;
    }

    .modifydetailsinput {
        padding: 10px 0 0;
    }

    .modifyarticledetails {
        padding: 25px 0 35px;
    }

    .modify_popup_main .css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
        padding: 0 !important;
    }

    .modifydetailsinput input {
        height: 40px;
    }

    .partialdatatitle span {
        font-size: 13px;
    }

    .partialdatadetails p {
        font-size: 13px;
        padding: 0;
    }

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

    .modifytickets {
        padding: 45px 0 35px;
    }

    .modifyroutepoint {
        padding: 30px 0 0;
    }

    .mfyconfirm button {
        padding: 11px 40px;
    }

    /*ModifyTicket css*/


    /* ****** My Profile Start ****** */

    .profilepsngr {
        padding: 0 0 0 95px;
    }

    .profileupcoming {
        width: 100%;
    }

    .popupblock {
        width: 450px;
        height: 690px;
    }

        .popupblock img {
            padding: 40px 0 0;
            max-width: 300px;
        }

    .popupbutton {
        padding: 26px 0 0;
    }

    .profilewrapper {
        padding: 50px 15px 35px;
    }

    .cstmrprofilepart {
        width: 60%;
    }

    .profileblock .profilemenu {
        width: 45%;
    }

    .customerprofile {
        padding: 0 0 25px;
    }

    .profileblock .profilemenu li {
        padding: 10px 0 10px 50px;
        background-position: 5px -542px
    }

    .profileblock .profilemenu .pdropmenu02 {
        background-position: 5px -1070px;
    }

    .profileblock .profilemenu .pdropmenu03 {
        background-position: 5px -804px;
    }

    .profileblock .profilemenu .pdropmenu04 {
        background-position: 5px -674px;
    }

    .profileblock .profilemenu .pdropmenu05 {
        background-position: 5px -937px;
    }

    .profileblock .profilemenu .pdropmenu06 {
        background-position: 5px -1335px;
    }

    .profileblock .profilemenu .pdropmenu07 {
        background-position: 5px -1465px;
    }

    .profileblock .profilemenu .pdropmenu08 {
        background-position: 5px -1598px;
    }

    .profileblock .profiletabpart {
        padding: 45px 0 0;
    }

    .profilemainh {
        font-size: 18px;
        padding: 0 0 16px;
    }

    .profilelocalhead {
        font-size: 16px;
    }

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

    .bookingmainprofile .bookingmainarea {
        width: 100%;
    }

    .bookingmainprofile .bookingmainarea {
        margin: 22px 0 0px !important;
        padding: 30px 22px 30px;
    }

    .bookingmainprofile .panel-heading {
        font-size: 30px;
        line-height: 36px;
    }

    .bookingroutename label {
        font-size: 14px !important;
    }

    .bookingroutename p {
        padding: 11px 0 0;
        font-size: 14px;
        line-height: 19px;
    }

    .bookingroutename span {
        font-size: 13px;
    }

    .bookingbusicon {
        width: 36px;
        height: 27px;
        margin: 22px 0 0;
        background-size: 36px;
    }

    .bookingmainprofile .bookingmainbox02 {
        padding: 29px 0 0;
        width: auto;
    }

    .bookingmainprofile .bookingmainbox {
        width: 75%;
    }

    .profileinfo {
        padding: 30px 22px 30px;
        width: 100%;
    }

    .profilepsngrname {
        font-size: 15px;
    }

    .prifilepsngr p {
        font-size: 14px;
        font-weight: 400;
        padding: 4px 0 0;
    }

    .profileupcoming .noroute {
        padding: 30px 0 0;
    }

    .profileinfopage {
        padding: 20px 0 0;
    }

    .profilepersonalinfo .viewupcoming {
        padding: 0 6px 0 0;
    }

    .profilepsngrname {
        font-size: 14px;
    }

    .psngrnameinfo {
        padding: 0 0 25px;
    }

    .profilepsdata {
        width: 100%;
        padding: 0 0 25px;
    }

    .profiletravel {
        padding: 5px 22px 40px;
    }

    .profiletravelicon a img {
        max-width: 180px;
    }

    .psngrpersinfo {
        width: 100%;
        padding: 30px 22px 35px;
    }

    .psngrnameinfo {
        padding: 0;
        display: block;
        float: left;
    }

    .psngerprofiledata {
        padding: 0 0 17px;
    }

    .profilepsdata input {
        height: 46px;
        font-size: 15px;
        padding: 0 0 0 25px;
    }

    .profilegender {
        padding: 0;
    }

    /* ****** My Profile End ****** */


    /*ContactUS page css******************/

    .contactuscol .addrow {
        padding: 0 5px;
    }

    .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        gap: 70px;
    }

    .contactus_tab_main .faq_main_wrap .panels {
        padding: 20px 25px 25px;
    }

    .contactmainwrap {
        gap: 45px;
    }

    .contactus_tab_main .faq_content_list .filter_tab_main {
        gap: 20px;
    }

    /*ContactUS page css******************/


    /****feedback page css******/

    .feedback_wrapper {
        padding: 55px 0 0;
    }

    .feedbkinput .col-lg-6 {
        width: 100%;
    }

    .agntpgcaptcha .col-lg-6 {
        width: 100%;
    }

    .feedbkinput {
        gap: 5px 10px;
    }

    .feedbackmainbox {
        padding: 30px;
    }

    .feedbackstar {
        padding: 25px 0 0;
    }

    .feedbackboxright h3 {
        font-size: 16px;
    }

    .feedbackboxleft h4 {
        font-size: 15px;
    }

    .feedbackboxright {
        padding: 30px 0 0;
    }

    .feedcheckbox {
        padding: 20px 0 0;
        float: left;
        display: block;
    }

    .feedbackcheckbox {
        float: left;
        padding: 0 6px 14px 0;
    }

    .feedtextarea {
        padding: 15px 0 0;
    }

        .feedtextarea textarea {
            height: 220px;
            font-size: 15px;
        }

    .feedbackboxright .blog_main_content .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        width: 100%;
        flex-direction: inherit;
    }

    /****feedback page css******/


    /****Bus Charter css******/

    .busc-heading {
        padding: 40px 0 0;
    }

    .buscharterimage img {
        display: none;
    }

    .mblbuscharter {
        display: block !important;
    }

    .buscharterimage p {
        display: none;
        left: 0;
    }

    .mblbuschartertxt {
        display: block !important;
        text-align: center;
        width: 100%;
    }

    .charterinput .col-lg-6 {
        width: 100%;
    }

        .charterinput .col-lg-6 .txtDateTime {
            background-position: 103% -6074px;
            background-size: 50px;
        }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 110px !important;
        padding: 0 0 0 20px !important;
    }

    .mrgbtmlastbtn {
        padding: 40px 0 0;
        text-align: center;
    }

        .mrgbtmlastbtn label {
            width: 100%;
            text-align: left;
            padding: 0 0 30px;
        }

    .agntpgcaptcha .btn-primary {
        float: none;
    }

    .mrgbtmlastbtn p i {
        display: inherit;
    }


    /*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;
    }

        .inputblock .form-group {
            width: 100%;
        }

            .inputblock .form-group label {
                font-size: 14px;
                padding: 5px 0;
            }

            .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*/

    /******Header Login/Signup Modal Style******/

    .profileinputdetails {
        padding: 15px 0 0;
    }

    .login_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        border-radius: 0;
    }

    .popupleft {
        width: 100%;
    }

        .popupleft img {
            width: 100%;
            display: none;
            float: left;
            max-width: 100%;
            height: auto;
        }

    .loginbusmbl {
        display: block !important;
        width: 100%;
    }

    .popupright {
        border-radius: 20px 20px 0 0;
        margin: -33px 0 0;
        width: 100%;
        background-color: var(--secondary-color);
    }

    .logincstmrdata {
        padding: 15px 30px 40px;
    }

    .loginpesdata {
        padding: 0 0 22px;
    }

    .profileinputdetails.profileinputdetailsbtn button {
        font-size: 14px;
        padding: 6px 30px;
    }

    .signinpopupmain .popupright {
        margin: 0;
    }

    .popupclosebutton i {
        font-size: 22px;
    }

    .logincontent {
        padding: 0 50px 40px;
    }

    .loginfg .nsm7Bb-HzV7m-LgbsSe svg {
        width: 22px !important;
        height: 22px !important;
    }

    .popuserdetail p {
        text-align: center;
        padding: 0 0 35px;
    }

    .loginconfirmpopup {
        padding: 50px 0 50px;
    }

        .loginconfirmpopup h3 {
            font-size: 20px;
            padding: 0 0 35px;
        }

    .css-ki1hdl-MuiAlert-action {
        left: 380px;
        top: 7px;
    }

    .loginpesdata {
        width: 100%;
        display: block;
        padding: 0;
        float: left;
    }

        .loginpesdata .popuserdetail {
            width: 100%;
            padding: 0 0 20px;
        }

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

    /*My Booking css*/

    .bookingsubmit .bookingroutename {
        width: auto !important;
    }

    .bookingroutedetails {
        width: 77%;
    }

    .bookingdatedetails {
        width: 19%;
        padding: 0 6px 0 0;
    }

    .bookingroutename {
        width: 42%;
    }

    .bookingmainbox02 .bookingroutename {
        width: 100% !important;
    }

    .book-heading {
        font-size: 30px;
        line-height: 34px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails {
        padding: 35px 22px 30px;
    }

    .mybooking_tabsarea02 .bookingmaincont {
        padding: 0 22px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails02 {
        padding: 30px 0 30px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails03 {
        padding: 20px 0 30px;
    }

    .mybooking_tabsarea02 .bookingmainbox02 {
        padding: 30px 0 0;
    }

    .mybooking_tabsarea02 .bookingticket {
        padding: 27px 0 41px;
    }

    .bookingdatedetails .panel-heading {
        font-size: 30px;
    }

    .mybooking_tabsarea03 {
        padding: 0 22px !important;
    }

    .bookingbusname {
        padding: 22px;
    }

    .bookingticket {
        padding: 27px 30px 40px;
    }

    .bookingticketbtn {
        width: 100%;
        padding: 0 0 25px;
    }

        .bookingticketbtn p {
            width: 50%;
        }

            .bookingticketbtn p::after {
                right: 15%;
            }

        .bookingticketbtn .mybookmodify:after {
            display: none
        }

    .bookingqrarea img {
        max-width: 180px;
    }

    .bookingroutename.bookingroutename03 span {
        line-height: 21px;
    }

    .profileupcoming .bookingdwnticket {
        border: none;
    }

    .bookingdwnticket {
        width: 100%;
        text-align: center;
        display: inline-block;
        padding: 35px 0 0;
        border-top: 1px solid #e1e1e1;
    }

        .bookingdwnticket a {
            padding: 9px 43px 9px;
            display: inline-block;
            vertical-align: middle;
        }

    .mybooking_tabsarea03 .bookingbusname {
        padding: 22px 0;
    }

    .mybooking_tabsarea03 .bookingmaincont {
        padding: 30px 0 5px;
    }

    .bookingmaincont03 .bookingmainarea {
        padding: 0;
    }

    .bookingroutename label {
        font-size: 14px !important;
    }

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

    .bookingmaincont {
        padding: 30px 22px 0;
    }

    .bookingbusicon {
        width: 36px;
        height: 27px;
        margin: 22px 0 0;
        background-size: 36px;
    }

    .bookingjrnydetails02 .bookingroutename p {
        font-size: 14px;
    }

    .bookingjrnydetails02 .bookingpartcont {
        font-size: 22px;
        line-height: 29px;
    }

    .bookingjrnydetails02 .bookingroutename span {
        font-size: 14px;
        padding: 13px 0 0 16px;
        background-position: left -6562px;
    }

    .bookingjrnydetails02 .bookingroutename a {
        font-size: 14px;
        background-position: left -6566px;
        padding: 9px 0 0 16px;
    }

    .bookingjrnydetails03 .bookingroutename label {
        font-size: 14px !important;
    }

    .bookingjrnydetails03 .bookingroutename p {
        padding: 11px 0 0;
    }

    .bookingfeedback textarea {
        width: 70%;
    }


    /**** About Us ****/

    .aboutwraper {
        padding: 50px 0 0;
    }

    .aboutus_page_title {
        font-size: 24px;
    }

    .aboutcontent p {
        font-size: 15px;
        line-height: 24px;
        padding: 24px 0 0 !important;
    }

    .aboutrightpart p {
        font-size: 15px;
        line-height: 23px;
        font-weight: 500;
    }

    .mainpioneers {
        padding: 50px 0 0;
        overflow: hidden;
    }

        .mainpioneers .aboutus_page_title::after {
            width: 320px;
            height: 16px;
            background-size: 320px;
            top: 8px;
            right: -160px;
        }

    .pioneerbox {
        height: 347px;
    }

    .pioneercontent {
        height: 100px;
    }

        .pioneercontent h3 {
            font-size: 18px;
            line-height: 29px;
        }

            .pioneercontent h3 i {
                display: contents;
            }

        .pioneercontent p {
            font-size: 15px;
            padding: 5px 0 0;
        }

    .aboutsuperlogo img {
        max-width: 250px;
    }

    .aboutsuperpart h4 {
        font-size: 20px;
        padding: 45px 0 0;
    }

    .presshonour {
        padding: 50px 0 46px;
        margin: 0 0 40px;
    }

    .honourslide {
        padding: 32px 0 0;
    }

    .honour-slide h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .honourpart p {
        font-size: 16px;
        line-height: 25px;
        color: var(--primary-color);
        font-weight: 500;
    }

    .easemytripwrapbook {
        padding: 50px 0 0;
    }

    .easemytripwrapmdfy {
        display: block;
    }

    .bookinglist_tabs {
        margin: 15px 0 30px;
    }

    /**** Terms & Conditions ****/

    .termsdata {
        padding: 0 15px;
    }

    .conditionsdata {
        padding: 12px 0 10px;
    }

        .conditionsdata h3 {
            font-size: 21px;
        }

    /****** Refund Status ******/

    .refunddetails .refunddata {
        width: 100%;
        padding: 0 0 25px;
    }

        .refunddetails .refunddata input {
            height: 46px;
            font-size: 15px;
        }

        .refunddetails .refunddata label {
            padding: 0px 0 8px 10px;
        }

    /****** Cancellation ******/

    .inputblock .form-group .input-group-addon {
        top: 45px;
        right: 16px;
    }

    /****** Cancel Details ******/

    .cancelticketfare {
        padding: 50px 0 30px;
    }

        .cancelticketfare .faredetails {
            padding: 40px 30px 60px;
        }

        .cancelticketfare .cust_savegst {
            padding: 10px 0 60px;
        }

    .logintest .loginconfirmpopup h4 {
        line-height: 27px;
        font-size: 20px;
    }

    .popupconfirmotp {
        margin: 0 0 30px;
    }

    .logintest .payfarepart button {
        padding: 11px 40px 10px;
    }

    .logintest .loginconfirmpopup {
        padding: 40px 50px 35px;
    }

    .logintest .css-i7kv6a-MuiDialogContent-root {
        padding: 0 0 40px;
    }

    /****** Bus Charter ******/

    .logintest .css-3yjvh5-MuiPaper-root-MuiAlert-root {
        width: 90%;
    }

    .logintest .css-1pxa9xg-MuiAlert-message {
        width: 415px;
    }

    .css-1pxa9xg-MuiAlert-message {
        display: flex;
        justify-content: center;
    }

    .bushireconfirmpopup {
        padding: 25px 0 25px;
    }

        .bushireconfirmpopup h3 {
            font-size: 20px;
        }

    /****** FAQs ******/

    .faqmainpart {
        gap: 30px;
    }

    .faqroute {
        width: 16.3%;
    }

    .faqwrapper {
        padding: 55px 0;
    }

    .page_title h2 {
        font-size: 26px;
    }

    .faq_main_wrap .tabs {
        border-bottom: none;
        overflow-x: auto;
        padding: 0 0 20px;
    }

        .faq_main_wrap .tabs::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .faq_main_wrap .faqmaintabs {
        width: max-content;
        border-bottom: 1px solid #E1E1E1;
        gap: 45px;
    }

    .contactus_wrapper {
        padding: 50px 0 40px;
    }

    .contactus_top_part01 {
        display: block;
    }

        .contactus_top_part01 .web_input {
            flex-basis: 100%;
        }

    .contactus_top_part02 {
        display: block;
    }

    .contactus_top_part_right {
        margin: 35px 0 0;
        float: left;
        width: 100%;
    }

    .contactus_bottom_button {
        float: left;
    }

    .contactus_tab_main label .css-ahj2mt-MuiTypography-root {
        font-size: 18px;
        padding: 0 0 14px;
    }

    .contactus_tab_main .filter-drawer__title {
        padding: 10px 20px 10px;
        font-size: 18px;
    }

    .contactus_data {
        display: block;
    }

    .contactus_contactdetails {
        background-position: center -964px;
    }

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

    .contactus_data_left {
        width: 100%;
        text-align: center;
    }

    .contactus_data_right {
        width: 100%;
        text-align: center;
        display: block;
        padding: 25px 0 0;
    }

        .contactus_data_right p {
            font-size: 18px;
            padding: 0 0 15px;
        }

        .contactus_data_right span {
            width: 100%;
            justify-content: center;
        }

    .popup_route_listing {
        padding: 35px 0 35px;
        height: 160px;
    }

    .customtabbing .reviewicon {
        padding: 0;
    }

    .customtabbing .reviewcont {
        display: none;
    }

    .custjrny_popup_onward.custjrny_popup_farecount {
        padding: 20px 0 0;
    }

    .custjrny_popup_routedetails {
        padding: 40px 20px 40px;
    }

    .custjrny_popup_onwardjrny {
        padding: 25px 14px 40px;
    }

    .faqrouteboxtitle {
        padding: 17px 20px;
    }

    .faqroutepart {
        padding: 17px 20px 22px;
    }

    .faqrouteboxbus h4 {
        font-size: 14px;
    }

    .faqrouteboxtitle button {
        padding: 6px 16px 5px 37px;
        background-position: 13px -11465px;
        font-size: 12px;
    }

    /* Quick Links */

    .faq_main_wrap.quick_links_wrap {
        padding: 50px 0 0;
    }

    /* Reschedule Ticket */

    .resticketpart {
        padding: 50px 25px 41px;
    }

        .resticketpart h3 {
            font-size: 18px;
            line-height: 27px;
        }

    .reschedulebtn {
        gap: 15px;
        padding: 28px 0 0;
        flex-direction: column-reverse;
    }

        .reschedulebtn button {
            font-size: 14px;
            padding: 9px 0;
            width: 233px;
        }

    .ticketrespart {
        flex-direction: column;
    }

    .rescheduleseat {
        width: 100%;
        padding: 0 0 20px;
    }

    .rescheduleinseat {
        width: 100%;
        padding: 30px 0 0;
        border-top: 1px solid var(--button-color);
    }

        .rescheduleinseat:before {
            display: none;
        }

    .confirmbackbtn {
        gap: 15px;
    }

        .confirmbackbtn button {
            font-size: 15px;
        }

    .rescheduleimg {
        padding: 50px 0 0;
    }

        .rescheduleimg iframe {
            width: 180px;
            height: 325px;
        }

    /* Modify Ticket */

    .reserrormsg {
        padding: 50px 40px;
    }

    /* Carrier */

    .carriersliderpart img {
        max-width: 470px;
    }

    .carriersright:before {
        left: -370px;
        top: -50px;
        height: 88px;
        width: 972px;
        background-size: 850px;
    }

    .carriersright h1 {
        font-size: 32px;
        line-height: 36px;
    }

    .carrierslider:before {
        width: 100%;
        height: 500px;
    }

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

    .carrierworkbox {
        padding: 40px 0 20px;
    }

    .carrierformleft {
        padding: 30px;
    }

    .carrierformright {
        min-height: 345px;
        background-position: center top;
        background-size: cover;
    }

    .formboxpart label {
        display: none;
    }

    .carrierteampart h3 {
        font-size: 17px;
        line-height: 27px;
        text-align: center;
    }

    .carrierteampart img {
        display: none;
    }

    .carrierteampart {
        padding: 40px 0;
        justify-content: center;
    }

    .cstmrsuccessm {
        padding: 30px 0 0;
    }

    .cstmrsuccesstop {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 5px;
    }

    .cstmrsuccessbtm p span {
        display: block;
        padding: 11px 0 0 17px;
        background-image: url("../images/icon01.svg");
        background-position: left -14434px;
        background-repeat: no-repeat;
    }

    .cstmrdropdown .css-16awh2u-MuiAutocomplete-root {
        width: 180px;
    }

    .cstmrsuccessbtm p i {
        display: none;
    }

    .carrierapplybtn a {
        padding: 10px 40px 9px;
    }

    /* Carrier Application */

    .carrierappslider {
        padding: 55px 0 0;
    }

    .carrierappsliderpart h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .carrierappsliderpart h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .carrierappsliderpart p {
        font-size: 18px;
        padding: 10px 0 0;
    }

        .carrierappsliderpart p span {
            display: block;
            padding: 60px 0 0 17px;
            background-image: url("../images/icon01.svg");
            background-position: left -14384px;
            background-repeat: no-repeat;
        }

        .carrierappsliderpart p i {
            display: none;
        }

    .carrierappsliderpart:after {
        background-size: 200px 650px;
        width: 140px;
    }

    .carrieraboutcontent p {
        font-size: 16px;
        line-height: 22px;
        flex-basis: 96%;
    }

    .carrieraboutcontent span {
        margin: 8px 0 0;
    }

    .carrierappaboutsec h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .carrierappaboutleft h3 {
        font-size: 18px;
    }

    .carrierappaboutpart {
        padding: 25px 0 0;
        gap: 40px;
    }

    .carrierappaboutleft.carrierappaboutright h3 {
        padding: 0 0 7px;
    }

    .carrierappaboutright p {
        font-size: 16px;
        line-height: 24px;
    }

    .carrierappabout {
        padding: 45px 0 50px;
    }

    .carrierappapply {
        padding: 45px 0 55px;
    }

    .carrierappapplypart h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .carrierappapplybox {
        padding: 25px 24px 30px;
    }

        .carrierappapplybox p {
            font-size: 16px;
            line-height: 23px;
            padding: 0 0 22px;
        }

    .appapplyboxleft {
        gap: 16px;
        flex-direction: column;
    }

    .appapplyboxcont {
        flex-basis: 100%;
        width: 100%;
    }

        .appapplyboxcont label {
            display: none;
        }

        .appapplyboxcont input {
            font-size: 14px;
            padding: 0 22px;
            height: 42px;
        }

    .appapplyboxcontid {
        flex-basis: 100%;
        width: 100%;
    }

    .appapplyboxcontresume:after {
        right: 20px;
        top: 12px;
        width: 19px;
        height: 18px;
        background-position: 95% -9519px;
        background-size: 42px;
    }

    .appapplyboxtextarea {
        flex-basis: 100%;
        padding: 0;
        width: 100%;
    }

        .appapplyboxtextarea textarea {
            font-size: 14px;
            padding: 15px 20px;
            height: 124px;
        }

    .carrierproceedbtn {
        padding: 20px 0 0;
    }

        .carrierproceedbtn a {
            padding: 10px 37px 9px;
        }

    .carrierapproles {
        padding: 45px 0 45px;
    }

    .carrierapproleslide {
        padding: 30px 15px 0;
    }

    .roles-slide {
        width: 230px;
        height: 280px;
        background-size: 244px;
        padding: 26px 22px 20px;
    }

    /*.rolesbox h1 {
        font-size: 28px;
        line-height: 32px;
    }*/

    .rolesbox {
        flex-direction: column-reverse;
        gap: 8px;
    }

        .rolesbox span {
            line-height: 14px;
            font-size: 14px;
        }



    .rolesapply a {
        padding: 0 26px 0px 0;
        font-size: 13px;
        color: var(--button-color) !important;
        background-color: transparent;
        background-image: url("../images/icon01.svg");
        background-position: -10px -14760px;
        background-repeat: no-repeat;
        text-decoration: underline !important;
    }

    .roles-slide p {
        font-size: 13px;
        flex-direction: column;
        padding: 6px 0 0;
    }

        .roles-slide p i {
            display: none;
        }

        .roles-slide p label {
            display: block;
            padding: 10px 0 0 14px;
            background-image: url("../images/icon01.svg");
            background-position: left -14599px;
            background-repeat: no-repeat;
        }

    /* Partnership */

    .partnersliderbus {
        width: 470px;
        height: 290px;
        background-size: 470px;
        float: left;
        background-position: -40px bottom;
    }

    .partnershipslider:before {
        left: auto;
        bottom: auto;
        top: 270px;
        right: 10px;
        width: 450px;
        height: 21px;
        background-size: 450px;
        background-position: right bottom;
    }

    .partnersliderleft h1 {
        font-size: 32px;
        line-height: 39px;
    }

    .partnersliderleft p {
        font-size: 17px;
    }

    .partnersliderleft a {
        padding: 11px 32px 10px;
    }

    .partnershipcolla {
        padding: 50px 0 0;
    }

    .collabspart {
        padding: 35px 0 18px;
    }

    .supercollab {
        padding: 50px 0 0;
    }

    .supercollabslide .owl-prev, .supercollabslide .owl-next {
        right: 35px;
        width: 20px;
        height: 26px;
    }

        .supercollabslide .owl-prev:before, .supercollabslide .owl-next:before {
            font-size: 20px;
        }

    .supercollabslide .owl-next {
        right: 0 !important;
    }

    .supercollabslide .owl-nav {
        top: -95px;
        right: 10px;
    }

    /*Blog*/

    .blog_main_fullbox_left {
        width: 100%;
    }

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

    .blog_box_title h5 {
        font-size: 16px;
        color: var(--primary-color);
    }

    .blog_main_wrap {
        padding: 60px 0 0;
    }

        .blog_main_wrap .page_title h2 {
            /* display: none; */
            font-size: 24px;
        }

        .blog_main_wrap .blogpage_title {
            display: block !important;
        }

    .blog_filter_content {
        padding: 25px 0 0;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 50px 0 28px;
    }

    .emtlogo img {
        max-width: 400px;
    }

    .emtsection span {
        font-size: 20px;
    }

    .emtcont {
        padding: 30px 0 0;
        gap: 30px;
    }

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

    .emtsection p {
        padding: 40px 0;
    }

        .emtsection p i {
            display: inline;
        }

    .emtbutton {
        gap: 30px;
        padding: 0 0 45px;
    }

        .emtbutton a {
            font-size: 18px;
            padding: 8px 40px !important;
        }

    .popup1rs {
        float: left;
        text-align: center;
        width: 100%;
        padding: 5px 0 40px;
    }

    .otppopup .css-i7kv6a-MuiDialogContent-root {
        padding: 0;
        width: 340px;
    }

    /*Thank You*/

    .thanksbox {
        width: 100%;
        padding: 35px 20px;
    }

    .thankspage {
        padding: 48px 0 28px;
    }

    .thanksbox h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .thanksbox p {
        font-size: 15px;
        line-height: 22px;
    }

    .thanksbox label {
        font-size: 15px;
        line-height: 22px;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .top_routes_textbox {
        padding: 25px 0 0;
    }

        .top_routes_textbox ul {
            padding-top: 10px;
            padding-left: 20px;
        }

    .top_routes_choice {
        padding: 40px 0 50px;
    }

    .amenities_toproute {
        padding: 48px 0 !important;
    }

    .top_routes_faq {
        padding: 48px 0 0;
    }

    .faq_content_toproute {
        padding: 5px 0 0;
    }

        .faq_content_toproute .filter-drawer__title {
            font-size: 14px;
        }

    .faq_content_list.faq_content_toproute .filter_tab_main {
        padding: 20px 0 0;
    }
}

@media only screen and (max-width:579px) {
    /*.banner_modal .modal-dialog {
        width: 550px !important;
    }*/

    .offerslider .owl-carousel .owl-item img {
        max-width: 380px;
    }

    .passengerbox.payment_gateway label {
        flex-basis: 60%;
    }

    .connecting_route_main {
        padding: 0px 10px 0;
    }

    .lowerdeckchart, .upperdeckchart {
        width: 100%;
        float: none;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        clear: both;
        height: 100%;
    }

    .seatchartone, .seatchartwo {
        height: 100% !important;
        float: none;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .seatchartdeta {
        height: 100%;
    }

    .lowerdeckseat, .upperdeckseat {
        width: 100% !important;
        float: left;
        height: 250px;
        padding: 0 0 0 20px;
    }

    /*.lowerdeckchart, .upperdeckchart {
        width: 100%;
        float: none;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        clear: both;
        height: 100%;
    }

    .seatchartone, .seatchartwo {
        width: 100% !important;
        height: 100% !important;
        float: none;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .seatchartdeta {
        height: 100%;
    }

    .lowerdeckseat, .upperdeckseat {
        width: 100% !important;
        float: left;
        height: 250px;
        padding: 0 0 0 20px;
    }*/

    .lowerdeckseat {
        background-image: none;
    }
}

@media only screen and (max-width:549px) {
    /*.banner_modal .modal-dialog {
        width: 480px !important;
    }*/

    .offerslider .owl-carousel .owl-item img {
        max-width: 360px;
    }

    .lowerdeckseat, .upperdeckseat {
        padding: 0 0 0 10px;
    }

    .indexpopup img {
        max-width: 400px;
    }

    .indexpopup .css-1e6y48t-MuiButtonBase-root-MuiButton-root i {
        font-size: 20px;
    }

    .indexpopup .css-bdhsul-MuiTypography-root-MuiDialogTitle-root {
        top: 0;
    }

    /*Popup Style For Responsive*/
}

@media only screen and (max-width:479px) {
    .faqwrapper_home .filter-drawer__title {
        padding: 0 16px 12px 0;
    }

    .faqwrapper_home .faq_main_wrap .tabs {
        padding: 0 0 5px;
    }

    .faqwrapper_home .faq_content_list .filter_tab_main {
        padding: 15px 0 0;
    }

    .faqwrapper_home .filter-drawer {
        padding: 12px 15px 0px;
    }

    .faqwrapper_home .faq_content_list .filter-drawer__content p {
        font-size: 14px;
    }

    .faqwrapper.faqwrapper_home {
        padding: 40px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .tab {
        padding: 8px 16px;
        font-size: 12px;
    }

    .faqwrapper_home .faq_main_wrap .faqmaintabs {
        gap: 6px;
    }

    .faqwrapper_home .page_title h2 {
        padding: 0 0 16px;
    }

    .sliderwrapper {
        background-image: url("../images/main_slider_mbl.webp");
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .slider_text_btm p {
        font-size: 22px;
        line-height: 26px;
    }

        .slider_text_btm p.slider_text_dis {
            font-size: 14px;
            line-height: 19px;
            padding: 2px 0 0;
        }

    .slider_text_btm .slider_note {
        padding: 2px 0 0;
    }

    .slider_content {
        top: 10px;
        height: 382px;
    }

    .slider_text_btm p.slider_text_dis span {
        font-size: 14px;
    }

    .userdetails label {
        font-size: 16px;
        line-height: 22px;
    }

    .carousel .slide img {
        max-width: 400px;
    }

    .userdetailsarea {
        gap: 12px;
    }

        .userdetailsarea span {
            font-size: 14px;
            padding: 3px 14px 2px;
        }

    .carousel .slide .VRL_Banner {
        max-width: 100%;
    }

    .dslistpopup .css-1e6y48t-MuiButtonBase-root-MuiButton-root {
        right: 10px;
        top: 10px;
        font-size: 18px;
    }

    .userreports {
        padding: 15px 5px 10px;
        gap: 35px;
    }

    .userreportsdata {
        gap: 6px;
        flex-direction: column;
    }

    .userreportsname {
        font-size: 15px;
        width: 100%;
    }

    .userreportscity {
        gap: 10px;
        width: 100%;
    }

        .userreportscity span {
            font-size: 14px;
        }

        .userreportscity i {
            width: 20px;
            height: 13px;
            background-position: 0 4px;
            background-size: 20px;
        }

    .userreports h4 {
        font-size: 18px;
        padding: 0;
    }

    .sliderwrapper .fade {
        padding: 0;
    }

    .carousel .slide .sliderpopup {
        max-width: 320px;
    }

    .popup1rs {
        padding: 0 0 32px;
    }

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-height: calc(100% - 20px);
    }

    .searchbtn.discount i {
        font-size: 18px;
        line-height: 0px;
    }

    .tcdiscount h3 {
        font-size: 20px;
    }

    .discountpopup {
        padding: 35px 15px;
    }

    .discountparts {
        padding: 24px 0 0;
    }

        .discountparts h4 {
            font-size: 15px;
        }

        .discountparts ul {
            padding: 0 0 0 26px;
        }

            .discountparts ul li {
                padding: 12px 0 0;
            }

                .discountparts ul li span {
                    padding: 6px 0 0;
                    font-size: 14px;
                }



    /**** Get link popup  Style Start*****/

    .link_popup .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24.MuiDialog-paper.MuiDialog-paperScrollPaper.MuiDialog-paperWidthXl.css-2rbg70-MuiPaper-root-MuiDialog-paper {
        max-width: 100% !important;
        margin: 10px !important;
    }

    .loginbkpopup .captchin img {
        max-width: 190px;
    }

    /**** Connecting Route Style Start*****/

    .connecting_route_main .bustime.busroutearrow {
        width: 0;
    }

    .connecting_route_details .bustime.busdelaytime {
        flex-basis: 100%;
    }


    /**** Connecting Route Style End*****/
    /*.sliderwrapper:before {
        height: 196px;
        clip-path: polygon(0 0, 190% 15%, 100% 100%, 0% 100%);
        z-index: 1;
    }*/

    .sliderwrapper:before {
        display: none;
    }

    .slider_text h1 {
        font-size: 15px;
        line-height: 19px;
        padding: 0 0 10px;
    }

        .slider_text h1:before {
            width: 73px;
            height: 1px;
        }

    .slider_iframe {
        right: -27px;
        top: -3px;
    }

        .slider_iframe iframe {
            width: 160px;
            height: 80px;
        }

    .eventarea:after {
        right: 17px;
        top: 14px;
        width: 140px;
        height: 37px;
        background-size: 80px;
    }

    .qrdetails {
        padding: 0 0 40px;
    }

    .routeimage iframe {
        height: 72px;
    }

    .routepopsearch button {
        padding: 8px 32px;
        font-size: 12px;
    }

    .qrgicon {
        padding: 40px 0 0;
    }

    .css-zzms1-MuiSnackbar-root {
        left: 0 !important;
        right: 0 !important;
    }

    .css-ki1hdl-MuiAlert-action {
        left: auto;
        top: 7px;
        right: 55px;
    }

    .loginline span {
        width: 93%;
        padding: 0 0 0 4px;
    }

    .bookinginput .redclr {
        bottom: -3px;
        font-size: 12px;
    }

    .bookingcity {
        padding: 0;
    }

    .banner_modal .modal {
        overflow: hidden !important;
    }

    .section-dropdown ul li {
        padding: 3px 0;
    }

        .section-dropdown ul li a {
            font-size: 14px;
        }

    .afterloginicon .section-dropdown {
        padding: 15px 20px;
        height: 288px;
        width: 190px;
        top: 40px;
    }

    .section-dropdown02 {
        width: 297px;
        height: 196px;
        top: 40px;
    }

    .afterloginicon .nt-dropdown {
        width: 296px;
    }

    .nt-dropdown .profilent p {
        padding: 18px 60px 18px 0;
    }

    .sec-center {
        top: 26px;
        right: 12px;
    }

    .afterloginicon .dropdown:checked + label, .afterloginicon .dropdown:not(:checked) + label {
        background-position: center -6px;
        margin: 0 !important;
        height: 23px;
        width: 23px;
        background-size: 40px;
    }

    .afterloginicon02 .dropdown02:checked + label, .afterloginicon02 .dropdown02:not(:checked) + label {
        background-position: center -149px;
        margin: 0 0 0 8px !important;
        height: 23px;
        width: 23px;
        background-size: 40px;
    }

    .menufixed .navbar-toggle {
        top: 8px;
    }

    .panel-heading {
        font-size: 22px;
    }

    .managewrapper {
        padding: 42px 0 35px;
    }

        .managewrapper .panel-heading {
            margin: 0;
        }

    .headermenu .navbar-inverse .navbar-nav > li {
        margin: 0 60px 10px 0 !important;
    }

        .headermenu .navbar-inverse .navbar-nav > li > a {
            font-size: 15px;
            padding: 0 0 2px;
        }

    .headermenu .navbar-collapse p {
        font-size: 13px;
        padding: 15px 0 25px;
    }

    .fixedbtn.topfixedicon {
        left: 67%;
    }

    .cssmenu {
        padding: 0 0 0 20px;
    }

    .leftheader a img {
        max-width: 130px;
    }

    .easemytripwrap {
        padding: 35px 0 46px;
    }

    .easemytripartlogo img {
        max-width: 110px;
    }

    .easemytripart {
        gap: 16px;
        align-items: center;
    }

        .easemytripart .toptitle h3 {
            font-size: 18px;
            line-height: 25px !important;
        }

        .easemytripart .toptitle p {
            font-size: 14px;
            line-height: 20px;
        }

    .easemytripsec {
        gap: 28px;
        justify-content: center;
    }

    .easemytripbox {
        flex-basis: 27%;
    }

        .easemytripbox h3 {
            font-size: 14px;
        }

    /*.sliderwrapper {
        height: 360px;
        padding: 25px 0 0;
    }

        .sliderwrapper ul li img {
            max-width: 340px;
            z-index: 1;
            position: relative;
        }

        .sliderwrapper::after {
            height: 360px;
            background-size: 527px;
        }*/



    .popupblock03 {
        width: 300px;
    }

    .routetabpart {
        padding: 0 10px;
        top: -52px;
    }

        .routetabpart p {
            font-size: 14px;
            line-height: 19px;
            letter-spacing: 0.5px;
        }

    .routetabarea {
        padding: 20px 20px 34px;
    }

    .routetabbing {
        width: 100%;
        display: block;
    }

    .routepoptab {
        width: 100% !important;
        float: left;
    }

    .routepoptab02 {
        padding: 22px 0 0;
    }

    .collapsibleroute .routestitle {
        font-size: 19px;
    }

    .routepart_icon i {
        font-size: 18px;
    }

    .routestitle2 {
        font-size: 19px;
        background-position: right -8917px;
        background-size: 42px;
    }

    .routedropcity label {
        font-size: 19px;
    }

    .routedropcity ul {
        height: 115px;
    }

    .popupblock03 span {
        right: 8px;
        top: 1px;
        font-size: 26px;
    }

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

    .eventpart {
        padding: 50px 0 0;
    }

    .destinationarea {
        padding: 28px 0 0;
    }

    .superbuslider {
        padding: 45px 0 0;
    }

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

    .datetabbing {
        gap: 9px;
    }

        .datetabbing button {
            padding: 4px 12px;
            font-size: 13px;
        }

    .bookingsearch {
        padding: 8px 0 0;
    }

    .bookingform {
        padding: 20px 0 22px;
    }

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

    .modifyarticledetails {
        padding: 20px 0 35px;
    }

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

    .modifydetailsinput input {
        font-size: 14px;
    }

    .css-qfz70r-MuiFormGroup-root .css-hyxlzm .MuiSvgIcon-root {
        width: 20px;
        height: 20px;
    }

    .partialradiogroup .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        font-size: 14px;
    }

    .bookinginput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 41px !important;
        font-size: 16px;
    }

    .fromdatecity {
        height: 41px;
    }

    .bookinginput span {
        bottom: -4px;
        font-size: 13px;
    }

    .bookinginput {
        width: 100%;
        padding: 0 0 11px !important;
    }

    .bookingcity.bookingdate {
        padding: 0 0 11px;
    }

    .bookinginput.bookingtodate, .bookinginput.bookingfromdate {
        padding: 0 !important;
        width: 50%;
    }

    .bookinginput input {
        height: 40px;
    }

    .bookinginput.bookingtodate input {
        font-size: 16px;
        padding: 2px 0 0 43px;
        background-position: 18px -683px;
        background-size: 48px;
    }

    .bookinginput.bookingfromdate {
        flex-basis: 88%;
    }

        .bookinginput.bookingfromdate input {
            font-size: 16px;
            height: 40px;
            padding: 2px 0 0 20px;
        }

        .bookinginput.bookingfromdate::before {
            top: 8px;
            font-size: 17px;
            right: 12px;
        }

        .bookinginput.bookingfromdate::after {
            height: 24px;
            left: 4px;
        }

    .bookinginput.bookingtodate::after {
        top: 8px;
        font-size: 17px;
        right: 12px;
    }

    .fromdatecity::after {
        top: 8px;
        font-size: 17px;
        right: 15px;
    }

    .bookingsearch .searchbtn {
        width: 40%;
        height: 40px;
        font-size: 14px;
    }

    .cityswapicon {
        top: 30px;
        left: auto;
        right: 30px;
    }

    .eventarea {
        padding: 62px 15px 26px;
    }

    .mobileventarea .toptitle {
        width: 64%;
    }

        .mobileventarea .toptitle h3 {
            font-size: 16px;
            display: inline-block;
            line-height: 26px !important;
        }

        .mobileventarea .toptitle p {
            font-size: 12px;
            line-height: 16px;
            padding: 0 !important;
        }

    .eventbutton {
        padding: 29px 0 0;
    }

        .eventbutton li a {
            padding: 5px 16px;
            font-size: 12px;
        }

    .toptitle h3 {
        font-size: 24px;
        line-height: 31px !important;
    }

    .toptitle p {
        font-size: 15px;
        line-height: 21px;
    }

    .destinationslider02 {
        display: block;
        padding: 15px 0 0;
    }

    .destinationbox {
        width: 147px;
        height: 147px;
    }

        .destinationbox span {
            bottom: 8px;
            font-size: 14px;
            line-height: 20px;
        }

    .offerslider .owl-carousel .owl-item img {
        max-width: 330px;
    }

    .offerbox {
        width: 260px;
        height: 124px;
        background-size: 260px;
    }

    .offercontent p {
        font-size: 14px;
        left: -11px;
        top: 47px;
    }

    .offerdetails {
        padding: 5px 35px 0 70px;
    }

        .offerdetails span {
            font-size: 14px;
            line-height: 20px !important;
        }

        .offerdetails i {
            font-size: 13px;
            padding: 6px 0 10px;
            line-height: 18px;
        }

        .offerdetails a {
            font-size: 11px;
            padding: 0 60px 0 8px;
            background-position: 92% -903px;
            background-size: 34px;
            line-height: 22px;
        }

    .superbusarea .owl-nav {
        display: none;
    }

    .exloreindia {
        padding: 45px 0 0;
    }

    .choosewrapper {
        margin: 50px 0 0;
    }

    .superbusgallery {
        display: block;
        width: 100%;
        float: left;
        padding: 30px 0 0;
        position: relative;
        z-index: 1;
    }

    .superbusbutton {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

        .superbusbutton a {
            color: #000;
            font-size: 11px;
            font-weight: 400;
            padding: 3px 10px;
            border-radius: 30px;
            border: 1px solid var(--secondary-color);
            background-color: transparent;
        }

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

    .superbusicon {
        width: 100%;
        float: left;
        padding: 35px 0 0;
    }

    .superbusglry01 img {
        max-width: 210px;
        width: 100%;
    }

    .superbusglry02 img {
        max-width: 118px;
        width: 100%;
    }

    .superbusglry02 .sbusicon3 {
        padding: 16px 0 0;
    }

    .superbusglry01 {
        width: 62%;
        float: left;
        text-align: center;
    }

    .superbusglry02 {
        width: 38%;
        float: left;
        text-align: center;
    }

    .superbusglrybtn {
        width: 100%;
        float: left;
        padding: 35px 0 0;
        text-align: center;
    }

        .superbusglrybtn a {
            background-color: var(--secondary-color);
            color: var(--tertiary-color);
            border-radius: 50px;
            font-size: 12px;
            font-weight: 400;
            padding: 7px 20px;
            display: inline-block;
            vertical-align: middle;
        }

            .superbusglrybtn a:hover, .superbusglrybtn a:focus {
                background-color: var(--button-color);
                color: var(--secondary-color);
            }

    .loginlogo {
        display: none;
    }

    .loginsecformhead {
        display: none;
    }

    .loginsecformheadmbl {
        display: block;
    }

    .loginsecmainform {
        padding: 0 0 35px;
        text-align: center;
        display: block;
    }

    .secpopupimgmbl {
        display: block;
    }

    /******Popup Home Page******/

    .amenities-sprtab {
        flex-basis: 48%;
    }

    #thumbs {
        top: 108px;
    }

        #thumbs img {
            height: 40px;
            width: 40px;
            margin: 0 5px;
        }

    .popupblock02 {
        width: 300px;
        height: 520px;
    }

    .supertabpart {
        padding: 25px 15px 0;
        height: 360px;
    }

    .amenities-sprtab p {
        padding: 5px 0 5px 26px !important;
        background-position: left 0px;
        font-size: 11px;
        background-size: 20px;
    }

        .amenities-sprtab p.amini02 {
            background-position: left -82px;
        }

        .amenities-sprtab p.amini03 {
            background-position: left -165px;
        }

        .amenities-sprtab p.amini04 {
            background-position: 6px -248px;
        }

        .amenities-sprtab p.amini05 {
            background-position: left -335px;
        }

        .amenities-sprtab p.amini06 {
            background-position: left -413px;
        }

    .sprtabbing p {
        font-size: 12px;
    }

    .amenities-sprtablist {
        gap: 10px 0;
    }

    .sprbdtab {
        border: none;
    }

    .superbdarea02 {
        border-left: none;
        padding: 25px 0 0;
    }

    .superbdarea {
        width: 100%;
    }

        .superbdarea h4 {
            padding: 10px 0;
        }

    .popupbdpointpart {
        padding: 15px 0px 0;
    }

    .popupbdpoint {
        padding: 0 10px 0 0;
    }

    .popuprtpoint {
        overflow-y: hidden;
    }

    /******Popup Home Page End******/

    .amenitiesrow {
        gap: 14px 0;
    }

    .toptitle h3 i {
        display: block;
    }

    .toptitlehide {
        display: none;
    }

    .choosetoptitle {
        display: block;
    }

    .chooseuscard {
        width: 340px;
        height: 340px;
        padding: 60px 0 0;
    }

    .chooseuscardimage {
        display: inline-block;
        float: none;
    }

    .chooseuscard p {
        padding: 15px 0 0;
        width: auto;
        float: none;
        text-align: center;
    }

    .chooseuscard span {
        padding: 14px 12px 0 12px;
        float: left;
        width: auto;
        text-align: center;
    }

    .amenitiespart .toptitle h3 i {
        text-transform: capitalize;
    }

    .amenitiescard {
        height: auto;
        width: 30.4%;
        padding: 0;
        background-color: transparent;
        text-align: center;
    }

        .amenitiescard em {
            width: 80px;
            height: 80px;
            background-color: var(--button-color);
            background-position: center -4421px;
        }

        .amenitiescard.amenitiescard02 em {
            background-position: center -4659px;
        }

        .amenitiescard.amenitiescard03 em {
            background-position: center -4905px;
        }

        .amenitiescard.amenitiescard04 em {
            background-position: center -5149px;
        }

        .amenitiescard.amenitiescard05 em {
            background-position: center -5391px;
        }

        .amenitiescard.amenitiescard06 em {
            background-position: center -5635px;
        }

        .amenitiescard span {
            padding: 0;
            display: block;
            text-align: center;
            font-size: 10px;
        }

    body .amenitieswrapper .container {
        padding: 0;
    }

    .applicationwrapper {
        margin: 42px 0 0;
    }

    .amenitieswrapper {
        padding: 45px 0 0;
    }

    .applicationwrapper:after {
        background-size: 480px;
        left: -250px;
        bottom: -270px;
        width: 480px;
        transform: rotate(-43deg);
    }

    .choosecontent {
        padding: 45px 0 50px;
    }

    .appsection {
        gap: 13px 40px;
        text-align: left;
        width: 72%;
        margin: 0 auto;
    }

        .appsection span {
            text-align: left;
        }

    .qrcontent a {
        padding: 5px;
    }

    .qrmobilelink {
        padding: 15px 0 0;
    }

    .qrmobile {
        width: 298px;
    }

    .qrcode {
        background-position: center 0px;
        width: 295px;
        height: 270px;
        background-size: 280px;
    }

    .qrmobilelink h3 {
        font-size: 16px;
        line-height: 25px;
    }

    .number-wrapper input {
        padding: 0 0 0 25px;
        height: 40px;
    }

    .number-wrapper button {
        width: 140px;
        height: 40px;
        font-size: 13px;
    }

    .qrcontent a img {
        max-width: 135px;
    }

    .qrscanner {
        display: none;
    }

    .exloreslider {
        display: none;
    }

    .mblexplorepart {
        display: block;
        width: 100%;
        float: left;
        padding: 28px 0 0;
    }

    .mblexplorebtn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .mblexplorebtn a {
            color: #000;
            font-size: 11px;
            font-weight: 400;
            padding: 2px 11px;
            border-radius: 11px;
            border: 1px solid var(--secondary-color);
            background-color: transparent;
        }

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

    .mblexploreicon {
        width: 100%;
        float: left;
        text-align: center;
        padding: 40px 0 0;
    }

    .mblexploreglry {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

        .mblexploreglry.mblexploreglry2 {
            padding: 15px 0 0;
            gap: 0 19px;
            justify-content: center;
        }

            .mblexploreglry.mblexploreglry2 img {
                width: 100%;
                max-width: 140px;
            }


        .mblexploreglry img {
            width: 100%;
            max-width: 300px;
            position: relative;
        }

    .mblexplorecontent {
        position: absolute;
        left: 0;
        bottom: 38px;
        text-align: left;
        padding: 0 0 0 30px;
        width: 73%;
    }

        .mblexplorecontent p {
            font-size: 22px;
            line-height: 28px;
            color: var(--pure);
            font-weight: 700;
            padding: 0 0 15px 0;
        }

        .mblexplorecontent a {
            font-size: 12px;
            font-weight: 400;
            color: #000;
            background-color: var(--button-color);
            border-radius: 20px;
            display: inline-block;
            padding: 4px 15px;
        }

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

    .exploretext {
        position: relative;
    }

    .mblexploretext {
        position: absolute;
        left: 16px;
        bottom: 16px;
        text-align: left;
        padding: 0 38px 0 0;
    }

        .mblexploretext p {
            font-size: 11px;
            font-weight: 700;
            line-height: 15px;
            color: var(--pure);
        }

        .mblexploretext.mblexploretext2 {
            padding: 0 12px 0 0;
        }

    .routedateslider iframe {
        border-radius: 12px;
    }

    .superbusjourney {
        padding: 50px 0 20px;
    }

    .superbuslogo {
        padding: 0 0 40px;
        position: relative;
    }

        .superbuslogo::before {
            position: absolute;
            left: 0;
            top: 40px;
            bottom: 0;
            width: 20%;
            height: 2px;
            background-color: var(--secondary-color);
            content: "";
        }

        .superbuslogo::after {
            position: absolute;
            right: 0;
            top: 40px;
            bottom: 0;
            width: 20%;
            height: 2px;
            background-color: var(--secondary-color);
            content: "";
        }

        .superbuslogo img {
            max-width: 176px;
        }

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

    .downloadpart {
        background-size: 830px;
        background-position: center 150px;
    }

    .downloadapparea {
        padding: 0;
        width: 100%;
        text-align: center;
    }

        .downloadapparea h3 {
            padding: 0 0 29px;
            font-size: 26px;
        }

    .downloadqr {
        padding: 13px 0 0;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

        .downloadqr a {
            width: 168px;
            height: 50px;
            background-size: 168px;
            background-position: center -10px;
        }

        .downloadqr .downloadqrapp {
            background-position: center -180px;
        }

    .downloadqrarea {
        float: left;
        width: 100%;
        text-align: center;
        padding: 60px 0 0;
    }

    .footerwrapper {
        margin: -65px 0 0;
    }

    .footertoppart {
        padding: 115px 0 40px;
    }

    .footerlogo {
        width: 100%;
        text-align: center;
    }

        .footerlogo a img {
            max-width: 200px;
        }

    .socialicon {
        float: left;
        width: 100%;
        text-align: center;
        padding: 30px 0 0;
    }

    .topfooterwrapper {
        padding: 0;
    }

        .topfooterwrapper h4 {
            font-size: 14px;
            margin: 0;
            padding: 0;
        }

    .navfooter {
        width: 100% !important;
        float: left !important;
    }

    .navfooteritem {
        border-bottom: 1px solid #e1e1e1;
        padding: 20px 0 0;
    }

    .navfooteritem2 {
        padding: 20px 0 0;
    }


    .navfooter .nav02 h4 {
        cursor: pointer;
    }

    .navfooter ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s ease-out;
        margin: 10px 0 10px;
    }

    .navfooter .nav02 h4::after {
        position: absolute;
        content: "\f067";
        right: 0;
        color: var(--pure);
        font-size: 14px;
        top: 19px;
        font-family: fontawesome;
    }

    .navfooter .nav02.open h4:after {
        content: "\f068";
    }

    .navfooter .nav02.open ul {
        height: auto;
        max-height: 500px;
        transition: max-height 1s ease-in !important;
    }

    .footeraddress {
        padding: 0;
    }

    .addressbottom {
        width: 100%;
    }

    .footerapp {
        text-align: center;
    }

        .footerapp h4 {
            padding: 0 0 20px;
        }

    .footerappbtn {
        padding: 0 0 10px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

        .footerappbtn a {
            background-position: center -10px;
            width: 168px;
            height: 50px;
            background-size: 168px;
        }

        .footerappbtn .footerapp02 {
            background-position: center -180px;
        }

    .footertravelslink {
        padding: 30px 0 29px;
    }


    /******Header Login/Signup Modal Style******/

    .popupright {
        margin: -29px 0 0;
    }

    .login_popup_main.css-zw3mfo-MuiModal-root-MuiDialog-root {
        top: 77px;
    }

    .popupclosebutton {
        padding: 15px 15px 0;
    }

        .popupclosebutton i {
            font-size: 20px;
        }

    .logincontent {
        padding: 0 30px 40px;
    }

    .login_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        top: 0;
        position: absolute;
        max-height: 100%;
    }

    .popuserdetail p i {
        display: initial;
    }

    .popuserdetail p {
        padding: 0 35px 25px;
    }

    .loginpopupotp {
        padding: 0 0 16px;
    }

        .loginpopupotp button {
            font-size: 14px;
        }

    .resendotplink a {
        font-size: 13px;
    }

    .popuserdetail.profileinputradio label {
        padding: 0 0 6px;
    }

    .popuserdetail.profileinputdata label.css-1hpqosy-MuiFormControlLabel-root {
        padding: 0 10px 0 0;
    }

    .popuserdetail.profileinputdata .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        width: 16px;
        height: 16px;
    }

    .popuserdetail.profileinputdata .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        padding: 0 10px 0 8px;
    }

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

    .hotdealbox label::before {
        width: 18px;
        height: 18px;
    }

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

    .popuserdetail .passengertitle.hotdealbox a {
        font-size: 13px;
        padding: 0 0 0 3px;
    }

    .profileinputdetails.profileinputdetailsbtn button {
        padding: 10px 0;
        width: 100%;
    }

    .viewroutedetails button {
        padding: 10px 17px 9px 35px;
        background-image: url("../images/icon01.svg");
        background-position: 10px -11030px;
        background-repeat: no-repeat;
        font-size: 12px;
    }

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

    .customer_disc img {
        display: none;
    }

    .customer_disc_mbl {
        display: block !important;
    }

    .available_discounts h4 {
        padding: 12px 18px 11px;
        font-size: 14px;
    }

    .passengerbox.payment_gateway label .MuiTypography-body1 {
        font-size: 14px;
    }

    .amenities-sprtablist .noroute {
        margin: 10px 0 0;
    }

    .routedateslider iframe {
        border-radius: 6px;
    }

    .popupblockpart.popupblockpart01 .supertabs .sprtabbing {
        max-height: 241px;
        padding: 10px 0 0;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab {
        flex-basis: 47%;
    }

    .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
        line-height: 20px;
        font-size: 13px;
    }

    .route_tabbing_details .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
        padding: 22px 0 !important;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab img {
        max-width: 24px;
    }

    .restroute_point_popup .dbroutespan a {
        font-size: 12px;
        background-position: left 1px;
        padding: 0 0 0 15px;
    }

    .bookingdb {
        display: block;
        float: left;
    }

    .bookingroutenm {
        padding: 0 16px 26px 10px;
    }

    .bookingdb::after {
        top: 35px;
        margin: 0;
        width: 1px;
        height: 94%;
        right: auto;
        left: 15px;
    }

    .dbpointnm {
        padding: 30px 0 0;
        width: 100%;
        float: left;
    }

        .dbpointnm:last-child {
            text-align: inherit;
        }

        .dbpointnm .dbroutehead_top {
            width: 50%;
            float: left;
        }

        .dbpointnm .dbpointnm_data {
            width: 50%;
            float: left;
            text-align: right;
            padding: 0;
        }

    .dbroutehead {
        font-size: 13px;
        line-height: 21px;
    }

        .dbroutehead i {
            color: var(--primary-color);
            font-weight: 400;
        }

    .dbroutehead_top {
        position: relative;
        padding: 0 0 0 35px;
    }

        .dbroutehead_top:before {
            position: absolute;
            content: '';
            left: 0;
            top: 5px;
            background-image: url("../images/icon01.svg");
            background-position: -17px -9050px;
            background-repeat: no-repeat;
            width: 30px;
            height: 30px;
        }

    .dbpointnm .dbpointnm_data::after {
        display: none;
    }

    .bookingdbseat {
        padding: 15px;
    }

    .bookpayment span {
        font-size: 14px;
    }

    .dbroutespan {
        padding: 3px 0 9px;
    }

    .bookingdbhead {
        font-size: 13px;
        color: var(--secondary-color);
    }

    .bookingdbmain button {
        font-size: 13px;
    }

    .modifybookingform {
        padding: 20px 0 20px;
    }

    .routebustypeamenity {
        padding: 20px 0 0;
        margin: 30px 0 0;
    }

    .routepickupcheckbox.routepickupcheckbox_amenities p {
        font-size: 13px;
    }

    .routepickupcheckbox.routepickupcheckbox_amenities label {
        padding: 1px 14px 2px;
    }

    .busroutevialist {
        height: 235px;
    }

        .busroutevialist .vialist {
            overflow-y: auto;
            height: 220px;
        }

    .bustime.busroutearrow {
        width: 59%;
        text-align: center;
    }

    .superbdarea02 {
        padding: 15px 0 0;
    }

    .route_tabbing_details .supertabpart {
        height: 325px;
    }

    .busroutevialist .vialist ul li::after {
        right: 8px;
        top: 3px;
        font-size: 10px;
    }

    .route_tabbing_details .supertabs ul li a {
        font-size: 13px;
    }

    .route_tabbing_details .supertabs ul {
        gap: 26px;
    }

    .sprtabbing h3 {
        font-size: 12px;
    }

    .sprbustype span {
        font-size: 11px;
        padding: 4px 8px 3px;
    }

    .reviewname span {
        font-size: 14px;
        padding: 0 0 3px;
    }

    .supertabs .sprtabbing {
        padding: 15px 0 0;
    }

    .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_about p {
        font-size: 12px;
        line-height: 21px;
        padding: 20px 0 0 0;
        text-align: left;
    }

    .bookingbdroute {
        gap: 15px;
    }

    .bookingbdpart {
        padding: 15px 15px 0;
    }

    .bookingcontinue {
        padding: 35px 15px 10px;
    }

        .bookingcontinue button {
            padding: 6px 24px;
            font-size: 12px;
        }

    .bookingbdtime {
        font-size: 13px;
    }

    .bookingbdcity {
        gap: 10px;
    }

    .bookingbdcityarea span {
        font-size: 14px !important;
    }

    .bookingbdcityarea .bookingbdcityarea_span {
        font-size: 13px !important;
    }

    .bookingbdcityarea .mapbdpoints {
        padding: 4px 0 0 41px;
        background-position: 28px -6572px;
    }

    .bookingbdcityarea .css-ahj2mt-MuiTypography-root {
        padding: 3px 0 0;
        font-size: 14px;
        color: var(--secondary-color);
    }

    .routedateslider img {
        display: none;
    }

    .onewaybookmblimg {
        display: block !important;
    }

    .routedateslider::before {
        left: 15px;
        top: 15px;
        background-size: 80px;
        width: 80px;
        height: 22px;
    }

    .customerroutedata {
        padding: 35px 0 0;
    }

    .passcontactcheckbox label {
        font-size: 11px;
        line-height: 15px;
        padding: 2px 0 0;
        width: 74%;
        float: left;
        align-items: center;
        color: #000;
    }

    .passcontactcheckbox .cus_wicon {
        display: block;
        background-image: url("../images/whatsapp.svg");
        background-position: 100% 0px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        float: right;
    }

    .passcontactcheckbox label::before {
        content: "";
        width: 24px !important;
        height: 18px !important;
        background-color: var(--tertiary-color);
        border: 1px solid var(--secondary-color);
        margin-right: 0;
        border-radius: 4px;
    }

    .psngrestro {
        gap: 10px;
    }

    .passengerbox {
        padding: 22px 16px 22px;
    }

    .passengerdetails input {
        height: 40px;
        font-size: 12px;
    }

    .passcontactcheckbox {
        padding: 20px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .passgender .css-ahj2mt-MuiTypography-root {
        font-size: 13px;
    }

    .bookinrtotal {
        display: block;
    }

    .passengerdetails {
        padding: 0;
    }

    .bookinrtotal {
        padding: 10px 0 30px;
    }

    .psngrtdetails {
        display: none;
    }

    .passcontactdata .passemail {
        padding: 0 0 15px;
    }

    .seatpricefilter {
        width: max-content;
        float: left;
        padding: 16px 15px;
    }

    .bookpartnxtbtn {
        padding: 35px 0 15px;
        justify-content: center;
    }

        .bookpartnxtbtn button {
            padding: 8px 44px;
        }

    .modifyswapcity {
        top: 16px;
        left: auto;
        right: 20px;
        transform: rotate(90deg);
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab i {
        font-size: 12px;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab {
        padding: 5px 0;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtablist {
        padding: 0;
    }

    .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
        line-height: 17px;
        font-size: 14px;
    }

    .popupblockpart.popupblockpart01 .sprtabbing p {
        font-size: 13px;
        line-height: 17px;
    }

        .popupblockpart.popupblockpart01 .sprtabbing p.fromtopoint_subadd {
            font-size: 13px;
            padding: 5px 0 0;
        }

    .route_tabbing_details {
        height: 518px;
        padding: 30px 0 0;
    }

    .busendtime {
        text-align: right;
    }

    .popupblockpart.popupblockpart01 .supertabs label {
        font-size: 12px;
    }

        .popupblockpart.popupblockpart01 .supertabs label.dropdate {
            font-size: 12px;
        }

    .route_tabbing_details #thumbs {
        top: 180px;
    }

    .popupblockpart.popupblockpart01 {
        width: 480px;
        height: 495px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 115px;
        }

    .popupblockpart01 #thumbs img {
        height: 40px;
    }

    .busroutevialist span {
        width: 19%;
    }

    .busroutevialist .vialist {
        width: 81%;
    }

        .busroutevialist .vialist ul li {
            font-size: 13px;
            padding: 0 25px 0 0;
        }

    .tabreview {
        padding: 12px 0;
    }

    .bustiming {
        justify-content: space-between;
    }

    .busdetails {
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }

    .modifyinputpart label {
        font-size: 13px;
        padding: 9px 10px 0 0;
    }

    .modifytocity.modifyfromcity {
        width: 100%;
    }

    .modifyinput.modifytocity.modifyfromcity {
        float: left;
        padding: 15px 0 0;
    }

    .updatetrippopup .modifytocity {
        width: 100%;
    }

        .updatetrippopup .modifytocity.modifyfromcity {
            width: 100%;
        }

    .updatetrippopup .modifycity {
        display: block;
    }

    .updatetrippopup .modifyfromcity .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon {
        width: 100%;
    }

    .modifydate {
        width: 100%;
        padding: 15px 0 0;
    }

    .modifybutton {
        width: 100%;
        padding: 15px 0 0;
    }

    .mobilefilter {
        padding: 25px 0 0;
    }

    .buscountnumber p {
        font-size: 12px;
        padding: 11px 12px 9px;
    }

        .buscountnumber p.buscountaddroute {
            padding: 10px 12px 9px;
        }

    .routebuscount {
        padding: 38px 0 0;
    }

    .routerightcontent .modifyincontent {
        padding: 30px 0 0;
    }

    .modifyincontent {
        font-size: 13px;
    }

    .modifytocity {
        width: 100%;
    }

    .modifycity {
        width: 100%;
        float: left;
        background-color: transparent;
        border-radius: 0;
    }

    .modifyinput .MuiAutocomplete-hasPopupIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot,
    .modifyinput .MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

    .modifyfromcity .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon {
        width: 86%;
    }

    .modifyinputpart label {
        font-size: 13px;
        padding: 9px 10px 0 0;
    }

    .bustype {
        width: 47%;
    }

    .busroutetimetable {
        padding: 20px 15px 0;
    }

    .busroutedatatimembl {
        padding: 20px 15px 0;
    }

    .bustiming {
        width: 90%;
    }

    .busfairdetails {
        width: 16%;
    }

    .buslighttext.buslighttextbold {
        font-size: 12px;
    }

    .bustype {
        width: 40%;
    }

    .busfairdetails span {
        font-size: 14px;
    }

        .busfairdetails span i {
            font-size: 13px;
        }

    .busfairdetails .savingamount {
        font-size: 12px;
    }

    .busroutevia {
        padding: 2px 0;
    }

    .busroutetimetable .busfairdetails .lighttext {
        display: block;
        padding: 0;
    }

    .modifytodate span.datepicker_arrow {
        font-size: 22px;
    }

    .busfacilitiestab .nav-tabs {
        padding: 5px 15px 0;
    }

        .busfacilitiestab .nav-tabs .nav-item {
            display: inline-block;
            padding: 0 0 3px;
        }

    .busfacilitiestab .nav-tabs {
        padding: 10px 15px 0;
    }

    /*.buscountnumber {
        float: left;
        width: 100%;
    }*/

    .bussortbylisting {
        float: left;
        width: 100%;
        text-align: center;
    }

    .busfairdetails p {
        display: block;
        padding: 0 10px 0 0;
    }

        .busfairdetails p.savingamount {
            padding: 0;
        }

    .routedata {
        padding: 0 0 25px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button .nav-link {
        margin: 2px 0 2px;
        padding: 4px 28px;
        font-size: 14px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button i {
        padding: 5px 15px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button i {
        font-size: 16px;
        line-height: 22px;
    }

    .boarding-list label {
        padding: 0 10px 0 0;
        width: auto;
        float: none;
        display: block;
    }

    .busseatleft .windowseat {
        font-size: 12px;
    }

    .updatetrippopup .modifytodate {
        width: 100%;
    }

    .modifyinput.modifytodate.modifyfromdate {
        padding: 20px 0 0;
    }

    .updatetrippopup .modifydate {
        display: block;
    }

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

    .testimonials-tab-section i {
        font-size: 40px;
    }

    .testimonials-tab-section .slider__txt {
        font-size: 14px;
        line-height: 20px;
        text-align: justify;
    }

    .testimonials-tab-section .slider__nav {
        width: 10px;
        height: 10px;
        margin: 0px 5px;
    }

    .lowerdeckseat, .upperdeckseat {
        height: 230px;
    }

    .cancellation-title {
        font-size: 16px;
        padding: 10px 10px;
    }

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

    .restroute_point_popup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 0 !important;
    }

    .viewbusroutepart .passengertitle {
        padding: 0 0 20px;
    }

    .bookingdbchange.bookingdbchange01 {
        padding: 0;
    }

    .css-ypiqx9-MuiDialogContent-root {
        padding: 15px 12px;
    }

    .bookingconfirmbtn button {
        font-size: 14px;
        padding: 8px 15px;
    }

    .seatitle {
        margin: 10px 0 10px;
        width: 100%;
        font-size: 13px;
    }

        .seatitle::before {
            width: 70px;
            height: 25px;
        }

        .seatitle::after {
            width: 70px;
            height: 25px;
        }

    .routepoint {
        padding: 0 0 20px;
    }

        .routepoint .css-qkv3hr-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
            font-size: 13px;
        }

    .busroutefacilities {
        padding: 20px 0 0;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        padding: 18px 0 0;
    }

    .modifyamenities {
        padding: 0 0 10px 15px;
    }

    .serviceboxdetail p {
        font-size: 14px;
        width: 100%;
        padding: 0;
    }

        .serviceboxdetail p::after {
            right: auto;
            left: auto;
            margin: 0 0 0 5px;
        }

    .serviceboxdetail label {
        font-size: 14px;
        width: 100%;
        padding: 0;
    }

    .serviceboxdetail {
        padding: 4px 10px;
    }

    .seatpricefilter ul li {
        margin: 0 3px;
        font-size: 12px;
    }

    .seatpricefilter ul {
        font-size: 12px;
    }

    .noroute p {
        font-size: 12px;
    }

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

    .passcount {
        font-size: 14px;
        padding: 0 0 17px;
        float: left;
    }

    .passgenderage {
        display: flex;
        flex-direction: column-reverse;
        gap: 25px;
        padding: 0;
    }

        .passgenderage .passcount {
            padding: 0;
        }

    .passgender {
        width: 100%;
        padding: 0;
    }

    .passage {
        width: 100%;
    }

        .passage .passcount {
            display: none;
        }

    .customerinfohead label {
        font-size: 20px;
    }

    .passengertitle {
        font-size: 16px;
    }

    .passcontactdata label {
        display: none;
    }

    .gststate {
        padding: 5px 0 7px;
    }

        .passgender .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input, .gststate .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
            height: 38px;
        }

    .bookinrdetails .passcount {
        color: #000;
        width: 100%;
    }

    .bookinrdetails p {
        font-size: 13px;
        line-height: 19px;
    }

    .cust_final {
        padding: 40px 0 20px;
    }

    .passengeroutepart .passengerbox .passengerboxfinal {
        padding: 25px 0 0;
        margin: 30px 0 0;
    }

    .passengeroutepart label {
        width: 100%;
    }

    .paybusname {
        padding: 0 15px 17px;
    }

        .paybusname .paybuspart {
            font-size: 13px;
        }

        .paybusname .busnmnumber {
            font-size: 13px;
        }

    .paydatadetails {
        font-size: 12px;
    }

    .paydetailsdata {
        font-size: 13px;
        line-height: 19px;
    }

    .paycustroutedata {
        padding: 0 0 20px;
    }

    .paycustinfo {
        padding: 18px 15px 0;
    }

    .psngram01 .bookingdb::after {
        width: 1px;
    }

    .payticketfare {
        padding: 24px 20px 23px;
    }

        .payticketfare h5 {
            font-size: 15px;
        }

    .psngrfareamount h2 {
        font-size: 18px;
    }

    .cust_saving {
        padding: 15px 0 0;
    }

        .cust_saving span {
            font-size: 13px;
        }

    .payableam {
        padding: 24px 0 20px;
    }

        .payableam h2 {
            font-size: 13px;
        }

    .faredetails p {
        padding: 0 0 20px;
    }

    .payfarepart {
        padding: 25px 0 10px;
    }

    .faredetails p {
        text-align: center;
    }

    .payfarepart p i {
        display: contents;
    }

    .search-wrapper input {
        padding: 0 0 0 30px;
    }

    .busfacilitiestab .tab-content .tab-pane {
        padding: 46px 0 0;
    }

    .bookingdbchange {
        padding: 0;
    }

    .busboldlabel {
        font-size: 12px;
    }

    .bookingbdpoint .busboldlabel {
        padding: 13px 15px 13px;
        font-size: 14px;
    }

    .busnametype .busboldlabel {
        font-size: 14px;
    }

    .buslighttext {
        font-size: 13px;
    }

    .busseatmodify .buslighttext {
        font-size: 15px;
    }

    .busseatmodify .windowseat {
        font-size: 14px;
    }

    .amenities-icon-box {
        padding: 6px 10px;
    }

    .restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
        width: 100%;
    }

    .psngrpopright .dbroutehead_top:before {
        display: none;
    }

    .psngrpopright .dbpointnm .dbroutehead_top {
        width: auto;
        float: none;
        padding: 0;
    }

    .psngrpopright .dbpointnm .dbpointnm_data {
        text-align: left;
        width: auto;
    }

    .restroute_point_popup .dbroutehead {
        font-size: 16px;
    }

    .restroute_point_popup .psngrpopright .dbpointnm_data .dbroutehead {
        font-size: 13px;
        line-height: 20px;
    }

    .restroute_point_popup .psngroutepart::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
        display: none;
    }

    .bookingdbchange01 .passcount {
        padding: 0;
    }

    .passgender .css-qfz70r-MuiFormGroup-root {
        padding: 0 0 0 25px;
        width: 80%;
        gap: 15px;
        float: left;
    }

    .passengerbox .passgender .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 0 4px 0 0 !important;
    }

    .passengernumber {
        padding: 0 0 25px;
    }

    .passengerbox.passengersubdetails {
        padding: 25px 20px 5px;
    }

    button.okbtn {
        padding: 8px 40px;
    }

    .restroute_point_popup .dbpointnm {
        padding: 0 0 30px 26px;
    }

    .onewayreturntitle label {
        font-size: 18px;
    }

        .onewayreturntitle label span {
            height: 21px;
            padding: 0 24px;
            background-size: 26px;
            width: 26px;
        }

    .amenitiescstmr {
        padding: 2px 10px;
    }

        .amenitiescstmr i {
            font-size: 15px;
        }

    .returnseprator {
        padding: 45px 0 40px;
    }

    .psngrouteicon img {
        width: 100%;
        max-width: 150px;
    }

    .passengerbox.gstamenity {
        padding: 10px 10px 0;
        border: none;
    }

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

    /* ****** My Profile start ****** */

    .popup-content {
        height: 1000%;
        overflow-y: auto;
        position: absolute;
        z-index: 2;
        width: 100%;
        top: 0;
    }

    .popupblock {
        width: 100%;
        height: 100%;
    }

        .popupblock img {
            max-width: 260px;
            padding: 40px 0 0;
        }

        .popupblock a {
            padding: 8px 20px 7px 43px;
            font-size: 14px;
            background-position: 18px -7982px;
            background-size: 40px;
        }

    .profilebtmpopup {
        padding: 0 0 38px;
        float: left;
        margin: 0;
    }

        .profilebtmpopup h2 {
            font-size: 25px;
            padding: 15px 0 12px;
            line-height: 33px;
        }

        .profilebtmpopup label {
            font-size: 13px;
            line-height: 18px;
        }

    .popupbutton {
        padding: 40px 0 0;
    }

    .profilepsdata input {
        height: 40px;
        font-size: 14px;
        padding: 0 0 0 15px;
    }

    .profileinfosave {
        width: 100%;
        text-align: center;
        padding: 5px 0 20px;
    }

        .profileinfosave button {
            padding: 10px 46px;
        }

    .profilewrapper {
        padding: 45px 16px 25px;
    }

    .profileblock .profilemenu {
        width: 100%;
    }

    .customerprofile {
        display: none;
    }

    .cprofilemobile {
        display: block !important;
        text-align: left;
    }

    .cstmrdatashow {
        position: absolute;
        top: 55px;
        right: 22px;
    }

        .cstmrdatashow a {
            color: var(--secondary-color);
            font-size: 11px;
            font-weight: 400;
        }

    .profileblock .profilemenu .profilefirst01 {
        border-top: none;
    }

    .profileblock .profilemenu li {
        padding: 15px 0 15px 50px;
        background-position: 5px -537px;
        position: relative;
    }

    .profilemenu li::after {
        position: absolute;
        content: "\f054";
        right: 0;
        top: 16px;
        font-size: 16px;
        color: var(--primary-color);
        line-height: normal;
        font-family: FontAwesome;
    }

    .profileblock .profilemenu .pdropmenu02 {
        background-position: 5px -1065px;
    }

    .profileblock .profilemenu .pdropmenu03 {
        background-position: 5px -799px;
    }

    .profileblock .profilemenu .pdropmenu04 {
        background-position: 5px -669px;
    }

    .profileblock .profilemenu .pdropmenu05 {
        background-position: 5px -932px;
    }

    .profileblock .profilemenu .pdropmenu06 {
        background-position: 5px -1330px;
    }

    .profileblock .profilemenu .pdropmenu07 {
        background-position: 5px -1460px;
    }

    .profileblock .profilemenu .pdropmenu08 {
        background-position: 5px -1594px;
        border: none;
    }

    .profileblock .profiletabpart {
        padding: 20px 0 35px;
        border-top: 1px solid #e1e1e1;
    }

    .profileupcoming .noroute {
        padding: 25px 0 0;
    }

    .profilertmdata {
        width: 100%;
        background-color: var(--pure);
        box-shadow: 0 4px 4px rgba(0 0 0 / 25%);
        border-radius: 20px;
    }

    .bookingmainprofile .bookingmainarea {
        display: none;
    }

    .profileupcoming {
        width: 100%;
    }

    .prmenudesk {
        padding: 11px 15px;
        background-color: #F0F0F0;
        border-radius: 20px;
    }

    .profilepersonalinfo {
        position: absolute;
        top: -13px;
        right: 5px;
        width: auto;
    }

    .viewupcoming .bookingsearch .searchbtn {
        width: auto;
        font-size: 12px;
    }

    .psngrpersinfo {
        margin: 18px 0 0;
        padding: 30px 22px 15px;
    }

        .psngrpersinfo .psngrpersinfoedit {
            font-size: 14px;
            right: 30px;
        }

    .profilepsdata {
        padding: 0 0 20px;
    }

    .psngerprofiledata {
        padding: 0 0 10px;
        font-size: 14px;
    }

    .sbusprofileroute {
        width: 100%;
        padding: 15px 15px 20px;
    }

    .sbusprofile {
        display: flex;
        justify-content: space-between;
        border-radius: 20px 20px 0 0;
        background-color: var(--secondary-color);
        padding: 15px 20px 15px;
    }

    .sbusprofileleft h4 {
        font-size: 18px;
        font-weight: 500;
        color: var(--pure);
    }

    .sbusprofileleft p {
        font-size: 10px;
        font-weight: 500;
        color: var(--pure);
    }

    .sbusprofileright {
        padding: 8px 0 0;
    }

        .sbusprofileright button {
            background-color: var(--button-color);
            border-radius: 19px;
            border: none;
            font-size: 10px;
            color: #000;
            padding: 5px 8px 5px 25px;
            background-image: url("../images/profileicon01.png");
            background-position: 10px -215px;
            background-repeat: no-repeat;
        }

    .pnameseat {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .pnameseatleft:last-child {
        text-align: right;
    }

    .pnameseatleft span {
        color: #666;
        font-size: 12px;
        font-weight: 400;
    }

    .pnameseatleft p {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 400;
    }

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

    .pcityarealeft label {
        color: var(--primary-color);
        font-size: 14px;
        font-weight: 700;
    }

    .pcityarearight {
        text-align: right;
    }

    .pcityareapart {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .pcityarealeft {
        width: 43%;
    }

        .pcityarealeft:nth-child(2) {
            width: 12%;
            text-align: center;
        }

    .profilelocalhead {
        display: none;
    }

    .profilelocalhead02 {
        display: block !important;
        color: var(--primary-color);
        font-size: 14px;
        font-weight: 600;
    }

    .viewupcoming a {
        font-size: 13px;
    }

    .profilepersonalinfo .viewupcoming {
        padding: 0;
    }

    .profilercity {
        display: flex;
        justify-content: space-between;
        padding: 15px 0 0;
        width: 100%;
    }

        .profilercity span {
            font-size: 12px;
            font-weight: 500;
            color: var(--primary-color);
            width: 44%;
        }

            .profilercity span:last-child {
                text-align: right;
            }

    .profileroutetime {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 10px 0 0;
    }

    .prttime span {
        color: #666;
        font-size: 11px;
        font-weight: 400;
        display: block;
    }

    .proute2 {
        text-align: right;
    }

    .profileupcoming .bookingticketbtn p {
        padding: 10px 10px 10px 20px;
    }

    .profilepersonalinfo .profilelocalhead {
        display: none;
    }

    .bookingmaincont.bookingmainprofile {
        padding: 20px 0 0;
    }

    .profileinfo {
        display: none;
    }

    .profileblock .profilemenu .active {
        background-color: transparent;
    }

    .prmenudesk02 {
        background-color: #F0F0F0;
        border-radius: 20px;
        float: left;
        padding: 11px 15px !important;
    }

    .profilemenu02 {
        display: flex !important;
    }

    .profiletabname a {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        display: inline-block;
        vertical-align: sub;
        padding: 0 0 0 10px;
    }

    .profilemainhmbl {
        display: block;
    }

    .profilemainhide {
        display: none;
    }

    .profiletabname08 {
        display: none;
    }

    .profilertmdata {
        display: block;
    }

    .profiletabarea {
        display: block;
    }

    .noroute {
        margin: 10px 0 0;
    }

    .profileblock {
        display: flex;
        flex-direction: column-reverse;
    }

    .profiletravel {
        padding: 0;
        border: none;
        width: 100%;
        margin: 0 !important;
    }

        .profiletravel .profiletravelicon {
            padding: 25px 0 0;
        }

    .profilemainh02 {
        display: none;
    }

    .profilemainh {
        font-size: 18px;
        color: var(--primary-color);
        /*border: none;*/
    }

    .profiletravelicon p img {
        max-width: 150px;
    }

    .profilenotification {
        margin: 20px 0 0;
        padding: 0;
        border: none;
    }

        .profilenotification .profilent p {
            font-size: 13px;
            padding: 20px 90px 20px 8px;
            border: 1px solid var(--secondary-color);
            border-radius: 20px;
        }

        .profilenotification .profilent {
            padding: 0 0 10px;
        }

            .profilenotification .profilent .close {
                padding: 16px 10px 0 0;
            }

    .profilent .close i {
        font-size: 11px;
    }

    .profiletabcont .profileupcoming {
        padding: 0;
    }

    .profiletabbox li {
        padding: 11px 0 11px;
        border-bottom: 1px solid #D9D9D9;
    }

        .profiletabbox li a {
            font-size: 14px;
            font-weight: 500;
            color: #000;
            display: inline-block;
            vertical-align: middle;
            padding: 0 0 0 10px;
        }

    .profiletabname08 {
        border: none;
    }

    .profilepsngr {
        padding: 0;
    }

    /* ****** My Profile End ****** */

    /*ContactUS page css******************/

    .maincontcadd {
        padding: 20px 0 20px;
    }

    .contactuscol .cityaddname {
        margin: 10px 0 10px;
        font-size: 18px;
    }

    .addrow {
        width: 100% !important;
    }

    .contactuscol .addrow {
        padding: 0;
    }

    .contactus_main_topline p {
        font-size: 16px;
        text-align: center;
    }

    .contactus_top_part_right {
        margin: 20px 0 0;
        float: left;
        width: 100%;
    }

    .contactus_data_left p {
        padding: 0 40px;
        font-size: 17px;
        line-height: 26px;
    }

        .contactus_data_left p a {
            display: block;
        }

    .contactus_data_right {
        padding: 25px 0 0;
    }

        .contactus_data_right p {
            font-size: 17px;
            padding: 0 0 10px;
        }

        .contactus_data_right span {
            gap: 10px;
        }

            .contactus_data_right span a {
                height: 34px;
                width: 34px;
                background-size: 40px;
                background-position: center -9478px;
            }

                .contactus_data_right span a.contact_facebook {
                    background-position: center -9605px;
                }

    .web_input textarea {
        padding: 25px;
    }

    .contactus_bottom_button {
        padding: 20px 0 0;
        justify-content: center;
    }

    .blue_btn {
        font-size: 12px;
        padding: 11px 42px;
    }

    .contactus_contactdetails {
        padding: 32px 0;
        background-position: center -722px;
        background-size: 2700px;
    }

    .contactus_tab_main {
        padding: 40px 0 0;
    }

        .contactus_tab_main .faq_main_wrap .panels {
            margin: 25px 0 0;
            border: none;
            padding: 0;
        }

    .popup_routename {
        padding: 0 0 16px;
        flex-wrap: wrap;
    }

    .popup_routename_type {
        padding: 20px 0 0;
    }

    .popup_route_listing {
        flex-wrap: wrap;
        gap: 15px;
        padding: 20px 0;
        height: 180px;
    }

    .popup_fare_amount {
        font-size: 20px;
    }

    .custjrny_popup_farecount .booking_btn {
        padding: 4px 27px;
    }

    .popup_routename_type label.route_bustype {
        padding: 3px 10px;
    }

    .customtabbing .customtab ul li a {
        font-size: 14px;
    }

    .popup_routename_type {
        align-items: flex-start;
        flex-direction: column;
    }

        .popup_routename_type label {
            width: auto;
        }


    .popuptab-content .sprtabbing p {
        padding: 14px 0;
    }

    .customtab ul li a {
        font-size: 13px;
    }

    .route_list_onwarddata {
        flex-basis: 100%;
        gap: 0px;
    }

        .route_list_onwarddata.route_list_onwarddata01 {
            align-items: flex-start;
        }

            .route_list_onwarddata.route_list_onwarddata01 p {
                text-align: left;
            }

    .contactus_tab_main label.active .css-ahj2mt-MuiTypography-root {
        border-bottom: 2px solid var(--secondary-color);
    }

    .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        gap: 60px;
    }

    .contactus_tab_main .filter-drawer {
        flex-basis: 100%;
    }

    .contactus_tab_main .faq_content_list .filter_tab_main {
        gap: 15px;
    }

    .contactus_tab_main .filter-drawer__content-wrapper {
        padding: 0;
    }

    .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        display: block;
        width: 100%;
        border-bottom: 1px solid #E1E1E1;
        overflow-x: auto;
    }

        .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .contactmainwrap {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 25px;
    }

    .contactus_tab_main .filter-drawer__title {
        font-size: 17px;
    }

    .contactus_tab_main label .css-ahj2mt-MuiTypography-root {
        padding: 0 0 10px;
    }

    /*ContactUS page css End******************/

    .contactus_wrapper {
        padding: 40px 0 35px;
    }

    .privacypolicydata p {
        padding: 10px 0 0;
    }

    .conditionsdata h3 {
        font-size: 22px;
        margin: 0 0 12px !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;
    }

    .conditionsdata h3 {
        font-size: 20px;
    }

    /*Bus Charter style*****/

    .buscharterimage {
        margin: 40px 0 0;
    }

    .logintest .css-3yjvh5-MuiPaper-root-MuiAlert-root {
        width: 100%;
        padding: 14px 36px !important;
    }

    .bushireconfirmpopup h3 {
        font-size: 16px;
        line-height: 26px;
        padding: 0 20px 48px;
    }

    .bushireconfirmotp {
        width: 98px;
        height: 98px;
        font-size: 60px;
        line-height: 108px;
    }

    .bushireconfirmpopup p {
        padding: 40px 0 0;
        font-size: 12px;
        line-height: 21px;
    }

    .buscharterimage p {
        top: 21px;
        font-size: 16px;
        line-height: 22px;
    }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 175px !important;
        margin: 0 0 10px;
    }

    .charterinput .col-lg-6 label {
        padding: 15px 0 8px;
    }

    .mrgbtm .redclr {
        font-size: 12px;
    }

    .charterinput .col-lg-6 input {
        font-size: 13px;
    }

    .charterinput .col-lg-6 .txtDateTime {
        background-position: 105% -6074px;
    }

    .captchin img {
        max-width: 230px;
    }

    /*My Booking style*****/

    .easemytripwrapmdfy {
        padding: 0 0 30px;
    }

    .partialdatatitle span {
        flex-basis: 20%;
        padding: 0 0 0 10px;
    }

    .partialdatadetails p {
        flex-basis: 22%;
    }

    .modifyarticletable {
        padding: 0;
    }

    .modifyarticledetails table {
        border: 1px solid #E6E6E6;
    }

    .css-hz1bth-MuiDialog-container .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        margin: 10px;
        padding: 20px;
    }

    .modifydetailsinput.modifydetailsinputbutton button {
        padding: 10px 27px;
        font-size: 13px;
    }

    .modifyarticledetails table thead tr th {
        padding: 8px 0;
        font-size: 14px;
    }

    .modifyarticledetails table tbody tr td {
        padding: 10px 0;
        font-size: 14px;
    }

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

    .modifydetailsinput {
        padding: 10px 0 0;
    }

    .logintest .loginconfirmpopup h4 {
        padding: 0 0 30px;
    }

    .conditionsdata p {
        font-size: 13px;
        line-height: 1.5;
    }

    .termsdata .conditionsdata h3 {
        font-size: 14px;
    }

    .bookingcollapse {
        width: 82%;
    }

    .bookingbusname02 {
        display: block;
        padding: 20px 16px 15px;
    }

    .bookingroutedetails .bookingroutename {
        width: 34%;
    }

    .book-heading {
        font-size: 26px;
        line-height: 31px;
    }

    .bookingmainup {
        display: block;
    }

    .mybookingtabspart {
        padding: 0 !important;
    }

    .mybookingtabspart01 {
        width: 100% !important;
        float: left !important;
    }

    .mybooking_tabsarea01 {
        border-bottom: 1px solid #e1e1e1;
        padding: 20px 0 0;
    }

    .mybookingtabspart01 .nav03 .bookingbusname {
        cursor: pointer;
    }

    .mybookingtabspart01 .bookingmainarea01 {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s ease-out;
        margin: 10px 0 10px;
    }

    .mybookingtabspart01 .nav03 .bookingbusname::after {
        position: absolute;
        content: "\f067";
        right: 0;
        color: var(--pure);
        font-size: 14px;
        top: 19px;
        font-family: fontawesome;
    }

    .mybookingtabspart01 .nav03.open .bookingbusname:after {
        content: "\f068";
    }

    .mybookingtabspart01 .nav03.open .bookingmainarea01 {
        height: auto;
        max-height: 500px;
        transition: max-height 1s ease-in !important;
    }


    .mybooking_tabsarea01 .bookingbusname {
        display: none;
    }

    .mybooking_tabsarea01 .bookingmaincont {
        padding: 0;
    }

    .bookingmainup .bookingbusname {
        display: block;
    }

    .bookingmainarea01 .bookingjrnydetails01 {
        display: none;
    }

    .bookingmainup .bookingjrnydetails {
        padding: 25px 10px;
    }

    .bookingnavmain {
        padding: 30px 10px 0;
    }

    .mybooking-tabs {
        padding: 25px 0 0 !important;
    }

    .mybooking_tabsarea {
        margin: 30px 0 0px !important;
    }

    .mybooking_hideshow {
        display: none;
    }

    .mybooking_tabsarea02 {
        display: block;
    }

        .mybooking_tabsarea02 .bookingjrnydetails {
            padding: 25px 12px 25px;
        }

        .mybooking_tabsarea02 .bookingmaincont {
            padding: 0 12px;
        }

        .mybooking_tabsarea02 .bookingmainbox02 {
            border: none;
        }

        .mybooking_tabsarea02 .bookingjrnydetails02 {
            padding: 25px 0;
        }

        .mybooking_tabsarea02 .bookingjrnydetails03 {
            padding: 10px 0 25px;
        }

        .mybooking_tabsarea02 .bookingticket {
            padding: 15px 0 38px;
        }

    .bookingratestar i {
        font-size: 22px;
        -webkit-text-stroke: 1px #888;
    }

    .bookingroutename .star-rating label {
        font-size: 22px !important;
        -webkit-text-stroke: 1px #888;
        padding: 0 3px !important;
        cursor: pointer;
    }

    .bookingticketbtn {
        padding: 0 0 18px;
    }

        .bookingticketbtn p {
            background-size: 36px;
            background-position: left -6285px;
            padding: 10px 0 10px 19px;
        }

            .bookingticketbtn p a {
                font-size: 12px;
                font-weight: 600;
            }

            .bookingticketbtn p::after {
                right: 4%;
                top: 13px;
                height: 22px;
            }

        .bookingticketbtn .mybookmodify {
            background-position: left -6435px;
        }

        .bookingticketbtn .mybookticket {
            background-position: left -6583px;
        }

        .bookingticketbtn .mybookterms {
            background-position: left -6740px;
            padding: 0 0 0 18px !important;
        }

    .bookingroutename.bookingroutename03 span {
        line-height: 17px;
    }

    .bookingticket {
        padding: 17px 10px 35px;
    }

    .profileupcoming .bookingticket {
        padding: 15px 0 0;
    }

    .mybooking-tabs .tab-list {
        display: flex;
        justify-content: space-between;
    }

        .mybooking-tabs .tab-list > li {
            padding: 0 0 16px;
            margin: 0;
        }

            .mybooking-tabs .tab-list > li > h3 {
                font-size: 15px;
                font-weight: 500;
            }

    .mybooking_tabspart {
        padding: 0;
    }

    .bookingdatedetails .panel-heading {
        font-size: 22px;
        line-height: 32px;
    }

    .bookingpartcont {
        font-size: 13px;
        line-height: 20px;
        display: block;
    }

    .bookingmainbox02 .bookingpartcont {
        font-size: 17px;
    }

    .bookingmainbox02 .bookingroutename span {
        font-size: 16px;
    }

    .bookingroutename label {
        font-size: 12px !important;
    }

    .bookingroutename p {
        font-size: 13px;
        padding: 7px 0 0;
    }

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

    .bookingbusicon {
        width: 20px;
        height: 15px;
        margin: 27px 0 0;
        background-size: 20px;
    }


    .bookingmaincont {
        padding: 25px 16px 0;
    }

    .bookingbusname {
        padding: 20px 16px;
    }

    .bookpsngrnm {
        width: 50%;
        display: inline-block;
        padding: 12px 0 0;
    }

    .bookingjrnydetails03 .bookingroutename p {
        padding: 0;
        color: #888;
    }

    .bookingjrnydetails03 .bookingroutename label {
        padding: 0 !important;
    }

    .bookpsngrnm02 {
        text-align: right;
    }

    .mybooking_tabsarea03 {
        padding: 0 16px !important;
    }

        .mybooking_tabsarea03 .bookingbusname {
            padding: 18px 0;
        }

        .mybooking_tabsarea03 .bookingmaincont {
            padding: 20px 0 5px;
        }

    .bookingdatedetails {
        width: 28%;
        padding: 0 6px 0 0;
    }

    .bookingroutedetails {
        width: 72%;
    }

    .bookingfeedback textarea {
        width: 92%;
        height: 310px;
        font-size: 15px;
    }

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

    .bookingjrnydetails02 .bookingpartcont {
        font-size: 18px;
        line-height: 25px;
        padding: 7px 0 0;
    }

    .bookingjrnydetails02 .bookingroutename a {
        background-position: left -6568px;
        padding: 7px 0 0 16px;
    }

    .bookingjrnydetails02 .bookingroutename02 {
        padding: 25px 0 0;
    }

    .bookingsbmtxt {
        display: none;
    }

    .bookingsubmit {
        padding: 30px 0 34px;
    }

        .bookingsubmit .bookingdwnticket {
            display: inline-block;
            width: 100%;
            text-align: center;
        }

            .bookingsubmit .bookingdwnticket a {
                padding: 9px 73px 9px;
                display: inline-block;
            }

    /* login style*/

    .loginconfirmpopup {
        padding: 45px 0 45px;
    }

        .loginconfirmpopup h3 {
            font-size: 16px;
            line-height: 24px;
            padding: 0 20px 30px;
        }

        .loginconfirmpopup p {
            padding: 40px 10px 0;
            font-size: 14px;
            line-height: 22px;
        }

            .loginconfirmpopup p i {
                font-style: normal;
                display: inline;
            }

    /***** About Us *****/

    .aboutwraper {
        padding: 45px 0 0;
    }

    .aboutarea {
        padding: 0;
    }

        .aboutarea .aboutus_page_title {
            display: block;
            padding: 0 0 20px;
        }

        .aboutarea .aboutcontent .aboutus_page_title {
            padding: 0;
        }

    .aboutus_page_title {
        font-size: 22px;
    }

    .aboutcontent .aboutus_page_title {
        font-size: 16px;
    }

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

        .aboutcontent p {
            font-size: 14px;
            line-height: 23px;
            padding: 18px 0 0 !important;
        }

    .aboutvision {
        padding: 40px 0;
    }

    .aboutrightpart {
        padding: 30px 0 0;
    }

        .aboutrightpart .aboutus_page_title {
            font-size: 18px;
        }

    .mainpioneers {
        padding: 45px 0 0;
    }

        .mainpioneers .aboutus_page_title::after {
            right: -227px;
            top: 6px;
        }

    .pioneerbox {
        height: 325px;
        width: 220px;
    }

    .pioneercontent {
        height: 81px;
        padding: 19px 0 0 15px;
    }

        .pioneercontent h3 {
            font-size: 16px;
            line-height: 21px;
        }

        .pioneercontent p {
            font-size: 14px;
            padding: 2px 0 0;
            color: #FF9600;
        }

    .aboutgallery {
        padding: 48px 0 0;
    }

    .aboutsuperpart .superbusgallery {
        padding: 12px 0 0;
    }

    .honourslide {
        padding: 26px 0 0;
    }

    .aboutsuperpart {
        padding: 50px 0 50px;
    }

    .aboutsuperlogo img {
        max-width: 220px;
    }

    .aboutsuperpart h4 {
        display: none;
    }

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

        .honourpart p i {
            display: contents;
        }

    .presshonour {
        padding: 40px 0 38px;
        margin: 0 0 15px;
    }

    .honour-slide h3 {
        font-size: 16px;
        line-height: 25px;
    }

    /*Modify Ticket*/

    .managetitle {
        padding: 0 0 10px;
    }

    .modifi_ticket_input {
        padding: 25px 18px;
        margin: 30px 0 0;
    }

        .modifi_ticket_input .managepnr label {
            padding: 0 0 0 10px;
        }

        .modifi_ticket_input .managepnr input {
            height: 40px;
            font-size: 13px;
        }

    .crntbdpointbox .busboldlabel {
        font-size: 16px;
        font-weight: 500;
    }

    .modifyrouteleft .busboldlabel {
        font-size: 16px;
        font-weight: 500;
    }

    .modifytickets {
        padding: 35px 0 35px;
    }

    .bookingbdpart .bookingbdcityarea .css-ahj2mt-MuiTypography-root {
        color: var(--primary-color);
    }

    .bookingbdpart .bookingbdtime {
        font-size: 14px;
    }

    .modifyrouteright img {
        max-width: 256px;
    }

    .mfyconfirm button {
        padding: 9px 37px;
    }

    .modifyrouteleftmbl .bookingbdpart {
        padding: 25px 10px 20px;
    }

    .modifybookticket p i {
        display: inline;
    }

    .reserrormsg {
        max-width: 100%;
    }

    /**** Terms & Conditions ****/

    .conditionsdata {
        font-size: 14px;
        padding: 10px 0;
    }

    .termsdata {
        padding: 0 5px;
    }

    .policyarea .conditionsdata {
        padding: 10px;
    }

    /****** Refund Status ******/

    .refunddetails {
        padding: 10px 0;
    }

        .refunddetails .refunddata {
            padding: 0 0 20px;
        }

            .refunddetails .refunddata input {
                height: 40px;
                font-size: 14px;
            }

            .refunddetails .refunddata label {
                padding: 0px 0 6px 10px;
                font-size: 14px;
            }

    /*Bus Charter*/

    .fix_contentwidth .panel-body {
        margin: 25px 0;
    }

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

    .charterinput {
        padding: 0;
    }

    .charterformgroup.charterformgroup01 {
        padding: 35px 0 0;
    }

    .charterjrnytm .css-16awh2u-MuiAutocomplete-root {
        width: 100%;
    }

    .charterjrnytm .css-1q60rmi-MuiAutocomplete-endAdornment {
        top: 6px;
    }

    .agntpgcaptcha {
        margin: 0;
    }

    /***** Agent Regi. *****/

    .fix_contentwidth .panel-primary > .panel-heading {
        margin: 35px 0 0;
    }

    .agentinput {
        padding: 0;
    }

    .agentformgroup {
        padding: 5px;
    }

    /***** Feedback *****/
    .feedbackwrap {
        padding: 20px 0 0;
    }

    .feedback_top_image {
        background-image: url("../images/feedbackmbl.png");
        background-position: center top;
        background-repeat: no-repeat;
        width: 100%;
        float: left;
        min-height: 282px;
        background-size: cover;
        border-radius: 20px;
    }

        .feedback_top_image img {
            display: none;
        }

    .feedback_wrapper {
        padding: 50px 0 0;
    }

    .feedbackboxleft h4 {
        font-size: 14px;
        padding: 0 0 20px;
    }

    .bookcompratestar {
        justify-content: center;
    }

    .feedbackmainbox {
        padding: 24px 20px;
    }

    .feedbackboxright h3 {
        font-size: 15px;
        padding: 0 0 16px;
    }

    .feedtextarea {
        padding: 3px 0 0;
    }

    .feedproceed {
        padding: 33px 0 0;
    }

    .feedbackimgmbl {
        padding: 20px 0 0;
    }

    .feedbackcheckbox {
        padding: 0 0 14px;
    }

        .feedbackcheckbox:nth-child(2n+1) {
            padding: 0 6px 14px 0;
        }

    .feedtextarea textarea {
        height: 175px;
        font-size: 13px;
        padding: 17px;
    }

    .feedproceed button {
        padding: 12px 43px 10px;
        font-size: 12px;
    }

    /***** FAQs *****/

    .charterformgroup {
        padding: 0;
    }

    .faqroutedetails {
        padding: 0 0 10px;
    }

    .faqroute {
        width: 12.6%;
    }

    .faqwrapper {
        padding: 45px 0 35px;
    }

    .page_title h2 {
        font-size: 22px;
        padding: 0 0 22px;
    }

    .faq_main_wrap .faqmaintabs {
        gap: 35px;
    }

    .faq_main_wrap .panels {
        padding: 0;
    }

    .filter-drawer {
        padding: 25px 12px 0px;
    }

    .filter-drawer__title {
        padding: 0 30px 25px 0;
        font-size: 13px;
    }

    .faq_main_wrap .tab {
        font-size: 15px;
    }

    .faq_content_list .filter-drawer__content {
        padding: 0 0 10px;
    }

    .faq_content_list .filter_tab_main {
        padding: 20px 0 0;
    }

    .faqrouteboxbus {
        padding: 0 15px 0 0;
        width: 58%;
    }

    .faqrouteboxtitle button {
        padding: 6px 13px 5px 31px;
        background-position: 8px -11466px;
        font-size: 11px;
    }

    .faqroutetime {
        padding: 12px 0 0;
    }

    .faqroutepart {
        padding: 15px 12px 20px;
    }

    .faqrouteboxtitle {
        padding: 16px 12px;
    }

    .faqrouteleft label {
        font-size: 24px;
    }

    .faqrouteleft span {
        font-size: 12px;
        line-height: 19px;
    }

    .faqfromroute label {
        font-size: 12px;
    }

    /***** Quick Links *****/

    .quicklinks_main .faq_main_wrap.quick_links_wrap .tabs {
        gap: 40px;
    }

    .faq_main_wrap.quick_links_wrap {
        padding: 45px 0 0;
    }

    /***** Reschedule Ticket *****/
    .reserrormsg {
        padding: 30px;
        font-size: 14px;
    }

        .reserrormsg .confirmbackbtn {
            padding: 30px 0 0;
        }

    .collapsibleres {
        padding: 20px 15px;
    }

    .reschedulehead .book-heading {
        font-size: 28px;
        line-height: 30px;
    }

    .reschedulehead .bookingpartcont {
        font-size: 14px;
        line-height: 21px;
    }

    .reschedulepart .bookingroutedetails.rbookingdetails {
        width: 76%;
    }

    .reschedulepart .bookingroutename label {
        font-size: 14px !important;
    }

    .bookingroutename p {
        font-size: 11px;
    }

    .reschedulepart .bookingroutename span {
        display: none;
    }

    .reschedulepart .bookingroutename .resdatembl {
        display: block !important;
    }

    .reschedulepart .bookingroutename span {
        font-size: 12px;
    }

    .bookingbusicon.rbookbusicon {
        background-size: 22px;
        width: 22px;
        height: 17px;
    }

    .collapsibleres h5 {
        display: block;
        padding: 20px 100px 0 0;
        line-height: 23px;
    }

    .confirmbackbtn {
        gap: 13px;
        padding: 35px 0 0;
    }

        .confirmbackbtn button {
            padding: 12px 40px;
        }

    .rescheduleimg {
        display: none;
    }

    /***** Cancel Details *****/

    .cancelticketfare {
        padding: 40px 0 20px;
    }

        .cancelticketfare .faredetails {
            padding: 28px 18px 30px;
        }

        .cancelticketfare .cust_savegst {
            padding: 10px 0 35px;
        }

        .cancelticketfare .payableam {
            padding: 18px 0 16px;
        }

        .cancelticketfare .payfarepart button {
            font-size: 14px;
            padding: 12px 35px 11px;
        }

    .logintest .loginconfirmpopup h4 {
        line-height: 24px;
        font-size: 18px;
    }

    .logintest .loginconfirmpopup {
        padding: 30px 20px 30px;
        width: 95%;
    }

    .logintest .payfarepart button {
        padding: 8px 30px 7px;
        font-size: 13px;
    }

    .logintest .css-i7kv6a-MuiDialogContent-root {
        padding: 0 0 33px;
    }

    .popupconfirmotp {
        margin: 0 0 25px;
    }

    .logintest .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        margin: 15px;
    }

    .resseat {
        height: 180px;
    }

    /*Blog*/

    .blog_main_wrap {
        padding: 50px 0 0;
    }

    .blog_filter_content {
        padding: 30px 0 0;
    }

    .blog_button {
        padding: 40px 0 0;
    }

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

    .blogwrapper {
        padding: 0 0 30px;
    }

    .blog_button button {
        font-size: 13px;
        padding: 9px 33px;
    }

    .blog_main_title h5 {
        font-size: 22px;
    }

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

    .exloreindia_inner .toptitle h3 {
        font-size: 16px;
    }

    .exloreindia.exloreindia_inner {
        padding: 50px 0 0;
    }

    .blog_sub_title h2 {
        font-size: 16px;
    }

    .blog_filter_content {
        padding: 22px 0 0;
    }

    .blog_main_content .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
    }

    .blog_main_content label .css-ahj2mt-MuiTypography-root {
        padding: 3px 18px;
    }

    .blog_box_dropdown {
        width: 380px;
    }

        .blog_box_dropdown .MuiInputBase-input.MuiInput-input {
            padding: 6px 0 5px 20px !important;
        }

    .blog_box {
        flex-basis: 47%;
    }

    .blog_box_content {
        top: 10px;
        left: 10px;
    }

        .blog_box_content p {
            font-size: 12px;
            padding: 0 10px 8px 0;
        }

        .blog_box_content a {
            font-size: 12px;
            padding: 3px 16px;
        }

    /* Carrier */

    .carriersright {
        padding: 20px 0 0;
    }

        .carriersright h1 {
            font-size: 30px;
            line-height: 34px;
        }

        .carriersright p {
            font-size: 16px;
            padding: 8px 0 14px;
        }

        .carriersright a {
            padding: 9px 28px 8px;
        }

    .carriersliderpart {
        padding: 6px 0 0;
    }

        .carriersliderpart img {
            top: 10px;
        }

    .carrierslider {
        padding: 0 0 33px;
    }

        .carrierslider:before {
            height: 445px;
            background-size: contain;
            top: 2px;
        }

    .carriersright:before {
        left: -160px;
        top: -19px;
        height: 88px;
        width: 972px;
        background-size: 500px;
    }

    .carrierworkbg {
        background-size: 1190px;
    }

    .carrierwork {
        padding: 50px 0 50px;
    }

    .carrierworkbox {
        padding: 30px 0 20px;
    }

    .carrierformleft {
        padding: 24px;
    }

    .carrierformright {
        min-height: 255px;
    }

        .carrierformright:after {
            width: 95px;
            height: 132px;
            background-size: 95px;
        }

    .customerpartwrap {
        padding: 45px 0;
    }

    .customerpart .toptitle h3 {
        font-size: 26px;
        padding: 0 20% 0 0;
    }

    .cstmrdropdown .css-16awh2u-MuiAutocomplete-root {
        width: 170px;
    }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa.fa-angle-down {
        font-size: 17px;
    }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa-angle-down:before {
        right: 15px;
    }

    .viewclear a {
        font-size: 13px;
    }

    .cstmrsuccessm {
        padding: 28px 0 0;
    }

    .cstmrsuccesstop span {
        font-size: 13px;
    }

    .cstmrsuccesstop h2 {
        line-height: 31px;
    }

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

        .cstmrsuccessbtm p span {
            background-position: left -14435px;
        }

    .formboxpartbtn a {
        padding: 9px 37px 8px;
    }

    .carrierteam {
        margin: 50px 0 0;
    }

    .customerdropdownwrap {
        padding: 22px 0 0;
        gap: 15px;
    }

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

    .carrierapplybtn a {
        padding: 9px 40px 8px;
    }

    .carrierbox {
        width: 296px;
        height: 296px;
        padding: 24px 22px 0;
    }

    /* Carrier Application */

    .carrierappslider {
        padding: 40px 0 0;
    }

    .carrierappsliderpart {
        padding: 25px 20px 26px 25px;
    }

        .carrierappsliderpart h2 {
            font-size: 30px;
            line-height: 35px;
            padding: 0 42% 0 0;
        }

        .carrierappsliderpart:after {
            background-size: 200px 670px;
            width: 160px;
        }

    .carrierappabout {
        padding: 35px 0 40px;
    }

    .carrierappaboutsec h2 {
        font-size: 20px;
        line-height: 22px;
    }

    .carrierappaboutleft h3 {
        font-size: 15px;
        line-height: 19px;
    }

    .carrieraboutcont {
        padding: 18px 0 0 10px;
    }

    .carrieraboutcontent {
        gap: 8px;
    }

        .carrieraboutcontent span {
            width: 3px;
            height: 3px;
            margin: 9px 0 0;
        }

        .carrieraboutcontent p {
            font-size: 15px;
            line-height: 21px;
        }

    .carrierappaboutleft.carrierappaboutright h3 {
        padding: 0 0 4px;
    }

    .carrierappaboutright p {
        font-size: 15px;
        line-height: 21px;
        padding: 14px 0 0;
    }

    .carrierappaboutpart {
        padding: 22px 0 0;
        gap: 35px;
    }

    .carrierappapply {
        padding: 70px 0 40px;
    }

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

    .carrierappapplybox p {
        font-size: 14px;
        line-height: 19px;
        padding: 0 0 22px;
    }

    .carrierappapplybox {
        padding: 23px 22px 28px;
    }

    .appapplyboxcont input {
        font-size: 13px;
        padding: 0 20px;
        height: 40px;
    }

    .appapplyboxcontresume input[type=file]::file-selector-button {
        margin-right: 10px;
        font-size: 12px;
        padding: 6px 20px;
    }

    .appapplyboxcontresume input[type=file] {
        padding: 10px 0 0 10px;
    }

    .appapplyboxleft {
        gap: 14px;
    }

    .appapplyboxcontresume:after {
        right: 17px;
        top: 18px;
        width: 17px;
        height: 16px;
        background-position: 95% -8613px;
        background-size: 38px;
    }

    .appapplyboxtextarea label {
        font-size: 14px;
        font-weight: 500;
    }

    .appapplyboxtextarea {
        gap: 4px;
    }

        .appapplyboxtextarea textarea {
            height: 115px;
        }

    .carrierproceedbtn {
        padding: 16px 0 0;
    }

        .carrierproceedbtn a {
            padding: 9px 35px 8px;
        }

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

    .carrierapproleslide {
        padding: 24px 15px 0;
    }

        .carrierapproleslide .owl-nav {
            top: -102px;
        }

        .carrierapproleslide .owl-prev:before, .carrierapproleslide .owl-next:before {
            font-size: 18px;
        }

        .carrierapproleslide .owl-prev, .carrierapproleslide .owl-next {
            right: 20px;
            width: 18px;
            height: 24px;
        }

    .roles-slide {
        width: 210px;
        height: 250px;
        background-size: 218px;
        padding: 20px 18px 16px;
    }

    .rolesbox h1 {
        font-size: 22px;
        line-height: 26px;
    }



    /* Partnership */

    .partnersliderbus {
        width: 390px;
        height: 240px;
        background-size: 390px;
        background-position: -70px bottom;
    }

    .partnershipslider:after {
        background-size: 250px 880px;
        background-position: left -390px;
    }

    .partnersliderleft h1 {
        font-size: 30px;
        line-height: 36px;
    }

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

    .collabsuper {
        background-size: 1190px;
    }

    .partnersliderleft a {
        padding: 9px 44px 8px;
    }

    .partnershipcolla {
        padding: 45px 0 0;
    }

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

    .collabsbox {
        width: 296px;
        height: 293px;
        padding: 34px 30px 0;
    }

        .collabsbox h3 {
            padding: 20px 0 10px;
            font-size: 18px;
        }

        .collabsbox p {
            font-size: 14px;
            line-height: 18px;
        }

    .supercollab {
        padding: 45px 0 0;
    }

    .supercollabpart .toptitle h3 {
        font-size: 23px;
    }

    .carriercollab .carrierappapplypart h2 {
        font-size: 24px;
        line-height: 27px;
    }

    .carriercollab .carrierappapplybox {
        padding: 24px 22px 28px;
    }

    .carriercollab .carrierappapplypart h2 {
        padding: 0 0 30px;
    }

    .collab-slide {
        width: 420px;
        height: 326px;
    }

    .collabscont {
        padding: 16px 30px 0;
        height: 189px;
        background-size: 165px;
    }

        .collabscont h3 {
            font-size: 18px;
            line-height: 30px;
        }

        .collabscont p {
            font-size: 14px;
            line-height: 18px;
        }

        .collabscont span {
            font-size: 14px;
        }

    .supercollabslide .owl-nav {
        top: auto;
        right: 0;
        bottom: -10px;
    }

    .supercollabslide .owl-prev, .supercollabslide .owl-next {
        right: 35px;
        width: 25px;
        height: 26px;
        border: 1px solid #666666 !important;
        border-radius: 50%;
    }

        .supercollabslide .owl-prev:before, .supercollabslide .owl-next:before {
            font-size: 18px;
            line-height: 25px;
        }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 40px 0 18px;
    }

    .emtsection {
        padding: 35px 0 0;
    }

        .emtsection span {
            font-size: 16px;
        }

        .emtsection p {
            font-size: 17px;
            line-height: 27px;
            padding: 35px 0 0;
        }

    .emtbutton {
        gap: 15px;
        padding: 0 0 40px;
    }

        .emtbutton a {
            font-size: 16px;
            padding: 7px 30px !important;
        }

    /*Thank You*/

    .thanksbox {
        padding: 35px 15px;
    }

        .thanksbox h3 {
            font-size: 14px;
            line-height: 21px;
            font-weight: 500;
        }

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

        .thanksbox p {
            font-size: 14px;
            line-height: 21px;
        }

        .thanksbox label {
            font-size: 14px;
            line-height: 21px;
        }

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

        .download_view_btn button {
            font-size: 14px;
            padding: 6px 15px 5px;
        }

    .onward_ticket_part {
        gap: 30px;
    }

    .thankspage {
        padding: 40px 0 20px;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 24px;
        line-height: 31px;
    }

    .top_routes_textbox {
        padding: 20px 0 0;
    }

        .top_routes_textbox p {
            font-size: 15px;
            line-height: 22px;
            padding: 14px 0 0;
        }

        .top_routes_textbox ul li {
            font-size: 16px;
            line-height: 20px;
        }

            .top_routes_textbox ul li p {
                font-size: 15px;
                line-height: 21px;
                padding: 0 0 0;
            }

    .top_routes_choice {
        padding: 30px 0 42px;
    }

    .top_routes_super {
        gap: 15px;
        padding: 24px 0 0;
    }

    .amenities_toproute {
        padding: 40px 0 !important;
    }

        .amenities_toproute .amenitiescard span {
            color: #fff;
        }

    .top_routes_faq {
        padding: 40px 0 0;
    }

    .faq_content_toproute .filter-drawer__title {
        font-size: 14px;
    }

    .toproute_option {
        padding: 0 0 0 25px;
    }
}

@media only screen and (max-width:449px) {
    .sliderwrapper {
        background-position: center -100px;
    }

    .css-ki1hdl-MuiAlert-action {
        left: auto;
        right: 40px;
    }

    /* Carrier Application */

    .roles-slide {
        width: 193px;
        height: 222px;
        background-size: 218px;
        padding: 16px 16px 0;
    }

        .roles-slide p {
            font-size: 12px;
        }

            .roles-slide p label {
                padding: 6px 0 0 14px;
                background-position: left -14603px;
            }



    .rolesbox span {
        line-height: 13px;
        font-size: 13px;
    }



    /* Partnership */

    .collab-slide {
        width: 370px;
        height: 306px;
    }

    .collabscont {
        padding: 15px 30px 0;
        height: 185px;
        background-size: 164px;
    }

        .collabscont h3 {
            line-height: 26px;
        }

    .otppopup .css-i7kv6a-MuiDialogContent-root {
        padding: 0;
        width: 300px;
        width: 280px;
    }

    .ticket_cancel .managepnr input {
        height: 32px;
        padding: 0 0 0 15px;
        border-radius: 50px;
        font-size: 13px;
    }

    .ticket_cancel .managepnr .modifytctotp {
        padding: 7px 15px;
    }

    .ticket_cancel .managepnr button {
        font-size: 13px;
        padding: 6px 20px;
        margin: 0;
    }

    .ticket_cancel .managepnr .redclr {
        position: absolute;
        bottom: -18px;
        left: 0;
        font-size: 12px;
    }
}

@media only screen and (max-width:399px) {
    .sliderwrapper {
        background-position: center -70px;
    }

    .carousel-caption {
        bottom: 22px !important;
    }

    .css-ki1hdl-MuiAlert-action {
        left: auto;
        right: 20px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 300px;
    }

    /*ModifyTicket css*/

    .managepnr label {
        margin: 0 0 6px !important;
        width: 100%;
    }

        .managepnr label::after {
            right: auto;
            margin: 0 0 0 10px;
        }

    .managepnr input {
        width: 100%;
    }

    /*ModifyTicket css*/

    .passengerbox.payment_gateway label {
        flex-basis: 100%;
    }

    .pg_gateway {
        float: none;
        display: inline-block;
    }

    /* Reschedule Ticket */

    .popupblockpart.popupblockpart01 .amenities-sprtab {
        flex-basis: 46%;
    }

    /* Partnership */

    .collab-slide {
        width: 350px;
        height: 296px;
    }

    .collabscont span {
        padding: 12px 0 0;
    }

    .collabscont {
        height: 182px;
        background-size: 159px;
    }
}

@media only screen and (max-width:380px) {
    /*.sliderwrapper {
        height: 350px;
    }*/

    .sliderwrapper {
        background-position: center -50px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 290px;
    }

    .destinationbox {
        width: 144px;
        height: 144px;
    }

    .superbusbutton a {
        font-size: 10px;
        padding: 3px 9px;
    }

    .amenitiesrow {
        justify-content: center;
    }

    .profiletravelicon p img {
        max-width: 140px;
    }

    /* Available Routes */

    .route_tabbing_details .supertabs ul {
        gap: 22px;
    }

    .popupblockpart.popupblockpart01 {
        height: 476px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 97px;
        }

    .route_tabbing_details {
        height: 505px;
    }

    /* Partnership */

    .collab-slide {
        width: 330px;
        height: 286px;
    }

    .collabscont {
        height: 178px;
        background-size: 155px;
    }

        .collabscont h3 {
            line-height: 24px;
        }
}

@media only screen and (max-width:360px) {
    /*.sliderwrapper {
        height: 340px;
    }*/

    .sliderwrapper {
        background-position: center -40px;
        height: 387px;
    }

    .slider_content {
        height: 368px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 255px;
    }

    .indexpopup img {
        max-width: 250px;
    }

    .destinationbox {
        width: 128px;
        height: 128px;
    }

    .superbusglry01 img {
        max-width: 176px;
    }

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

    .superbusglry02 .sbusicon3 {
        padding: 10px 0 0;
    }

    .superbusbutton {
        justify-content: space-between;
    }

        .superbusbutton a {
            padding: 3px 4px;
        }

    .chooseuscard {
        width: 295px;
        height: 295px;
        padding: 40px 0 0 0;
    }

    .profiletravelicon p img {
        max-width: 130px;
    }

    .mblexplorebtn a {
        padding: 2px 7px;
    }

    .amenitiesrow {
        gap: 14px 4px;
    }

    .faq_main_wrap .faqmaintabs {
        gap: 26px;
    }

    .amenitiescard span {
        font-size: 9px;
    }

    .mblexploreglry.mblexploreglry2 img {
        max-width: 138px;
    }

    /* Available Routes */

    .route_tabbing_details .supertabs ul {
        gap: 26px;
    }

    .busseatmodify .buslighttext {
        font-size: 14px;
    }

    .busseatmodify .windowseat {
        font-size: 13px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button .nav-link {
        padding: 4px 24px;
    }

    /* Partnership */

    .collab-slide {
        width: 290px;
        height: 270px;
    }

    .collabscont {
        height: 175px;
        background-size: 152px;
        padding: 15px 15px 0;
    }

        .collabscont h3 {
            line-height: 22px;
            font-size: 17px;
        }

        .collabscont p {
            font-size: 13px;
            line-height: 17px;
        }

        .collabscont span {
            font-size: 13px;
        }
}

@media only screen and (max-width:340px) {
    /*.sliderwrapper {
        height: 325px;
        padding: 30px 0 0;
    }*/

    .sliderwrapper {
        background-position: center -10px;
        height: 387px;
    }
}