@media (min-width: 320px) and (max-width: 360px) {
    .about-heroouter {
        margin-top: 30px;
        font-size: 14px;
        line-height: 20px;
        position: relative;
    }

        .about-heroouter .abouttag {
            font-size: 24px;
            color: #33669A;
        }

    .rideselect-btn {
        font-size: 16px;
        padding: 10px 11px;
    }

    .section-view {
        margin: 45px 0;
    }

    .section-heading {
        margin-bottom: 12px;
    }

        .section-heading .section-title {
            font-size: 20px;
            line-height: 24px;
            letter-spacing: 0px;
        }

    .line {
        background: var(--color-primary);
        width: 90px;
        height: 2px;
        margin-bottom: 10px !important;
    }

    .small-header-title {
        font-size: 16px;
        letter-spacing: -0.5px;
    }

    .content-boxtitle {
        font-size: 16px;
    }

    .form-taxi-short .form_new {
        max-width: 90%;
        padding: 45px 0px 30px !important;
    }

    .secfeaturesbox {
        margin-bottom: 15px;
    }

        .secfeaturesbox img {
            width: 38px;
        }

    .featureboxmob {
        flex-wrap: wrap;
    }

    .faq-question-view {
        margin-bottom: 15px;
    }

        .faq-question-view h2 {
            font-size: 52px;
        }

        .faq-question-view h5 {
            font-size: 16px;
        }

    .cab-service-item h4 {
        font-size: 20px;
    }

    .cab-service-icon {
        display: none;
    }

    .mobile-feature-item {
        border-bottom: 1px solid #dcebd4;
        padding-bottom: 12px;
    }

    .play-store-buttons {
        padding: 4px 10px;
        align-items: center;
    }

        .play-store-buttons p span {
            font-size: 12px;
        }

        .play-store-buttons p {
            font-size: 11px;
            line-height: 16px;
        }

        .play-store-buttons img, .play-store-buttons i {
            margin-right: 5px;
            width: 24px;
            font-size: 26px;
        }

    .driver-app-section {
        padding: 40px 0;
    }

    .project-fact .project-count-area-item {
        margin-bottom: 15px;
    }

    .project-fact > .project-count-area-item:last-child {
        margin-bottom: 0;
    }

    .project-fact .number {
        font-size: 26px;
        margin-bottom: 5px;
    }

    .footer-inner {
        padding: 45px 0px 20px;
    }

    .footer-box {
        display: inline-block;
        width: 100%;
        padding-right: 0%;
        margin-bottom: 10px
    }

        .footer-box:first-child {
            display: inline-block;
            width: 100%;
            padding-right: 0%;
        }

        .footer-box:nth-child(3) {
            display: inline-block;
            width: 100%;
        }

    .footer-boxtitle {
        font-size: 1rem;
        margin-bottom: 1.5rem !important;
    }

    .social-icon .social-youtube {
        width: 28px;
    }

    .social-icon img {
        width: 22px;
    }

    .navbar {
        padding: 15px 0px;
    }

        .navbar .navbar-nav .nav-item {
            margin: 0px;
            padding: 5px 15px;
        }

        .navbar .navbar-nav a.nav-link {
            padding: 5px 20px;
            font-size: 16px;
        }

    .tab-ulouter .nav-link {
        font-size: 12px;
        padding: .5rem 0.5rem;
    }

    .topheader-logo {
        margin-right: 10px;
        padding-left: 15px;
    }

        .topheader-logo .toplogo-img {
            width: 100px;
        }

    .topnav-mob {
        padding-bottom: 10px;
    }

    .topnav-mobcollapse {
        border-top: 1px solid #33669A;
        margin-top: 20px;
        position: absolute;
        z-index: 999;
        top: 30%;
        width: 100%;
        background: #fff;
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .advt-outer {
        flex-direction: column;
        padding-left: 15px;
    }

    .advt-holder {
        margin-bottom: 10px;
        margin-top: 10px;
        column-gap: 5px;
    }

    .topnav-logoleft {
        display: flex;
        justify-content: space-between;
        /*column-gap: 80px;*/
        width: 100%;
    }

    .topheader-logo {
        margin-right: 10px;
    }

    .playstore-outer {
        display: flex;
        justify-content: flex-end;
        column-gap: 10px;
    }

    .offer-container {
        padding: 5px 7px;
    }

    .partnerhand {
        font-size: 14px;
    }

    .offer-text {
        font-size: 13px;
    }

    .outer_box1 {
        margin-top: 5%;
        width: 100%;
        padding: 7px 20px 6px;
        border-radius: 10px;
        background: var(--White, #FFF);
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .select-ride {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 5%;
        margin-bottom: 20px;
    }

    .ride-type-box img {
        width: 58px;
        margin-bottom: 0px;
    }

    .pikupBox {
        height: 42px;
        padding: 9px;
    }

    .drpBox {
        height: 42px;
        padding: 9px;
    }

    .drpBoxRental {
        height: 42px;
        padding: 14px;
    }

    .custom-search-input {
        padding: 0;
    }

        .custom-search-input .form-control {
            font-size: 14px;
        }

        .custom-search-input .search-input {
            margin-left: -32px;
            padding-left: 33px;
        }

        .custom-search-input .location-searchicon {
            font-size: 18px;
        }

    .locexchange-arrow {
        width: 28px;
    }

    .selectride-animation {
        display: none;
    }

    #text1 {
        color: black;
        font-size: 19px;
    }

    #text2 {
        color: black;
        font-size: 19px;
    }

    #text3 {
        color: black;
        display: block;
        font-size: 16px;
    }

    .mileStones-title {
        font-size: 28px;
        font-weight: 600;
        text-align: center;
    }

    .mileStones-text {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
    }

    .taxi-scheme-circle img {
        height: 246px;
        width: 220px;
        margin-top: 2%;
        margin-left: -2%;
    }

    .taxi-scheme-img {
        margin-top: -12%;
        text-align: center;
    }

        .taxi-scheme-img img {
            height: 272px;
            width: 256px;
            margin-left: 1%;
            margin-top: -59%;
        }

    .change-mgmt img {
        width: 75%;
    }

    #idbook1 {
        padding: 1px 294px 10px 10px;
    }

    #idbook2 {
        padding: 10px 229px 10px 10px;
    }

    #idbook3 {
        padding: 4px 137px 10px 54px;
    }

    #idbook4 {
        padding: 5px 10px 10px 0px;
    }

    #idbook6 {
        padding: 5px 140px 20px 10px;
    }

    #idCancle1 {
        padding: 20px 294px 10px 10px;
    }

    #idCancle2 {
        padding: 10px 229px 10px 10px;
    }

    #idCancle3 {
        padding: 4px 137px 10px 54px;
    }

    #idCancle4 {
        padding: 5px 10px 10px 0px;
    }

    #idCancle6 {
        padding: 5px 140px 20px 10px;
    }

    .top-contact {
        display: none;
    }

    .topright-info {
        padding-right: 0;
    }

    .sub-header ul li {
        display: inline-block;
        border-left: 1px solid #FFF1C9;
        padding: 0px 3px;
    }

        .sub-header ul li:first-child {
            border-left: 0;
        }

        .sub-header ul li:last-child {
            padding-right: 0px !important;
            border-right: 0;
        }

        .sub-header ul li i {
            margin-right: 4px;
            font-size: 14px;
        }

    #sub-nav-flex {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #divcol1 {
        margin-top: 3%;
        margin-left: 0%;
    }

    #changeLocation {
        display: none;
    }

    .divdrp {
        margin-left: 0%;
        margin-top: 5%;
    }

    .location_boxouter {
        width: 100%;
        padding: 20px 15px;
    }

    .locationDrpLogo {
        margin-left: -14%;
        width: 24px;
    }

    #logoGoamile {
        height: 50px;
        width: 80px;
    }

    .alter_Div1 {
        flex-direction: column-reverse;
    }

    .radio-container {
        display: block;
        margin-bottom: 10px;
    }

    #radioPay {
        padding-left: 21%;
    }

    #iddivCheck {
        padding: 15px 0px 10px 20px;
    }

    #lblActivity {
        font-size: 40px;
    }

    #textOtp {
        font-size: 11px;
    }

    .owl-controls .owl-buttons .owl-prev {
        left: 0;
        top: 45%;
    }

    .owl-controls .owl-buttons .owl-next {
        right: 0;
        top: 45%;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 16px !important;
        cursor: default;
    }

    .ui-menu {
        width: 280px;
        max-height: 220px;
        overflow: hidden;
        overflow-y: auto;
        padding: 10px 15px;
        border-radius: 7px;
    }

    .vehical-paymentinfo {
        text-align: left;
        margin-top: 20px;
    }

    .outer_vehicle_box {
        border-radius: 20px;
        margin-bottom: 20px;
    }

        .outer_vehicle_box .car_box {
            padding: 12px;
            height: 64px;
            width: 132px;
        }

            .outer_vehicle_box .car_box .car_img {
                width: 68px;
            }

        .outer_vehicle_box .veh_name {
            font-size: 14px;
        }

        .outer_vehicle_box .personCount {
            font-size: 12px;
        }

        .outer_vehicle_box .total_time {
            font-size: 14px;
        }

        .outer_vehicle_box .totoal_Price {
            font-size: 14px;
        }

    .bookhistory-btnholder {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        margin-top: 15px;
    }

    .bookhistory-btn {
        margin-right: 20px;
    }

    .imgHeritage1 {
        width: 100%;
        height: 230px;
        border-radius: 15px;
    }

    .contact-bannertext {
        font-size: 32px;
        color: #fff;
        left: 4%;
        top: 0;
    }

    .contact-formouter {
        padding-top: 2%;
    }

    .contact-form textarea {
        height: 75px;
        padding: 10px;
    }

    .contact-btnouter {
        width: 175px;
        height: auto;
        border-radius: 20px;
        border: 3px solid #FFC104;
        margin-top: 5%;
        text-align: center;
    }

        .contact-btnouter .contactbtn {
            color: #000;
            font-size: 16px;
            font-weight: 600;
            padding: 3px;
        }

    .contact-addressbox {
        width: 100%;
        margin: auto;
        margin-top: 0px;
        padding: 0;
    }

    .contact-mapboxaddress {
        top: 9%;
        left: 0;
    }

    .contact-mapbox {
        margin-top: -20px;
        height: 321px;
    }

        .contact-mapbox img {
            width: 100%;
            border-radius: 10px;
            object-fit: cover;
            height: 321px;
        }

    .cuntry-box {
        width: 85px !important;
    }

    .contact-socialicons .socialimg {
        width: 24px;
    }

    .contact-socialicons {
        column-gap: 12px;
    }

    .address-title {
        font-size: 14px;
    }

    .contact-addresstext {
        font-size: 14px;
        font-weight: 500;
    }

    .address-boxouter {
        padding-bottom: 0px;
    }

    .deactivate-heading {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .outer-cancellation {
        background-color: #FFC61A;
        height: 175px;
    }

    /*Agent registration start*/
    .agt-regouter {
        padding: 15px 15px;
        top: 2%;
        right: 0;
        margin: auto;
        width: 96%;
        left: 0;
    }

    .agtopsec-outer {
        position: relative;
        margin-bottom: 30%;
    }

    .agt-reg-form {
        padding: 15px;
    }

    .agtform-header {
        font-size: 18px;
    }

    .inputwthdoc .custom-file {
        width: 24%;
    }

    .inputwthdoc .inputlbltext {
        display: none;
    }

    .btn.btn-lg {
        font-size: 16px;
        padding: 6px 20px;
    }

    .agent-fileupload .custom-file-label::after {
        right: 7px;
    }
    /*AgentRegistrationRequest body section start*/
    .partnerwork-outer {
        border-radius: 0;
    }

    .agtwork-nmbr img {
        margin-right: 9px;
        height: 50px;
        width: 50px;
    }

    .partnerpromise-outer {
        padding: 30px 0;
        background-image: none;
    }
    /*AgentRegistrationRequest body section end*/
    /*Agent registration end*/
    /*Offers & Mice booking page start*/
    .offerssec-outer {
        position: relative;
        margin-bottom: 21%;
    }

    .offers-bannerimg {
        background-size: cover;
        background-position: center;
        background-position-x: 0%;
        height: 490px;
        margin-top: -10px;
    }

    .offers-regouter {
        padding: 15px 15px;
        top: 4%;
        right: 0;
        margin: auto;
        width: 96%;
        left: 0;
    }

    /*Offers & Mice booking body start*/
    .offerimg-secoutar {
        row-gap: 20px;
    }

    .offer-imgtitle {
        font-size: 16px;
    }

    .offer-stepsouter {
        flex-direction: column;
        gap: 36px;
        border-radius: 0;
    }

    .offerstep-number img {
        width: 62px;
    }

    .offerstepbox {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .offersteptitle {
        font-size: 16px;
    }

    .offerstep-arrow {
        width: 100%;
        height: auto;
        display: none;
    }

    .chooseustext-outer {
        background-image: none;
    }

    .chooseusbox-outer {
        width: 100%;
        margin: 0 15px 15px;
    }

    .chooseusbox-row {
        row-gap: 0px;
    }

    .chooseusbox-topmargin {
        margin-top: 0px;
    }

    .recommend-sm {
        display: none;
    }
    /*Offers & Mice booking body end*/
    /*Offers & Mice booking page end*/
}

/* Extra Small Devices (Phones) */

@media (min-width: 361px) and (max-width: 430px) {
    .about-heroouter {
        margin-top: 30px;
        font-size: 16px;
        line-height: 20px;
        position: relative;
    }

        .about-heroouter .abouttag {
            font-size: 24px;
            color: #33669A;
        }

    .rideselect-btn {
        font-size: 16px;
        padding: 10px 22px;
    }

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

    .section-view {
        margin: 45px 0;
    }

    .section-heading {
        margin-bottom: 12px;
    }

        .section-heading .section-title {
            font-size: 20px;
            line-height: 24px;
            letter-spacing: 0px;
        }

    .line {
        background: var(--am-blue);
        width: 90px;
        height: 2px;
        margin-bottom: 10px !important;
    }

    .small-header-title {
        font-size: 16px;
        letter-spacing: -0.5px;
    }

    .content-boxtitle {
        font-size: 16px;
    }

    .form-taxi-short .form_new {
        max-width: 90%;
        padding: 45px 10px 30px !important;
    }

    .secfeaturesbox {
        margin-bottom: 15px;
    }

        .secfeaturesbox img {
            width: 38px;
        }

    .featureboxmob {
        flex-wrap: wrap;
    }

    .faq-question-view {
        margin-bottom: 15px;
    }

        .faq-question-view h2 {
            font-size: 52px;
        }

        .faq-question-view h5 {
            font-size: 16px;
        }

    .cab-service-item h4 {
        font-size: 20px;
    }

    .cab-service-icon {
        display: none;
    }

    .mobile-feature-item {
        border-bottom: 1px solid #dcebd4;
        padding-bottom: 12px;
    }

    .playstore-outer {
        display: flex;
        justify-content: flex-end;
        column-gap: 10px;
    }

    .play-store-buttons {
        padding: 4px 10px;
        align-items: center;
    }

        .play-store-buttons p span {
            font-size: 12px;
        }

        .play-store-buttons p {
            font-size: 11px;
            line-height: 16px;
        }

        .play-store-buttons img, .play-store-buttons i {
            margin-right: 5px;
            width: 24px;
            font-size: 26px;
        }

    .driver-app-section {
        padding: 40px 0;
    }

    .project-fact .project-count-area-item {
        margin-bottom: 15px;
    }

    .project-fact > .project-count-area-item:last-child {
        margin-bottom: 0;
    }

    .project-fact .number {
        font-size: 26px;
        margin-bottom: 5px;
    }

    .footer-inner {
        padding: 45px 0px 20px;
    }

    .footer-box {
        display: inline-block;
        width: 100%;
        padding-right: 0%;
        margin-bottom: 10px
    }

        .footer-box:first-child {
            display: inline-block;
            width: 100%;
            padding-right: 0%;
        }

        .footer-box:nth-child(3) {
            display: inline-block;
            width: 100%;
        }

    .footer-boxtitle {
        font-size: 1rem;
        margin-bottom: 1.5rem !important;
    }

    .social-icon .social-youtube {
        width: 28px;
    }

    .social-icon img {
        width: 22px;
    }

    .location_boxouter {
        width: 100%;
        padding: 20px 15px;
    }

    .secfeaturesbox {
        margin-bottom: 15px;
    }

    .btn.btn-lg {
        font-size: 16px;
        padding: 6px 60px;
    }

    .navbar {
        /*padding: 0 15px;*/
        padding: 10px 0px;
    }

        .navbar .navbar-nav .nav-item {
            margin: 0px;
            padding: 5px 15px;
        }

        .navbar .navbar-nav a.nav-link {
            padding: 5px 20px;
        }

    .topnav-mob {
        padding-bottom: 10px;
    }

    .topnav-mobcollapse {
        border-top: 1px solid #33669A;
        margin-top: 20px;
        position: absolute;
        z-index: 999;
        top: 31%;
        width: 100%;
        background: #fff;
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .advt-outer {
        flex-direction: column;
        padding-left: 15px;
    }

    .advt-holder {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .topnav-logoleft {
        display: flex;
        justify-content: space-between;
        /*column-gap: 110px;*/
        width: 100%;
    }

    .topheader-logo {
        margin-right: 10px;
        padding-left: 15px;
    }

        .topheader-logo .toplogo-img {
            width: 120px;
        }

    .offer-container {
        padding: 2px 7px;
    }

    .partnerhand {
        font-size: 14px;
    }

    .offer-text {
        font-size: 12px;
    }

    .formBox {
        width: 100%;
        height: 510px;
        border-radius: 10px;
        background: #FFF1C9;
    }

    #iddivCheck {
        padding: 15px 0px 10px 20px;
    }

    .txtEvent {
        margin: 396px 0px 0px 13px;
    }

    #cardEvent {
        width: 100%;
        margin-left: 0%;
    }

    #txtEventPara1 {
        margin-left: 5%;
    }

    #idEventline3 {
        margin-left: 20%;
    }

    .image_main {
        display: none;
    }

    .txtmybooking {
        margin: 160px 0px 0px 8px;
        font-size: 57px;
    }

    .text-animation {
        font-size: 25px;
    }

    .select-ride {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 5%;
        margin-bottom: 20px;
    }

    .outer_box1 {
        margin-top: 3%;
        width: 85%;
        padding: 7px 20px 6px;
        background: var(--White, #FFF);
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .ride-type-box img {
        width: 58px;
        margin-bottom: 0px;
    }

    .pikupBox {
        height: 42px;
        padding: 14px;
    }

    .drpBox {
        height: 42px;
        padding: 14px;
    }

    .drpBoxRental {
        height: 42px;
        padding: 14px;
    }

    .custom-search-input {
        padding: 0;
    }

        .custom-search-input .form-control {
            font-size: 14px;
        }

        .custom-search-input .search-input {
            margin-left: -28px;
            padding-left: 36px;
        }

        .custom-search-input .location-searchicon {
            font-size: 18px;
        }

    .inner_box1 {
        grid-column-gap: 10px;
    }

    .selectride-animation {
        display: none;
    }

    #text1 {
        color: black;
        font-size: 19px;
    }

    #text2 {
        color: black;
        font-size: 19px;
    }

    #text3 {
        display: block;
        font-size: 16px;
        display: none;
    }

    .selection_of_transport {
        padding-bottom: 17px;
    }

    #idbook1 {
        padding: 1px 294px 10px 10px;
    }

    #idbook2 {
        padding: 10px 229px 10px 10px;
    }

    #idbook3 {
        padding: 4px 137px 10px 54px;
    }

    #idbook4 {
        padding: 5px 10px 10px 0px;
    }

    #idbook6 {
        padding: 5px 140px 20px 10px;
    }

    #idCancle1 {
        padding: 20px 294px 10px 10px;
    }

    #idCancle2 {
        padding: 10px 229px 10px 10px;
    }

    #idCancle3 {
        padding: 4px 137px 10px 54px;
    }

    #idCancle4 {
        padding: 5px 10px 10px 0px;
    }

    #idCancle6 {
        padding: 5px 140px 20px 10px;
    }

    .top-contact {
        display: none;
    }

    .topright-info {
        padding-right: 0 !important;
    }

    .right-info {
        text-align: right;
    }

    .sub-header ul li {
        display: inline-block;
        border-left: 1px solid #FFF1C9;
        padding: 0px 11px;
    }

        .sub-header ul li:first-child {
            border-left: 0;
        }

        .sub-header ul li:last-child {
            padding-right: 0px !important;
            border-right: 0;
        }

    #changeLocation {
        display: none;
    }

    .divdrp {
        margin-left: 0%;
        margin-top: 5%;
    }

    .locationDrpLogo {
        /*margin-left: -14%;*/
    }

    #logoGoamile {
        height: 50px;
        width: 80px;
    }

    .alter_Div1 {
        flex-direction: column-reverse;
    }

    .radio-container {
        display: block;
        margin-bottom: 10px;
    }

    #radioPay {
        padding-left: 21%;
    }

    #lblActivity {
        font-size: 40px;
    }

    #textOtp {
        font-size: 10px;
    }

    .mileStones-title {
        font-size: 28px;
        font-weight: 600;
        text-align: center;
    }

    .mileStones-text {
        font-size: 20px;
        text-align: center;
        font-weight: 600;
    }

    .taxi-scheme-circle img {
        height: 330px;
        width: 322px;
        margin-top: 2%;
        margin-left: -2%;
    }

    .taxi-scheme-img {
        margin-top: -16%;
        text-align: center;
    }

        .taxi-scheme-img img {
            height: 333px;
            width: 322px;
            margin-left: 1%;
            margin-top: -51%;
        }

    .change-mgmt img {
        width: 75%;
    }

    .owl-controls .owl-buttons .owl-prev {
        left: 0;
        top: 45%;
    }

    .owl-controls .owl-buttons .owl-next {
        right: 0;
        top: 45%;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 24px !important;
        cursor: default;
    }

    .ui-menu {
        width: 320px;
        max-height: 220px;
        overflow: hidden;
        overflow-y: auto;
        padding: 10px 15px;
        border-radius: 7px;
    }

    .bookhistory-btnholder {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        margin-top: 15px;
        justify-content: center;
    }

    .bookhistory-btn {
        margin-right: 20px;
    }

    .imgHeritage1 {
        width: 100%;
        height: 230px;
        border-radius: 15px;
    }

    .contact-bannertext {
        font-size: 32px;
        color: #fff;
        left: 4%;
        top: 0;
    }

    .contact-formouter {
        padding-top: 2%;
    }

    .contact-btnouter {
        width: 175px;
        height: auto;
        border-radius: 20px;
        border: 3px solid #FFC104;
        margin-top: 5%;
        text-align: center;
    }

        .contact-btnouter .contactbtn {
            color: #000;
            font-size: 16px;
            font-weight: 600;
            padding: 3px;
        }

    .contact-socialicons .socialimg {
        width: 24px;
    }

    .contact-socialicons {
        column-gap: 12px;
    }

    .address-title {
        font-size: 14px;
    }

    .contact-addresstext {
        font-size: 14px;
        font-weight: 500;
    }

    .contact-addressbox {
        width: 100%;
        margin: auto;
        margin-top: 0px;
        padding: 0;
    }

    .contact-mapboxaddress {
        top: 9%;
        left: 4%;
    }

    .contact-mapbox {
        margin-top: -20px;
        height: 321px;
    }

        .contact-mapbox img {
            width: 100%;
            border-radius: 10px;
            object-fit: cover;
            height: 321px;
        }

    .deactivate-heading {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .outer-cancellation {
        background-color: #FFC61A;
        height: 175px;
    }

    /*Agent registration start*/
    .agt-regouter {
        padding: 15px 15px;
        top: 2%;
        right: 0;
        margin: auto;
        width: 96%;
        left: 0;
    }

    .agtopsec-outer {
        position: relative;
        margin-bottom: 26%;
    }

    .agtform-header {
        font-size: 18px;
    }

    .inputwthdoc .custom-file {
        width: 24%;
    }

    .inputwthdoc .inputlbltext {
        display: none;
    }

    .partnerwork-outer {
        border-radius: 0;
    }

    .partnerpromise-outer {
        padding: 30px 0;
        background-image: none;
    }
    /*Agent registration end*/

    /*Offers & Mice booking page start*/
    .offerssec-outer {
        position: relative;
        margin-bottom: 19%;
    }

    .offers-bannerimg {
        background-size: cover;
        background-position: center;
        background-position-x: 0%;
        height: 490px;
        margin-top: -10px;
    }

    .offers-regouter {
        padding: 15px 15px;
        top: 4%;
        right: 0;
        margin: auto;
        width: 96%;
        left: 0;
    }

    /*Offers & Mice booking body start*/
    .offerimg-secoutar {
        row-gap: 20px;
    }

    .offer-imgtitle {
        font-size: 16px;
    }

    .offer-stepsouter {
        flex-direction: column;
        gap: 36px;
        border-radius: 0;
        margin-bottom: 20px;
    }

    .offerstep-number img {
        width: 56px;
    }

    .offerstepbox {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .offersteptitle {
        font-size: 16px;
    }

    .offerstep-arrow {
        width: 100%;
        height: auto;
        display: none;
    }

    .chooseustext-outer {
        background-image: none;
    }

    .chooseusbox-outer {
        width: 100%;
        margin: 0 15px 15px;
    }

    .chooseusbox-row {
        row-gap: 0px;
    }

    .chooseusbox-topmargin {
        margin-top: 0px;
    }

    .recommend-sm {
        display: none;
    }
    /*Offers & Mice booking body end*/
    /*Offers & Mice booking page end*/

}

/* Small Devices (Phones) */
@media (min-width: 431px) and (max-width: 599px) {
    

    .footer-inner {
        padding: 45px 0px 20px;
    }

    .footer-box {
        display: inline-block;
        width: 100%;
        padding-right: 0%;
        margin-bottom: 10px
    }

        .footer-box:first-child {
            display: inline-block;
            width: 100%;
            padding-right: 0%;
        }

        .footer-box:nth-child(3) {
            display: inline-block;
            width: 100%;
        }

    .footer-boxtitle {
        font-size: 1rem;
        margin-bottom: 1.5rem !important;
    }

    .social-icon .social-youtube {
        width: 28px;
    }

    .social-icon img {
        width: 22px;
    }

    .navbar {
        padding: 10px 0px;
    }

    .topheader-logo {
        margin-right: 10px;
    }

        .topheader-logo .toplogo-img {
            /*width: 68px;*/
        }

    .topnav-mob {
        padding-bottom: 10px;
    }

    .topnav-mobcollapse {
        border-top: 1px solid #33669A;
        margin-top: 20px;
        position: absolute;
        z-index: 999;
        top: 81%;
        width: 100%;
        background: #fff;
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .advt-outer {
        flex-direction: column;
        padding-right: 15px;
    }

    .advt-holder {
        margin-bottom: 10px;
        margin-top: 10px;
        column-gap: 5px;
    }

    .topnav-logoleft {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 15px;
    }

    .topheader-logo {
        margin-right: 10px;
    }

    .offer-container {
        padding: 5px 7px;
    }

    .partnerhand {
        font-size: 14px;
    }

    .offer-text {
        font-size: 13px;
    }

    /* Haritage walk */
    .formBox {
        width: 100%;
        height: 510px;
        border-radius: 10px;
        background: #FFF1C9 !important;
    }

    #iddivCheck {
        padding: 15px 0px 10px 20px;
    }

    .txtEvent {
        margin: 396px 0px 0px 13px;
    }

    #cardEvent {
        width: 100%;
        margin-left: 0%;
    }

    #txtEventPara1 {
        margin-left: 5%;
    }

    #idEventline3 {
        margin-left: 20%;
    }

    .txtmybooking {
        margin: 160px 0px 0px 8px;
        font-size: 57px;
    }

    .text-animation {
        font-size: 25px;
    }

    .selectride-animation {
        display: none;
    }

    .select-ride {
        display: flex;
        justify-content: center;
        margin-top: 5%;
    }

    .selection_of_transport {
        padding-top: 0%;
        background-position: top;
    }

    .location_boxouter {
        width: 100%;
        background: #FFF;
        border-radius: 10px;
        padding: 30px;
    }

    .outer_box1 {
        width: 59%;
        border-radius: 20px;
        background: var(--White, #FFF);
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .ride-type-box img {
        width: 62px;
        height: 62px;
        margin-top: 8%;
        margin-bottom: 10px;
    }

    #text1 {
        color: black;
        font-size: 19px;
    }

    #text2 {
        color: black;
        font-size: 19px;
    }

    #text3 {
        color: black;
        display: block;
    }

    #idbook1 {
        padding: 20px 294px 10px 10px;
    }

    #idbook2 {
        padding: 10px 229px 10px 10px;
    }

    #idbook3 {
        padding: 4px 137px 10px 54px;
    }

    #idbook4 {
        padding: 5px 10px 10px 0px;
    }

    #idbook6 {
        padding: 5px 140px 20px 10px;
    }

    #idCancle1 {
        padding: 20px 294px 10px 10px;
    }

    #idCancle2 {
        padding: 10px 229px 10px 10px;
    }

    #idCancle3 {
        padding: 4px 137px 10px 54px;
    }

    #idCancle4 {
        padding: 5px 10px 10px 0px;
    }

    #idCancle6 {
        padding: 5px 140px 20px 10px;
    }

    #idMyBooking1 {
        padding: 5px 100px 10px 10px;
    }

    #idMyBooking2 {
        padding: 3px 192px 10px 10px;
    }

    #idMyBooking3 {
        padding: 4px 200px 10px 30px;
    }

    #idMyBooking4 {
        padding: 5px 10px 10px 0px;
    }

    .top-contact {
        display: none;
    }

    .topright-info {
        padding-right: 0;
    }

    .right-info {
        text-align: right;
    }

    .sub-header ul li {
        display: inline-block;
        border-left: 1px solid #FFF1C9;
        padding: 0px 11px;
    }

        .sub-header ul li:first-child {
            border-left: 0;
        }

        .sub-header ul li:last-child {
            padding-right: 0px !important;
            border-right: 0;
        }

    #sub-nav-flex {
        padding-bottom: 2%;
    }

    #changeLocation {
        display: none;
    }

    .divdrp {
        margin-left: 0%;
        margin-top: 5%;
    }

    .locationDrpLogo {
        margin-left: -14%;
    }

    #logoGoamile {
        height: 50px;
        width: 80px;
    }

    #radioPay {
        padding-left: 21%;
    }

    #lblActivity {
        font-size: 40px;
    }

    #textOtp {
        font-size: 10px;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 14px !important;
        cursor: default;
    }

    .ui-menu {
        width: 348px;
        max-height: 250px;
        overflow: hidden;
        overflow-y: auto;
        padding: 10px 15px;
        border-radius: 7px;
    }

    .bookhistory-btnholder {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        margin-top: 15px;
    }

    .bookhistory-btn {
        margin-right: 20px;
    }

    .owl-controls .owl-buttons .owl-prev {
        left: 0;
        top: 45%;
    }

    .owl-controls .owl-buttons .owl-next {
        right: 0;
        top: 45%;
    }

    .contact-bannertext {
        font-size: 32px;
        color: #fff;
        left: 4%;
        top: 15px;
    }

    .contact-formouter {
        padding-top: 7%;
    }

    .contact-btnouter {
        width: 175px;
        height: auto;
        border-radius: 20px;
        border: 3px solid #FFC104;
        margin-top: 5%;
        text-align: center;
    }

        .contact-btnouter .contactbtn {
            color: #000;
            font-size: 16px;
            font-weight: 600;
            padding: 3px;
        }

    .contact-socialicons .socialimg {
        width: 24px;
    }

    .contact-socialicons {
        column-gap: 12px;
    }

    .address-title {
        font-size: 14px;
    }

    .contact-addresstext {
        font-size: 14px;
        font-weight: 500;
    }

    .contact-addressbox {
        width: 100%;
        margin: auto;
        margin-top: 0px;
        padding: 0;
    }

    .contact-mapboxaddress {
        top: 14%;
        left: 4%;
    }

    .contact-mapbox {
        margin-top: -20px;
        height: 321px;
    }

        .contact-mapbox img {
            width: 100%;
            border-radius: 10px;
            object-fit: cover;
            height: 321px;
        }

    .deactivate-heading {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .outer-cancellation {
        background-color: #FFC61A;
        height: 175px;
    }

    /*Agent registration start*/
    .agt-regouter {
        padding: 15px 15px;
        top: 2%;
        right: 0;
        margin: auto;
        width: 96%;
        left: 0;
    }

    .agtopsec-outer {
        position: relative;
        margin-bottom: 12%;
    }

    .agtform-header {
        font-size: 18px;
    }

    .inputwthdoc .custom-file {
        width: 15%;
    }

    .inputwthdoc .inputlbltext {
        display: none;
    }

    .partnerwork-outer {
        border-radius: 0;
    }

    .partnerpromise-outer {
        padding: 30px 0;
        background: #FFFAED;
        background-image: url('../../../images/new/parnter-regstration/partner-char.png');
        background-repeat: no-repeat;
        background-size: 51%;
        background-position-x: 89%;
        background-position-y: 59%;
    }
    /*Agent registration end*/

    /*Offers & Mice booking page start*/
    .offerssec-outer {
        position: relative;
        margin-bottom: 10%;
    }

    .offers-bannerimg {
        background-size: cover;
        background-position: center;
        background-position-x: 0%;
        height: 490px;
    }

    .offers-regouter {
        padding: 15px 15px;
        top: 2%;
        right: 0;
        margin: auto;
        width: 96%;
        left: 0;
    }

    /*Offers & Mice booking body start*/
    .offer-stepsouter {
        flex-direction: column;
        gap: 45px;
        border-radius: 0;
        align-items: center;
        margin-bottom: 20px;
    }

    .offerstep-number img {
        width: 56px;
    }

    .offerstepbox {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .offerstep-arrow {
        width: 100%;
        height: auto;
        display: none;
    }

    .chooseustext-outer {
        background-image: none;
    }

    .chooseusbox-outer {
        width: 100%;
        margin: 0 15px 15px;
    }

    .chooseusbox-row {
        row-gap: 0px;
    }

    .chooseusbox-topmargin {
        margin-top: 0px;
    }

    .recommend-sm {
        display: none;
    }
    /*Offers & Mice booking body end*/
    /*Offers & Mice booking page end*/
}

/* Only cab flow radio buttons query 06-02-24 */
@media (min-width: 600px) and (max-width: 766px) {
    body {
        font-size: 13px;
    }

    .about-heroouter {
        margin-top: 30px;
        font-size: 16px;
        line-height: 20px;
        position: relative;
    }

        .about-heroouter .abouttag {
            font-size: 24px;
            color: #33669A;
        }

    .section-view {
        margin: 30px 0;
    }

    .section-title {
        font-size: 20px;
        font-weight: 700;
    }

    .topnav-mob {
        padding-bottom: 10px;
    }

    .topnav-mobcollapse {
        border-top: 1px solid #FFC104;
        margin-top: 20px;
    }

    .advt-outer {
        flex-direction: column;
    }

    .advt-holder {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .topnav-logoleft {
        display: flex;
        flex-direction: column;
    }

    .topheader-logo {
        margin-right: 10px;
    }

        .topheader-logo .toplogo-img {
            width: 86px;
        }

    .playstore-outer {
        display: flex;
        justify-content: flex-end;
        column-gap: 10px;
    }

    .app-download-view {
        padding: 10px 6px 0px 0px;
    }

    .offer-container {
        padding: 5px 7px;
    }

    .partnerhand {
        font-size: 14px;
    }

    .offer-text {
        font-size: 12px;
    }

    .play-store-buttons2 {
        padding: 3px 5px;
    }

        .play-store-buttons2 i {
            font-size: 20px;
            padding-right: 7px;
        }

        .play-store-buttons2 p {
            font-size: 10px;
        }

            .play-store-buttons2 p span {
                font-size: 10px;
                font-weight: 600;
            }

        .play-store-buttons2 img {
            width: 22px;
        }

        .play-store-buttons2 img {
            width: 24px;
        }

    .mileStones-title {
        font-size: 18px;
    }

    .mileStones-text {
        font-size: 18px;
    }

    .top-contact {
        display: none;
    }

    .topright-info {
        padding-right: 0;
    }

    .right-info {
        text-align: right;
    }

    .sub-header ul li {
        display: inline-block;
        border-left: 1px solid #FFF1C9;
        padding: 0px 11px;
    }

        .sub-header ul li:first-child {
            border-left: 0;
        }

        .sub-header ul li:last-child {
            padding-right: 0px !important;
            border-right: 0;
        }

    .radio-container {
        display: block;
        margin-bottom: 10px;
    }

    .select-ride {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 5%;
    }

    .outer_box1 {
        margin-top: 5%;
        width: 65%;
        /* height: 126.425px; */
        border-radius: 20px;
        background: var(--White, #FFF);
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .footer-outer {
        padding: 45px 0px 30px;
    }

    .footer-box {
        display: inline-block;
        width: 100%;
        padding-right: 0%;
        margin-bottom: 30px
    }

        .footer-box:first-child {
            display: inline-block;
            width: 100%;
            padding-right: 0%;
        }

        .footer-box:nth-child(2) {
            display: inline-block;
            width: 49%;
        }

        .footer-box:nth-child(4) {
            display: inline-block;
            width: 49%;
        }

    .footer-map iframe {
        height: 94px;
        width: 100%;
        border-radius: 58px;
    }

    .copyright-text {
        text-align: center;
    }

    .social-icon .social-youtube {
        width: 28px;
    }

    .social-icon img {
        width: 22px;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 12% !important;
        cursor: default;
    }

    .ui-menu {
        width: 220px;
        max-height: 250px;
        overflow: hidden;
        overflow-y: auto;
        padding: 10px 15px;
        border-radius: 7px;
    }

    .bookhistory-btnholder {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        margin-top: 15px;
    }

    .bookhistory-btn {
        margin-right: 20px;
    }

    .owl-controls .owl-buttons .owl-prev {
        left: 0;
        top: 45%;
    }

    .owl-controls .owl-buttons .owl-next {
        right: 0;
        top: 45%;
    }

    .activityevent-contenttitle {
        color: #000;
        font-size: 22px;
        font-weight: 600;
    }

    .imgHeritage1 {
        width: 100%;
        height: 360px;
        border-radius: 15px;
    }

    .imgHeritage2,
    .imgHeritage3,
    .imgHeritage4 {
        display: none;
    }

    .contact-bannertext {
        font-size: 32px;
        color: #fff;
        left: 4%;
        top: 10px;
    }

    .contact-formouter {
        padding-top: 7%;
    }

    .cuntry-box {
        width: 125px;
        padding: 0px 9px;
    }

    .contact-btnouter {
        width: 175px;
        height: auto;
        text-align: center;
    }

        .contact-btnouter .contactbtn {
            color: #000;
            font-size: 16px;
            font-weight: 600;
            padding: 3px;
        }

    .contact-addressbox {
        margin: auto;
        padding: 0;
    }

    .contact-socialicons .socialimg {
        width: 24px;
    }

    .contact-socialicons {
        column-gap: 12px;
    }

    .address-title {
        font-size: 14px;
    }

    .contact-addresstext {
        font-size: 14px;
        font-weight: 500;
    }

    .address-boxouter {
        padding-bottom: 0px;
    }

    .profile-boxouter {
        width: 100%;
    }

    .bookingmap {
        margin-bottom: 20px;
    }

    .gmap {
        height: 350px;
        /*height: 100%;*/
        border-radius: 20px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }

    .faq-pillsouter .nav-link {
        font-size: 16px;
    }

    .imageCareer {
        height: 120px;
        background-position: center;
    }

    .flight-banner img {
        margin-bottom: 20px;
    }

    /*Agent registration start*/
    .agt-regouter {
        padding: 15px 15px;
        top: 2%;
        right: 0;
        margin: auto;
        width: 96%;
        left: 0;
    }

    .agtopsec-outer {
        position: relative;
        margin-bottom: 13%;
    }

    .agtform-header {
        font-size: 18px;
    }

    .inputwthdoc .custom-file {
        width: 15%;
    }

    .inputwthdoc .inputlbltext {
        display: none;
    }

    .partnerpromise-outer {
        padding: 30px 0;
        background: #FFFAED;
        background-image: url('../../../images/new/parnter-regstration/partner-char.png');
        background-repeat: no-repeat;
        background-size: 44%;
        background-position-x: 83%;
        background-position-y: 69%;
    }
    /*Agent registration end*/

    /*Offers & Mice booking page start*/
    .offerssec-outer {
        position: relative;
        margin-bottom: 9%;
    }

    .offers-bannerimg {
        background-size: 100%;
        background-position: bottom;
        background-position-x: -8%;
        background-position-y: -10%;
        height: 510px;
    }

    .offers-regouter {
        background: #F1B61B;
        background: linear-gradient(180deg,rgba(241, 182, 27, 1) 0%, rgba(247, 211, 121, 1) 57%, rgba(255, 255, 255, 1) 84%);
        padding: 15px;
        border-radius: 0 0 15px;
        position: absolute;
        top: 0%;
        right: 0%;
        width: 50%;
    }

    /*Offers & Mice booking body start*/
    .offer-imgboxouter img {
        width: 100%;
    }

    .offer-imgtitle {
        font-size: 16px;
    }

    .offer-stepsouter {
        flex-wrap: wrap;
        gap: 45px;
        margin-bottom: 20px;
    }

    .offerstepbox {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .offerstep-number img {
        width: 56px;
    }

    .offerstep-arrow {
        display: none;
    }

    .chooseustext-outer {
        background-image: none;
    }

    .chooseusbox-topmargin {
        margin-top: 0;
    }

    .chooseusbox-outer {
        width: 48%;
    }

    .recommend-sm {
        display: none;
    }
    /*Offers & Mice booking body end*/

    /*Offers & Mice booking page end*/
}

@media (min-width: 767px) and (max-width: 991px) {
    body {
        font-size: 13px;
    }

    .about-heroouter {
        font-size: 22px;
    }

    .about-heroouter .abouttag {
        font-size: 35px;
        color: #33669A;
    }

    .rideselect-btn {
        font-size: 16px;
        padding: 10px 35px;
    }

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

    .section-view {
        margin: 45px 0;
    }

    .section-heading {
        margin-bottom: 12px;
    }

        .section-heading .section-title {
            font-size: 28px;
            line-height: 24px;
            letter-spacing: 0px;
        }

    .line {
        background: var(--am-blue);
        width: 90px;
        height: 2px;
        margin-bottom: 10px !important;
    }

    .small-header-title {
        font-size: 16px;
        letter-spacing: -0.5px;
    }

    .content-boxtitle {
        font-size: 16px;
    }

    .secfeaturesbox {
        margin-bottom: 15px;
    }

    .featureboxmob {
        flex-wrap: wrap;
    }

    .faq-question-view h2 {
        font-size: 52px;
    }

    .faq-question-view h5 {
        font-size: 16px;
    }

    .cab-service-item .cab-service-icon img {
        height: 215px;
    }

    .mobile-feature-item {
        flex-wrap: wrap;
    }

    .playstore-outer {
        display: flex;
        justify-content: flex-end;
        column-gap: 10px;
    }

    .play-store-buttons img, .play-store-buttons i {
        margin-right: 7px;
        width: 22px;
        font-size: 26px;
    }

    .play-store-buttons p span {
        font-size: 14px;
    }

    .play-store-buttons p {
        font-size: 12px;
        line-height: 18px;
    }

    .amappdownloadimg {
        margin-top: 46%;
    }

    .project-fact .project-count-area-item {
        margin-bottom: 20px;
    }

    .project-fact .number {
        font-size: 28px;
    }

    .footer-inner {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        justify-content: flex-start;
        padding: 70px 0px 40px;
    }

    .footer-box {
        display: inline-block;
        width: 22%;
    }

        .footer-box:first-child {
            display: inline-block;
            width: 30%;
        }

        .footer-box:nth-child(3) {
            display: inline-block;
            width: 60%;
        }

    .social-iconbox {
        display: flex;
        column-gap: 10px;
    }

    .social-icon img {
        width: 22px;
    }


    .topnav-mob {
        padding-bottom: 10px;
    }

    .topnav-logoleft {
        display: flex;
        flex-direction: column;
        padding-left: 15px;
        align-items: flex-start;
    }

    .topnav-mobcollapse {
        border-top: 1px solid #33669A;
        margin-top: 20px;
        position: absolute;
        z-index: 999;
        top: 81%;
        width: 100%;
        background: #fff;
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .advt-outer {
        display: flex;
        flex-direction: column;
    }

    .advt-holder {
        margin-bottom: 10px;
    }

    .offer-container {
        padding: 5px 12px;
    }

    .navbar .navbar-nav .nav-item {
        /* margin: 0px 15px; */
        margin: 0px;
        padding: 5px 15px;
    }

    .navbar .navbar-nav a.nav-link {
        padding: 5px 20px;
        /* color: white !important; */
    }

    .topright-info {
        padding-right: 0;
    }

    .sub-header ul li {
        display: inline-block;
        border-left: 1px solid #FFF1C9;
        padding: 0px 3px;
    }

        .sub-header ul li:first-child {
            border-left: 0;
        }

        .sub-header ul li:last-child {
            padding-right: 0px !important;
            border-right: 0;
        }

        .sub-header ul li i {
            margin-right: 4px;
            font-size: 14px;
        }

    .formBox {
        width: 100%;
        height: 510px;
        border-radius: 10px;
        background: #FFF1C9 !important;
    }

    .txtEvent {
        margin: 330px 0px 0px 270px;
    }

    #idEventline1 {
        margin-left: 70%;
    }

    #idEventline2 {
        margin-left: 53%;
    }

    #cardEvent {
        width: 50%;
        margin-left: 20%;
    }

    #txtEventPara1 {
        margin-left: 25%;
    }

    #idEventline3 {
        margin-left: 30%;
    }

    .txtmybooking {
        margin: 64px 0px 0px 878px;
        font-size: 70px;
    }

    .text-animation {
        font-size: 29px;
    }

    .location_boxouter {
        width: 73%;
    }

    .outer_box1 {
        width: 315px;
        padding: 15px 20px 11px;
        border-radius: 10px;
        background: var(--White, #FFF);
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .inner_box1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }

    .ride-type-box img {
        width: 62px;
        height: 62px;
        margin-top: 8%;
        margin-bottom: 10px;
    }

    .ride-type-box p {
        font-weight: 600;
        font-size: 14px;
    }

    #text1 {
        font-size: 22px;
    }

    #text2 {
        font-size: 22px;
    }

    #text3 {
        font-size: 18px;
    }

    .selection_of_transport {
        padding-bottom: 30px;
        background-position-x: 69%;
    }

    #idbook1 {
        padding: 35px 24px 10px 10px;
    }

    #idbook2 {
        padding: 35px 24px 10px 10px;
    }

    #idbook3 {
        padding: 20px 24px 10px 292px;
    }

    #idbook4 {
        padding: 5px 24px 10px 10px;
    }

    #idbook6 {
        padding: 35px 24px 30px 10px;
    }

    #idCancle1 {
        padding: 35px 24px 10px 10px;
    }

    #idCancle2 {
        padding: 35px 24px 10px 10px;
    }

    #idCancle3 {
        padding: 20px 24px 10px 292px;
    }

    #idCancle4 {
        padding: 5px 24px 10px 10px;
    }

    #idCancle6 {
        padding: 35px 24px 30px 10px;
    }

    .divdrp {
        margin-left: 3%;
    }

    #lblActivity {
        font-size: 80px;
    }

    .vehicle-title {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .vehicle-infotext {
        font-size: 14px;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        /*left: 14px !important;*/
        cursor: default;
    }

    .ui-menu {
        width: 250px;
        max-height: 250px;
        overflow: hidden;
        overflow-y: auto;
        padding: 10px 15px;
        border-radius: 7px;
    }

    .owl-controls .owl-buttons .owl-prev {
        left: 0;
        top: 45%;
    }

    .owl-controls .owl-buttons .owl-next {
        right: 0;
        top: 45%;
    }

    .activities-bannerimg {
        height: 28vh;
    }

    .activity-banner-text {
        font-size: 62px;
        bottom: 18%;
        left: 7%;
    }

    .blog-bannerimg {
        height: 28vh;
    }

    .blog-date-box {
        width: 62px;
        height: 62px;
        padding: 10px;
    }

    .blog-title {
        font-size: 16px;
        font-weight: 500;
    }

    .imgHeritage1 {
        width: 100%;
        height: 220px;
        border-radius: 15px;
    }

    .imgHeritage2 {
        width: 100%;
        height: 220px;
        border-radius: 15px;
    }

    .imgHeritage3 {
        width: 100%;
        height: 105px;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .imgHeritage4 {
        width: 100%;
        height: 105px;
        border-radius: 15px;
    }

    .faq-bannerimg {
        height: 28vh;
    }

    .contact-bannertext {
        font-size: 32px;
        color: #fff;
        left: auto;
        top: 30px;
    }

    .contact-formouter {
        padding-top: 5%;
    }

    .cuntry-box {
        width: 125px;
        padding: 0px 9px;
    }

    .contact-form textarea {
        height: 75px;
        padding: 10px;
    }

    .contact-btnouter {
        width: 175px;
        height: auto;
        text-align: center;
    }

        .contact-btnouter .contactbtn {
            color: #000;
            font-size: 16px;
            font-weight: 600;
            padding: 3px;
        }

    .contact-socialicons .socialimg {
        width: 24px;
    }

    .contact-socialicons {
        column-gap: 12px;
    }

    .address-title {
        font-size: 16px;
    }

    .contact-addresstext {
        font-size: 14px;
        font-weight: 500;
    }

    .address-boxouter {
        padding-bottom: 0px;
    }

    .bookingmap {
        margin-bottom: 20px;
    }

    .gmap {
        height: 350px;
        /*height: 100%;*/
        border-radius: 20px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }

    .faq-pillsouter .nav-link {
        font-size: 16px;
    }

    .about-bannerimg {
        height: 28vh;
    }

    .about-video {
        height: 281px;
    }

    .boxImage {
        width: auto;
        height: auto;
    }

    .imageCareer {
        height: 28vh;
    }

    /*Agent registration start*/
    .agt-regouter {
        padding: 15px 15px;
        top: 2%;
        right: 2%;
        width: 50%;
        left: auto;
    }

    .agtopsec-outer {
        position: relative;
        margin-bottom: 10%;
    }

    .agt-reg-form {
        padding: 20px 15px;
    }

    .agtform-header {
        font-size: 16px;
    }

    .inputwthdoc .custom-file {
        width: 15%;
    }

    .inputwthdoc .inputlbltext {
        display: none;
    }

    .partnerwork-outer {
        border-radius: 0 75px 0px 75px;
    }

    .partnerpromise-outer {
        padding: 30px 0;
        background: #FFFAED;
        background-image: url('../../../images/new/parnter-regstration/partner-char.png');
        background-repeat: no-repeat;
        background-size: 38%;
        background-position-x: 83%;
        background-position-y: 81%;
    }
    /*Agent registration end*/

    /*Offers & Mice booking page start*/
    .offerssec-outer {
        position: relative;
        margin-bottom: 3%;
    }

    .offers-bannerimg {
        background-size: 100%;
        background-position: bottom;
        background-position-x: -8%;
        background-position-y: -17%;
        height: 510px;
    }

    .offers-regouter {
        background: #F1B61B;
        background: linear-gradient(180deg,rgba(241, 182, 27, 1) 0%, rgba(247, 211, 121, 1) 57%, rgba(255, 255, 255, 1) 84%);
        padding: 15px;
        border-radius: 0 0 15px;
        position: absolute;
        top: 0%;
        right: 0%;
        width: 44%;
    }

    /*Offers & Mice booking body start*/
    .offer-stepsouter {
        gap: 52px;
        margin-bottom: 20px;
    }

    .offerstep-number img {
        width: 56px;
    }

    .offerstep-arrow {
        display: none;
    }

    .chooseustext-outer {
        background-image: none;
    }

    .chooseus-textbox {
        background-size: 19%;
    }

    .chooseusbox-row {
        justify-content: center;
    }

    .chooseusbox-topmargin {
        margin-top: 0px;
    }

    .recommend-sm {
        display: none;
    }
    /*Offers & Mice booking body end*/
    /*Offers & Mice booking page end*/
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .play-store-buttons2 {
        display: none !important;
    }

    .offer-text {
        font-size: 12px;
    }
    /*Agent registration start*/
    .partnerpromise-outer {
        padding: 30px 0;
        background: #FFFAED;
        background-image: url('../../../images/new/parnter-regstration/partner-char.png');
        background-repeat: no-repeat;
        background-size: 34%;
        background-position-x: 83%;
        background-position-y: 73%;
    }
    /*Agent registration end*/
    /*Offers & Mice booking page start*/
    .offerssec-outer {
        position: relative;
        margin-bottom: 7%;
    }

    .offers-bannerimg {
        background-size: 72%;
        background-position: bottom;
        background-position-x: 0%;
        height: 459px;
    }

    /*Offers & Mice booking page end*/
}

/* Tablet Devices (Tabs) */
@media (min-width: 992px) and (max-width: 1180px) {
    body {
        font-size: 13px;
    }

    .section-title {
        font-size: 24px;
    }

    .navbar .navbar-nav .nav-item {
        margin: 0px;
        padding: 11px 10px;
    }

    .navbar .navbar-nav a.nav-link {
        font-size: 16px;
    }

    .topheader-logo .toplogo-img {
        width: 110px;
    }

    .secfeaturesbox img {
        width: 38px;
    }

    .section-heading .section-title {
        font-size: 24px;
    }

    .line {
        width: 105px;
        height: 3px;
    }

    .content-boxtitle {
        font-size: 18px;
    }

    .faq-question-view h2 {
        font-size: 56px;
    }

    .faq-question-view h5 {
        font-size: 18px;
    }

    .cab-service-item h4 {
        font-size: 1.5rem;
    }

    .cab-service-item .cab-service-icon img {
        height: 236px;
    }

    .play-store-buttons img, .play-store-buttons i {
        width: 24px;
        font-size: 28px;
    }

    .play-store-buttons p {
        font-size: 12px;
        line-height: 18px;
    }

        .play-store-buttons p span {
            font-size: 14px;
        }

    .project-fact .number {
        font-size: 28px;
    }
    /* Haritage walk */
    .formBox {
        width: 100%;
        height: 510px;
        border-radius: 10px;
        background: #FFF1C9 !important;
    }

    .txtEvent {
        margin: 330px 0px 0px 270px;
    }

    #idEventline1 {
        margin-left: 70%;
    }

    #idEventline2 {
        margin-left: 53%;
    }

    #cardEvent {
        width: 50%;
        margin-left: 20%;
    }

    #txtEventPara1 {
        margin-left: 25%;
    }

    #idEventline3 {
        margin-left: 30%;
    }

    .txtmybooking {
        margin: 64px 0px 0px 878px;
        font-size: 70px;
    }

    .text-animation {
        font-size: 29px;
    }

    .outer_box1 {
        width: 315px;
        padding: 15px 20px 11px;
        border-radius: 10px;
        background: var(--White, #FFF);
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    .inner_box1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }

    .ride-type-box img {
        width: 62px;
        height: 62px;
        margin-top: 8%;
        margin-bottom: 10px;
    }

    .ride-type-box p {
        font-weight: 600;
        font-size: 14px;
    }

    #text1 {
        font-size: 22px;
    }

    #text2 {
        font-size: 22px;
    }

    #text3 {
        font-size: 18px;
    }

    .selection_of_transport {
        padding-bottom: 30px;
        background-position-x: 71%;
    }

    #idbook1 {
        padding: 35px 24px 10px 10px;
    }

    #idbook2 {
        padding: 35px 24px 10px 10px;
    }

    #idbook3 {
        padding: 20px 24px 10px 292px;
    }

    #idbook4 {
        padding: 5px 24px 10px 10px;
    }

    #idbook6 {
        padding: 35px 24px 30px 10px;
    }

    #idCancle1 {
        padding: 35px 24px 10px 10px;
    }

    #idCancle2 {
        padding: 35px 24px 10px 10px;
    }

    #idCancle3 {
        padding: 20px 24px 10px 292px;
    }

    #idCancle4 {
        padding: 5px 24px 10px 10px;
    }

    #idCancle6 {
        padding: 35px 24px 30px 10px;
    }

    .divdrp {
        margin-left: 3%;
    }

    #logoGoamile {
        height: 70px;
        width: 100px;
    }

    #lblActivity {
        font-size: 80px;
    }

    .vehicle-title {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .vehicle-infotext {
        font-size: 14px;
    }

    .footer-inner {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        justify-content: flex-start;
        padding: 70px 0px 40px;
    }

    .footer-boxtitle {
        font-size: 1rem;
    }

    .footer-box {
        width: 19%;
    }

        .footer-box:first-child {
            width: 22%;
        }

        .footer-box:nth-child(2) {
            width: 12%;
        }

        .footer-box:nth-child(3) {
            width: 40%;
        }

        .footer-box:nth-child(4) {
            width: 16%;
        }

    .social-iconbox {
        display: flex;
        column-gap: 10px;
    }

    .social-icon img {
        width: 22px;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        /*left: 14px !important;*/
        cursor: default;
    }

    .ui-menu {
        width: 270px;
        max-height: 250px;
        overflow: hidden;
        overflow-y: auto;
        padding: 10px 15px;
        border-radius: 7px;
    }

    .owl-controls .owl-buttons .owl-prev {
        left: 0;
        top: 45%;
    }

    .owl-controls .owl-buttons .owl-next {
        right: 0;
        top: 45%;
    }

    .blog-date-box {
        width: 76px;
        height: 76px;
        padding: 10px;
    }

    .blog-title {
        font-size: 16px;
        font-weight: 500;
    }

    .contact-bannertext {
        font-size: 32px;
        color: #fff;
        left: auto;
        top: 30px;
    }

    .contact-formouter {
        padding-top: 5%;
    }

    .contact-addresstext {
        font-size: 14px;
    }

    .faq-bannerimg {
        height: 308px;
    }

    .faq-pillsouter .nav-link {
        font-size: 16px;
    }

    .about-bannerimg {
        height: 308px;
    }

    .imageCareer {
        height: 28vh;
    }

    /*Agent registration start*/
    .agt-regouter {
        padding: 15px 15px;
        top: 2%;
        right: 1%;
        width: 43%;
        left: auto;
    }

    .agtopsec-outer {
        position: relative;
        margin-bottom: 10%;
    }

    .agtform-header {
        font-size: 18px;
    }

    .inputwthdoc .custom-file {
        width: 15%;
    }

    .inputwthdoc .inputlbltext {
        display: none;
    }

    .partnerwork-outer {
        border-radius: 0 75px 0px 75px;
    }

    .partnerpromise-outer {
        padding: 30px 0;
        background: #FFFAED;
        background-image: url('../../../images/new/parnter-regstration/partner-char.png');
        background-repeat: no-repeat;
        background-size: 34%;
        background-position-x: 83%;
        background-position-y: 73%;
    }
    /*Agent registration end*/

    /*Offers & Mice booking page start*/
    .offerssec-outer {
        position: relative;
        margin-bottom: 7%;
    }

    .offers-bannerimg {
        background-size: 82%;
        background-position: bottom;
        background-position-x: 0%;
        height: 459px;
    }
    /*Offers & Mice booking body start*/
    .offer-stepsouter {
        margin-bottom: 50px;
    }

    .offerstep-number {
        margin-bottom: 20px;
    }

        .offerstep-number img {
            width: 62px;
        }

    .offerstep-arrow {
        width: 76px
    }

        .offerstep-arrow img {
            width: 136px;
        }

    .recommend-img {
        height: auto;
    }

        .recommend-img img {
            border-radius: 15px 0 0 15px;
            height: 286px;
            width: 500px;
        }

    .offer-collageimg {
        height: auto;
    }

        .offer-collageimg img {
            height: 135px;
        }
    /*Offers & Mice booking body end*/
    /*Offers & Mice booking page end*/
}

