@media only screen and (min-width: 1024px) and (max-width:1139px) {
    .ha-steps-title {
        font-size:13px
    }

    .ha-step-description {
        font-size: .7rem
    }

    .hover-widget-5 {
        top: 53%;
        right: -2%
    }

    header ul li a {
        font-size: 19px
    }
}

@media only screen and (min-width: 900px) and (max-width:1023px) {
    .holidaypoint h3,.popular .popbox h3 {
        font-size:17px
    }

    .copyright p,.ha-steps-title,.holidaypoint p {
        font-size: 13px
    }

    footer h3 {
        font-size: 1.1rem
    }

    .disclamier p,.ha-step-description {
        font-size: .7rem
    }

    .details_form input {
        font-size: .8rem
    }

    .packageenquiry {
        max-width: 200px
    }

    .hover-widget-1 {
        top: -10px;
        left: -80px
    }

    .hover-widget-2 {
        top: -2%;
        right: -100px
    }

    .hover-widget-5 {
        top: 63%
    }

    .tripplan ul li .tripcounter {
        font-size: 40px
    }

    .faqslist button,.whychoose ul h3 {
        font-size: 15px
    }

    .whyrow ul img {
        width: 35px;
        height: 35px
    }

    .whyrow ul h6 {
        font-size: 16px
    }

    .feature_box p {
        font-size: 11px
    }

    .placesnear .onebox {
        font-size: 9px
    }

    .promisebox .promise-set1 h4 {
        font-size: 18px;
        line-height: 28px
    }

    .promisebox .promise-set2 .set2 img {
        width: 60px;
        height: 60px
    }

    .promisebox .promise-set2 .set2 h3 {
        font-size: 12px
    }

    .promisebox .promise-set2 .set2 p {
        font-size: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width:899px) {
    .holidaypoint h3,.popular .popbox h3 {
        font-size:17px
    }

    .holidaypoint p,.menu ul.childmenu a,.promisebox .promise-set2 .set2 h3 {
        font-size: 12px
    }

    footer h3 {
        font-size: 1rem
    }

    .disclamier p,.ha-step-description {
        font-size: .7rem
    }

    .details_form input {
        font-size: .8rem
    }

    .copyright p,.ha-steps-title {
        font-size: 13px
    }

    .packageenquiry {
        max-width: 200px
    }

    .homeicon {
        padding: 6.5px 9px
    }

    .menu ul.topmenu li a {
        font-size: 14px
    }

    .hover-widget-1 {
        top: -10px;
        left: -20px
    }

    .hover-widget-1 img {
        width: 270px
    }

    .hover-widget-2 img,.hover-widget-4 img {
        width: 250px
    }

    .hover-widget-2 {
        top: -2%;
        right: -30px
    }

    .hover-widget-3 {
        top: 35%;
        left: -20px
    }

    .hover-widget-4 {
        top: 32%
    }

    .hover-widget-5 {
        top: 63%;
        right: 0
    }

    .popular h2 {
        font-size: 27px
    }

    .tripplan ul li .tripcounter {
        font-size: 40px
    }

    .faqslist button,.whychoose ul h3 {
        font-size: 15px
    }

    .whyrow ul img {
        width: 35px;
        height: 35px
    }

    .feature_box p,.whyrow ul h6 {
        font-size: 11px
    }

    .specialties h3 {
        font-size: 22px
    }

    .placesnear .onebox {
        font-size: 9px
    }

    .readlater {
        width: 652px
    }

    header h2 {
        font-size: 16px
    }

    header p {
        font-size: 11px;
        line-height: 15px
    }

    header ul li a {
        font-size: 20px
    }

    .promisebox .promise-set1 h4 {
        font-size: 18px;
        line-height: 28px
    }

    .promisebox .promise-set2 .set2 img {
        width: 60px;
        height: 60px
    }

    .promisebox .promise-set2 .set2 p {
        font-size: 10px
    }
}

@media only screen and (max-width: 767px) {
    .ui-box{
        margin-bottom: 20px;
    }
    #pills-tab button{
        padding: 0 12px;
        font-size: 14px;
    }
    .menu ul.childmenu,.menu ul.topmenu {
        white-space:nowrap;
        overflow-x: scroll
    }

    .cabbox ul,.menu ul.topmenu {
        overflow-x: scroll
    }

    .cab-section-outer {
        margin-bottom: 30px
    }

    .faqslist .answerinline p,.faqslist button,.promisebox .promise-set2 .set2 h3,.routes-sec p,.routes-sec td,.routes-sec th {
        font-size: 12px
    }

    .car-btn {
        display: flex
    }

    .car-btn img {
        height: 38px!important;
        width: 100%
    }

    .routes-sec {
        padding: 40px 10px
    }

    .homeslide {
        padding: 40px 0;
        min-height: auto
    }

    .banner-content {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .desktopform,.main-form,.promisebox .promise-set1 h4 br {
        display: none
    }

    .accordion-button::after {
        margin-right: -15px
    }

    .phone-icon {
        display: flex;
        align-items: center;
        margin-right: 5px
    }

    .phone-icon .icon {
        font-size: 10px;
        width: 20px;
        height: 20px
    }

    .slidecontent h2 span {
        text-align: center;
        font-size: 26px
    }

    .slidecontent p {
        font-size: 11px;
        text-align: center;
        margin-bottom: 0
    }

    .desk-image {
        display: none!important
    }

    .mobile-img {
        display: block
    }

    .gallery-inner h3 {
        bottom: 10px;
        font-size: 12px
    }

    .gallery-inner img {
        height: 200px
    }

    .shadow-effect p,.taxi-service-btn .talk-to-cd h6,.whyrow ul h6,header ul li a {
        font-size: 14px
    }

    section.mobshow.details_form {
        display: block;
        margin: 37px 10px 10px;
        border-radius: 10px;
        background: #fefbfb;
        border: 1px solid #00000024
    }

    .cabpackage h4,.whychoose ul h3,header h2 {
        font-size: 16px
    }

    header p {
        font-size: 11px;
        line-height: 14px
    }

    .copyright p,.differbox .differctn p,.holidaypoint h3 {
        font-size: 13px
    }

    .cabbox ul li p,.holidaypoint p {
        font-size: 11px
    }

    footer .footerfirst ul li a,footer h3,footer h5 {
        font-size: .8rem
    }

    .disclamier p {
        font-size: .7rem
    }

    .details_form input {
        font-size: .8rem;
        margin-bottom: .3rem
    }

    .packageenquiry {
        max-width: 100%;
        position: static;
        margin-top: 0
    }

    .scrollfix {
        padding-bottom: 29%
    }

    .homeicon img {
        width: 14px
    }

    .homeicon {
        padding: 2.5px 7px;
        margin: 5px 5px 5px 0;
        display: none
    }

    .menu ul.topmenu {
        display: block;
        width: calc(100% - 7px)
    }

    .menu ul.topmenu li a {
        font-size: .7rem;
        padding: 5px 9px
    }

    .menu ul.childmenu {
        text-align: left;
        width: 100%;
        padding: 5px
    }

    .menu ul.childmenu a {
        font-size: .7rem;
        padding: .2rem .3rem;
        display: inline-block;
        border: 1px solid #e3c16b;
        background: #e5e5e5;
        border-radius: 60px;
        margin-right: 10px;
        font-weight: 500
    }

    .slidecontent h2 {
        font-size: 29px
    }

    .slidecontent h3 {
        font-size: 15px;
        margin-top: 0
    }

    .ctabox h2 {
        font-size: 15px
    }

    .specialties {
        padding: 3rem 0
    }

    .hover-widget-1 {
        top: -10px;
        left: -17px
    }

    .hover-widget-2 {
        top: -2%;
        right: -10px
    }

    .hover-widget-5 {
        top: 73%;
        right: -4%
    }

    .hover-widget-1,.hover-widget-2 img,.hover-widget-3 img,.readbtn {
        width: 200px
    }

    .hover-widget-3 {
        left: -10px
    }

    .popular,.tripplan {
        padding: 30px 0
    }

    .popular h2 {
        font-size: 23px
    }

    .popular .popbox {
        margin-bottom: 15px
    }

    .promisebox,.tripplan ul,.whychoose ul,.whyrow ul {
        flex-wrap: wrap
    }

    .tripplan ul li,.whyrow ul li {
        flex: 0 0 48%
    }

    .tripplan ul li .tripcounter {
        font-size: 30px
    }

    .whychoose {
        padding: 20px 0
    }

    .whychoose ul li {
        flex: 0 0 48%;
        margin-bottom: 10px
    }

    .ctabox .countryno {
        width: 12%
    }

    .cabpackage h2,.differbox .differctn h2 {
        font-size: 20px
    }

    .readlater {
        width: 100%
    }

    .cabbox ul li {
        flex: 0 0 30%;
        padding: 6px
    }

    .promisebox .promise-set1,.promisebox .promise-set2 {
        flex: 0 0 100%
    }

    .promisebox .promise-set2 .set2 h3 img {
        width: 14px;
        height: 14px
    }

    .promisebox .promise-set1 h4 {
        text-align: center;
        font-size: 18px;
        line-height: 28px;
        margin-top: 0
    }

    .promisebox .promise-set2 .set2 img {
        width: 60px;
        height: 60px
    }

    .promisebox .promise-set2 .set2 p {
        font-size: 10px
    }

    .promisebox .promise-set2 {
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 600px) {
    .modal-content.slideupcontent {
        height:80vh;
        width: 70%
    }
}

@media only screen and (max-width: 600px) {
    .modal-content.slideupcontent {
        width:100%;
        height: 75vh!important
    }

    .close-btn {
        position: relative!important;
        top: -38px!important;
        left: 0!important;
        margin: -29px auto!important
    }
}

@media only screen and (max-width: 575px) {
    .fixed-btn2 {
        display:block
    }

    .slidecontent {
        min-width: 400px;
        margin-left: -203px;
        bottom: 10px
    }

    .cabpackage h4,.ctabox .countryno,.ctabox form input[type=submit],.slidecontent .tprice .inprice,.slidecontent h3,.taxi-service-btn .talk-to-cd h6,.tourpackage .tourtitle h3,.tripplan ul li p {
        font-size: 14px
    }

    .slidecontent h2 {
        font-size: 21px;
        line-height: 20px
    }

    .slidecontent a {
        width: 100%;
        border-radius: 10px
    }

    .holidaypoint h3 {
        font-size: 16px;
        margin-top: 10px
    }

    .box_inner ul li,.copyright p,.readbtn a {
        font-size: 12px
    }

    .holidaypoint.bdfrgt ul {
        border-left-width: 0
    }

    .copyright p {
        text-align: center;
        padding: 4px 0
    }

    .modal.fade.poupdesign .modal-dialog {
        transform: none;
        position: fixed;
        bottom: -100%;
        margin: 0;
        width: 100%;
        transition: bottom .5s ease-out
    }

    .modal.show.poupdesign .modal-dialog {
        bottom: 0;
        transition: bottom .5s ease-out
    }

    .poupdesign .modal-content {
        border-radius: 0
    }

    .mobile-cta {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        background: #fff;
        box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);
        z-index: 99
    }

    .mobile-cta a:first-child {
        background: #2297fa
    }

    .mobile-cta a:nth-child(2) {
        background: #906be6
    }

    .mobile-cta a:nth-child(3) {
        background: #7abf00
    }

    .mobile-cta .btn {
        text-align: center;
        font-size: 12px;
        letter-spacing: .5px;
        font-weight: 300;
        max-width: 33.33%;
        flex: 0 0 33.33%;
        padding: 0;
        min-height: auto;
        position: relative;
        color: #fff;
        border-radius: 0
    }

    .mobile-cta p {
        position: absolute;
        margin-bottom: 0;
        width: 100%;
        top: -12px;
        height: 150%;
        opacity: 0
    }

    .mobile-cta .btn .icon_bg {
        height: 37px;
        width: 37px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .mobile-cta .icon {
        width: 18px;
        height: 18px;
        object-fit: contain;
        display: block;
        margin: auto
    }

    .menu ul.childmenu a {
        margin-right: 1px
    }

    .scrollfix {
        height: 92vh
    }

    .whyus .modeltitle {
        font-size: 17px
    }

    footer {
        padding-bottom: 50px
    }

    .homeslide img {
        height: 75vh
    }

    .header_inner .lettalk a {
        padding: 11px 10px
    }

    .popular .popbox h3,.readctn h2,.tourpackage .tourtitle h2 {
        font-size: 16px
    }

    .recommend_box h3,.tpcakage .tprice .mprice,.whychoose ul h3 {
        font-size: 15px
    }

    .ctabox h2,.whychoose ul h3 {
        font-size: 13px
    }

    .popular h2 {
        margin-bottom: 20px
    }

    .tripplan ul li {
        margin-bottom: 15px
    }

    .tripplan ul li .tripcounter {
        font-size: 33px
    }

    .whychoose ul svg,.whyrow ul img {
        width: 40px;
        height: 40px
    }

    .feature_box {
        height: 50px
    }

    .feature_box p,.readctn p {
        font-size: 11px
    }

    .prefer h2,.whyusmob h2 {
        font-size: 20px
    }

    .how-it-work .row {
        overflow-y: scroll;
        height: 350px
    }

    .readbtn a img {
        width: 23px
    }

    .whyusmob {
        display: block;
        padding: 20px 10px 10px;
        background: #f3f3f3
    }

    .whyusmob h2 {
        text-align: center;
        font-weight: 600;
        margin-bottom: 10px
    }

    .whyusmob ul {
        overflow-x: scroll;
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 10px;
        scrollbar-width: none
    }

    .whyusmob ul li {
        font-size: 11.5px;
        display: inline-block;
        margin-bottom: 10px;
        flex: 0 0 64%
    }

    .whyusmob ul li p {
        margin: 5px 0;
        border: 1px solid #ddd;
        padding: 5px;
        border-radius: 4px;
        background: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    header {
        display: none
    }

    .mobileheader {
        display: block;
        padding: 7px;
        background: #f9f9f9
    }

    .mobileheader h1 {
        font-size: 15px;
        margin-top: 10px;
        text-shadow: 1px 1px 2px rgb(244 116 53)
    }

    .mobileheader p {
        margin-bottom: 0;
        text-align: center;
        font-size: 10px;
        margin-top: 10px;
        font-weight: 500
    }

    .mobileheader ul {
        list-style: none;
        padding-left: 0;
        text-align: right;
        margin-bottom: 7px
    }

    .mobileheader ul li a {
        color: #000;
        padding-bottom: 1px;
        display: block;
        font-size: 11px;
        font-family: arial;
        align-items: center;
        display: flex;
        font-weight: 600
    }

    .mobileheader .mobrgt {
        padding-right: 5px
    }

    .mobileheader .moblft {
        padding-left: 5px
    }

    .mobileheader ul img {
        width: 13px
    }

    .mobileheader img {
        width: 80%;
        border-radius: 6px
    }

    .cabpackage {
        padding: 20px 0
    }

    .stationinner h6 {
        font-size: 14px;
        margin-top: 10px
    }
}

@media only screen and (max-width: 467px) {
    .slidecontent {
        min-width:100%;
        padding: 0 15px 10px;
        margin-left: 0;
        text-align: left;
        align-items: center
    }

    .slidecontent a {
        text-align: center;
        max-width: max-content;
        padding: 0 10px;
        height: 35px;
        line-height: 35px;
        border-radius: 3px
    }

    .header_inner .lettalk a,.slidecontent .tprice {
        font-size: 13px
    }

    .cabpackage h2,.slidecontent .tprice .inprice {
        font-size: 16px
    }

    .slidecontent h3 {
        font-size: 12px;
        line-height: 23px;
        margin-bottom: 4px;
        padding: 0 10px;
        border-radius: 5px
    }

    .slidecontent h2 {
        font-size: 22px;
        margin-bottom: 0;
        line-height: 30px;
        text-align: center
    }

    .ctabox h2,.whyrow ul li {
        margin-bottom: 10px
    }

    .slidecontent .ctndraw {
        display: none
    }

    .commonbox h2 {
        font-size: calc(1.325rem + .9vw)
    }

    .offer_bg img {
        height: 180px;
        object-fit: cover
    }

    .mainform .input-group-text {
        width: 20%
    }

    .homeslide img {
        height: 100%
    }

    .header_inner .logo img {
        width: 100px
    }

    .copyright p,.differbox .differctn p,.feature_box p,.packagebtn a span,.placesnear .onebox,.taxi-service-btn .talk-to-cd h6,.view li span {
        font-size: 10px
    }

    .am_ttl2 li,.ctabox h2,.tdetails p {
        font-size: 11px
    }

    .ctabox .countryno {
        width: 16%;
        height: 25px;
        line-height: 30px;
        font-size: 12px
    }

    .ctabox form input[type=tel] {
        height: 25px;
        font-size: 12px;
        width: 60%
    }

    .ctabox form input[type=submit] {
        height: 25px;
        font-size: 9px;
        width: 42%
    }

    .ctabox {
        padding: 15px 0
    }

    .hover-widget-1,.hover-widget-2 img,.hover-widget-3 img {
        width: 160px
    }

    .hover-widget-4 {
        top: 18%;
        left: 35%
    }

    .hover-widget-6 {
        bottom: 26%
    }

    .hover-widget-4 img {
        width: 164px
    }

    .whyrow ul {
        display: block;
        margin: 0 0 10px
    }

    .feature_box {
        height: 60px
    }

    .differbox .differctn h2 {
        font-size: 14px
    }

    .differbox .differctn a,.f12b,.taxi-service-btn .talk-to-cd h2 {
        font-size: 12px
    }

    .readlater {
        display: block;
        margin-bottom: 2rem
    }

    .readbtn {
        width: 150px;
        margin: 10px auto 0
    }

    .tdetails p,.tourbox {
        margin-bottom: 5px
    }

    .f12b,.plvi {
        margin-top: 3px
    }

    .plvi {
        margin-bottom: 1px
    }

    .view li {
        padding: 2px 4px;
        font-size: .8rem
    }

    .recommend_box a {
        padding: 2px 6px;
        font-size: 11px
    }

    .tourimg img {
        height: 160px
    }

    .topmenu li img {
        width: 14px
    }

    .homeicon {
        padding: 3px 7px
    }

    .pbtn .packbtn a {
        padding: 3px 5px;
        font-size: 11px
    }

    .stationinner img {
        height: 200px
    }

    .stationinner h6 {
        font-size: 12px;
        margin-top: 9px
    }
}