/* Large Devices (Desktops) */
@media (min-width: 1181px) and (max-width: 1366px) {
    .footer-box:nth-child(3) {
        display: inline-block;
        width: 40%;
    }

    .faq-question-view h2 {
        font-size: 76px;
    }

    .play-store-buttons img, .play-store-buttons i {
        width: 28px;
        font-size: 30px;
    }

    .play-store-buttons p {
        font-size: 12px;
    }

        .play-store-buttons p span {
            font-size: 14px;
        }
    /* Haritage walk */

    .formBox {
        width: 100%;
        height: 510px;
        border-radius: 10px;
        background: #FFF1C9 !important;
        margin-left: 7%;
    }

    #iddivCheck {
        padding: 15px 0px 10px 33px !important;
    }

    .txtEvent {
        margin: 330px 0px 0px 270px;
    }

    #idEventline1 {
        margin-left: 70%;
    }

    #idEventline2 {
        margin-left: 53%;
    }

    #cardEvent {
        width: 50%;
        margin-left: 20%;
    }

    #txtEventPara1 {
        margin-left: 25%;
    }

    #idEventline3 {
        margin-left: 30%;
    }

    .txtmybooking {
        margin: 64px 0px 0px 878px;
        font-size: 70px;
    }

    .text-animation {
        font-size: 29px;
    }

    .outer_box1 {
        width: 346px;
        border-radius: 10px;
        background: var(--White, #FFF);
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
    }

    #text1 {
        font-size: 30px;
    }

    #text2 {
        font-size: 30px;
    }

    .selection_of_transport {
        /*height: 87vh;*/
    }

    #idbook1 {
        padding: 35px 24px 10px 10px;
    }

    #idbook2 {
        padding: 35px 24px 10px 10px;
    }

    #idbook3 {
        padding: 20px 24px 10px 292px;
    }

    #idbook4 {
        padding: 5px 24px 10px 10px;
    }

    #idbook6 {
        padding: 35px 24px 30px 10px;
    }

    #idCancle1 {
        padding: 35px 24px 10px 10px;
    }

    #idCancle2 {
        padding: 35px 24px 10px 10px;
    }

    #idCancle3 {
        padding: 20px 24px 10px 292px;
    }

    #idCancle4 {
        padding: 5px 24px 10px 10px;
    }

    #idCancle6 {
        padding: 35px 24px 30px 10px;
    }

    .divdrp {
        margin-left: 3%;
    }

    #btngotoLogIn {
        margin-left: 15%;
    }

    #logoGoamile {
        height: 70px;
        width: 100px;
    }

    #lblActivity {
        font-size: 80px;
    }

    /*Activities slider style start*/

    .post-slide .post-content {
        padding: 0px 15px 25px 15px;
    }

    .owl-controls .owl-buttons .owl-prev {
        left: 0;
        top: 45%;
    }

    .owl-controls .owl-buttons .owl-next {
        right: 0;
        top: 45%;
    }
    /*Activities slider style start*/

    .contact-bannertext {
        font-size: 32px;
        color: #fff;
        left: auto;
        top: 30px;
    }

    .contact-formouter {
        padding-top: 5%;
    }

    .address-title {
        font-size: 16px;
        font-weight: 600;
    }

    /*Agent registration start*/
    .agt-reg-bannerimg {
        background-size: cover;
        background-position: right;
        padding: 15px 0;
    }

    .agt-regouter {
        padding: 20px 20px;
    }

    /*.agt-formouter {
        width: 42%;
    }*/
    /*.agt-regouter .regouterimg {
            width: auto;
            height: auto;
        }*/

    .agt-reg-bannertext {
        font-size: 22px;
    }

    .partnerwork-outer {
        border-radius: 0 75px 0px 75px;
    }
    /*Agent registration end*/
}

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

    .otp-input input[type="text"] {
        width: calc(100% / 4 - 10px);
    }

    .activities-bannerimg {
        height: 28vh;
    }

    .activity-banner-text {
        font-size: 58px;
        bottom: 18%;
        left: 5%;
    }

    .blog-bannerimg {
        height: 28vh;
    }

    .faq-bannerimg {
        height: 28vh;
    }

    .about-bannerimg {
        height: 28vh;
    }
    /*.imageCareer {
        height: 28vh;
    }*/
}

@media only screen and (max-width: 576px) {
    body {
        font-size: 13px;
    }
    .about-heroouter {
        margin-top: 30px;
        font-size: 16px;
        line-height: 20px;
        position: relative;
    }

        .about-heroouter .abouttag {
            font-size: 24px;
            color: #33669A;
        }
    form .form-group {
        margin-bottom: 15px;
    }

    .section-view {
        margin: 45px 0;
    }

    .section-heading {
        margin-bottom: 12px;
    }

        .section-heading .section-title {
            font-size: 20px;
            line-height: 24px;
            letter-spacing: 0px;
        }

    .line {
        background: var(--am-blue);
        width: 90px;
        height: 2px;
        margin-bottom: 10px !important;
    }

    .small-header-title {
        font-size: 16px;
        letter-spacing: -0.5px;
    }

    .content-boxtitle {
        font-size: 16px;
    }

    .form-taxi-short .form_new {
        max-width: 90%;
        padding: 45px 30px 30px;
    }

    .secfeaturesbox {
        margin-bottom: 15px;
    }

        .secfeaturesbox img {
            width: 38px;
        }

    .faq-question-view {
        margin-bottom: 15px;
    }

        .faq-question-view h2 {
            font-size: 52px;
        }

        .faq-question-view h5 {
            font-size: 16px;
        }

    .cab-service-item .cab-service-icon img {
        height: 215px;
    }

    .cab-service-item h4 {
        font-size: 20px;
    }

    .mobile-feature-item {
        border-bottom: 1px solid #dcebd4;
        padding-bottom: 12px;
    }

    .playstore-outer {
        display: flex;
        justify-content: flex-end;
        column-gap: 10px;
    }

    .play-store-buttons {
        padding: 4px 10px;
        align-items: center;
    }

        .play-store-buttons p span {
            font-size: 12px;
        }

        .play-store-buttons p {
            font-size: 11px;
            line-height: 16px;
        }

        .play-store-buttons img, .play-store-buttons i {
            margin-right: 5px;
            width: 24px;
            font-size: 26px;
        }

    .driver-app-section {
        padding: 40px 0;
    }

    .project-fact .project-count-area-item {
        margin-bottom: 15px;
    }

    .project-fact > .project-count-area-item:last-child {
        margin-bottom: 0;
    }

    .project-fact .number {
        font-size: 26px;
        margin-bottom: 5px;
    }

    #sub-nav-flex {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .address-truncatebox {
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .ourservice-label {
        font-size: 16px;
        font-weight: 600;
    }

    .customerbox-title {
        font-size: 16px;
        font-weight: 600;
    }

    .zoomin-animationbox {
        border-bottom: 1px dotted #ccc;
        margin-bottom: 15px;
    }

    .card {
        width: 100%;
    }

    .boxcard {
        margin-bottom: 20px;
    }

    .vehical-paymentinfo {
        text-align: left;
    }

    .vehicle-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .comment-container {
        display: flex;
        align-items: flex-start;
        position: relative;
    }

    .chain-top {
        top: -21px;
    }

    .chain-bottom {
        top: 44%;
    }

    .chain {
        border-left: 1.5px dashed #727272;
        position: absolute;
        height: 32%;
        left: 12px;
    }

    .swal-modal {
        width: calc(86% - 20px);
    }

    .divreportrow {
        margin-bottom: 20px;
    }

    .activities-bannerimg {
        height: 28vh;
    }

    .activity-banner-text {
        font-size: 40px;
        bottom: 18%;
        left: 11%;
    }

    .activityevent-contenttitle {
        color: #000;
        font-size: 20px;
        font-weight: 600;
    }

    .activity-eventcard .activityevent-cardbody {
        padding: 1rem;
    }

    .activity-event-boxstyle {
        padding: .375rem .5rem;
        font-size: 12px;
    }

    .activity-event-datebox {
        width: 55%;
    }

    .activity-event-timebox {
        width: 45%;
    }

    .activity-event-boxstyle .input-img {
        height: 12px;
    }

    .activityevent-contenttitle {
        color: #000;
        font-size: 22px;
        font-weight: 600;
    }

    .blog-bannerimg {
        height: 28vh;
    }

    .blog-date-box {
        width: 62px;
        height: 62px;
        padding: 10px;
    }

    .blog-title {
        font-size: 16px;
        font-weight: 500;
    }

    .imgHeritage1 {
        width: 100%;
        height: 300px;
        border-radius: 15px;
    }

    .imgHeritage2,
    .imgHeritage3,
    .imgHeritage4 {
        display: none;
    }

    .trip-actionbtn-outer {
        display: flex;
        justify-content: start;
        margin-top: 20px;
    }

    .customer-info {
        margin: 0;
        margin-top: 4%;
        height: 100%;
    }

    .bookingmap {
        margin-bottom: 20px;
    }

    .gmap {
        height: 250px;
        border-radius: 20px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }

    .rftr-card {
        box-shadow: none;
        border: 0;
    }

    .rftr-cardbody {
        padding: 15px 0px;
    }

    .rftr-boxouter {
        box-shadow: 0 0px 3px rgb(0, 0, 0, 0.3);
    }

    .rftr-balamt {
        font-size: 18px;
    }

    .rftr-footerbtn {
        padding: 4px 15px 4px;
    }

    .rftr-note {
        font-size: 12px;
    }

    .balshow-box {
        padding: 0 5px 0 15px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .getrefund-btn {
        padding: 7px 10px;
    }

    .events-bannerimg {
        height: 28vh;
        background-position: left;
    }

    .events-banner-text {
        font-size: 40px;
        color: #000;
        bottom: 18%;
        left: 11%;
    }

    .imgfeedback {
        width: 120px;
    }

    .eventinformation {
        cursor: pointer;
        font-size: 16px;
    }

        .eventinformation img {
            width: 18px;
        }

    .faq-bannerimg {
        height: 28vh;
    }

    .faqcard-header {
        padding: 7px 12px;
    }

    .faq-pillsouter .nav-link {
        font-size: 14px;
        padding: 7px 10px;
    }

    .faq-pillsouter li {
        margin: 0 0px;
    }

    .faqcard-body {
        border-top: 1px solid #ddd;
        padding: 7px 12px;
    }

    .about-bannerimg {
        height: 28vh;
    }

    .about-video {
        margin-left: 0%;
        margin-top: 20px;
        width: 100%;
        height: 250px;
    }

    .imageCareer {
        height: 28vh;
    }

    .offer-imgboxouter img {
        width: 100%;
    }
}