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

@media only screen and (max-width:1799px) {
    .slidertext {
        width: 49.3%;
    }

    .popular_tour_Enquiry {
        width: 60%;
    }

    .footerwrap h1 {
        height: 113px;
        font-size: 125px;
        line-height: 113px;
    }
}

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

    .journey_time {
        width: 39%;
    }

    .slidertext {
        width: 59.3%;
        top: 70px;
    }

    .owl-carousel.carousel-main2 .owl-item {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .thumboxslide {
        width: 98%;
    }

    .popular_tourlist .popular_tourname img {
        max-width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .popular_tourlist .popular_tourname {
        width: 33%;
    }

        .popular_tourlist .popular_tourname:first-child {
            width: 67%;
        }

    .popular_tour_Enquiry {
        width: 70%;
    }

    .tourtitle h2 {
        font-size: 20px;
        text-align: left;
    }

    .tourpricewrap .tourprice {
        font-size: 20px;
        line-height: 26px;
    }

    .tourpricewrap .bookbtn a {
        padding: 10px 19px;
    }

    .footerwrap h1 {
        height: 106px;
        font-size: 117px;
        line-height: 106px;
        overflow: hidden;
    }

    .tourpackage_wrap {
        padding: 80px 0 0;
    }

    .chooseus_box.chooseus_box04 h5 {
        font-size: 50px;
    }

    .chooseus_box.chooseus_box03 h4, .chooseus_box.chooseus_box04 h4 {
        width: 71%;
    }

    .upcoming_trip img {
        height: 652px;
    }

    .video-card {
        width: 336px;
    }

    .footerwrap h1 {
        height: 101px;
        font-size: 112px;
        line-height: 101px;
    }

    .footernav {
        gap: 60px;
    }

    .footerabout h2 {
        font-size: 63px;
        line-height: 74px;
    }

    /*Inner Page*/

    .select_city select {
        width: 225px !important;
    }

    .input-half {
        width: 59.3%;
        float: left;
    }

    .spiritual_travelimg h2 {
        font-size: 64px;
        line-height: 74px;
    }

        .spiritual_travelimg h2 i {
            font-size: 90px;
            line-height: 72px;
        }
}

@media only screen and (max-width:1399px) {
    .headermenu {
        float: left;
        width: 67%;
    }

    .logindropdown ul li .logilink {
        font-size: 16px;
    }

    .headermenu .navbar-inverse .navbar-nav > li > a {
        font-size: 16px;
    }

    .journey_time {
        width: 44%;
    }

    .slidertext h2 {
        font-size: 64px;
        line-height: 64px;
    }

        .slidertext h2 i {
            font-size: 64px;
            line-height: 64px;
        }

    .slidertext p {
        padding: 30px 0;
    }

    .slidertext button {
        font-size: 17px;
        line-height: 22px;
        padding: 12px 32px;
    }

    .feature_logo {
        border-radius: 40px 40px 0 0;
        padding: 55px 0 0;
        margin: -36px 0 0;
    }

    .popular_tourbox.popular_tourboxfirst .tourname h3 {
        font-size: 40px;
        line-height: 49px;
    }

    .popular_tourbox .tourname h3 {
        font-size: 27px;
        line-height: 33px;
    }

    .popular_tourlist .popular_tourname .popular_tourbox {
        padding: 30px 20px;
    }

    .popular_tourwrap {
        padding: 0 0 80px;
    }

    .popular_tour_Enquiry h2 {
        font-size: 64px;
        line-height: 64px;
    }

        .popular_tour_Enquiry h2 i {
            font-size: 70px;
            line-height: 52px;
        }

    .tourcounter {
        min-height: 662px;
        background-size: cover;
    }

    .countbox {
        gap: 10px;
    }

        .countbox h2 {
            font-size: 40px;
            line-height: 64px;
        }

            .countbox h2 i {
                font-family: 'FontAwesome';
                font-size: 33px;
                font-style: normal;
                color: #FBBC19;
            }

    .choose_usdetail {
        flex-wrap: wrap;
    }

    .chooseus_box {
        width: 32%;
        height: 386px;
    }

    .choose_usdetail .chooseus_box:first-child {
        padding: 0;
        overflow: hidden;
    }

        .choose_usdetail .chooseus_box:first-child img {
            width: 100%;
            background-size: cover;
        }

    .upcoming_trippart {
        padding: 80px 20px;
    }

    .testimonial-section {
        padding: 80px 0 0 0;
    }

    .footerwraper {
        padding: 100px 20px 0;
    }

    .footerbg .container {
        max-width: 100%;
        padding: 0 30px !important;
    }

    .footerabout h2 {
        font-size: 57px;
        line-height: 60px;
        padding: 0 0 62px;
    }

    .footerbg {
        height: 582px;
    }

    .footernav {
        gap: 40px;
    }

    .footerwrap h1 {
        height: 91px;
        font-size: 102px;
        line-height: 91px;
    }

    .footerwraper {
        padding: 80px 20px 0;
    }

    .titlewrap h2 {
        font-size: 32px;
    }

    .chooseus_box.chooseus_box04 h4 {
        color: var(--primary-color);
        width: 100% !important;
    }

    /*Inner Page*/

    .select_city b {
        font-size: 17px;
        line-height: 22px;
    }

    .enquiry-btn-bg {
        font-size: 17px;
        line-height: 22px;
    }

    .itinerary-submit input {
        font-size: 15px;
        line-height: 18px;
        padding: 17px 23px;
    }

    .enquiry-now-btn a {
        font-size: 17px;
        line-height: 21px;
    }

    .select_city select {
        width: 200px !important;
    }

    .itinerary_triPrice span p {
        font-size: 28px;
        line-height: 36px;
    }

    .input-half input {
        font-size: 16px;
    }

    .left-content {
        width: 65.1%;
    }

    .right-content {
        width: 33.5%;
    }

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

    .spiritual_travelpart {
        padding: 80px 33px 0;
    }

    .spiritual_travelimg h2 {
        font-size: 60px;
        line-height: 71px;
    }
}

@media only screen and (max-width:1229px) {
    .bell_ani {
        width: 30px;
        height: 116px;
        background-size: 30px;
        right: 20px;
    }

        .bell_ani.bell_ani1 {
            left: 20px;
        }

    .logindown ul li {
        padding: 25px 0 24px;
    }

    .headermenu .navbar-inverse .navbar-nav > li > a {
        font-size: 16px;
    }

    .logindropdown ul > li:hover > ul {
        top: 75px;
    }

    .headermenu {
        width: 72%;
    }

    /*.headermenu .navbar-inverse .navbar-nav {
        gap: 19px;
    }*/

    .header_logomain img {
        width: 170px;
    }

    .slidertext h2 {
        font-size: 56px;
        line-height: 56px;
    }

        .slidertext h2 i {
            font-size: 54px;
            line-height: 54px;
        }

    .slidertext {
        width: 59.3%;
        top: 50px;
    }

    .titlewrap h2 {
        font-size: 30px;
        line-height: 34px;
        background-position: 100% -2px;
        background-size: 50px;
        padding: 4px 55px 0 0;
    }

    .tourpricewrap .bookbtn a {
        font-size: 13px;
        line-height: 17px;
    }

    .tourpricewrap .tourprice i {
        font-size: 13px;
        line-height: 16px;
    }

    .popular_tourbox.popular_tourboxfirst .tourname h3 {
        font-size: 36px;
        line-height: 45px;
    }

    .popular_tourbox .tourname {
        width: 70%;
    }

        .popular_tourbox .tourname h3 {
            font-size: 25px;
            line-height: 28px;
            text-align: left;
        }

    .popular_tour_Enquiry {
        width: 74%;
    }

    .tourcounter {
        min-height: 582px;
        background-size: cover;
        padding: 100px 0 35px;
    }

    .loginwrap a {
        font-size: 18px;
        line-height: 23px;
    }

    .titlewrap p {
        font-size: 16px;
        line-height: 22px;
        width: 52%;
    }

    .upcoming_trip .titlewrap {
        position: absolute;
        left: 33px;
        top: 40px;
    }

    .upcoming_trip img {
        height: 452px;
    }

    .upcoming_trip .titlewrap h2, .choose_uspart .titlewrap h2, .testimonial-section .titlewrap h2 {
        width: 70%;
        padding: 0;
    }

    .chooseus_box {
        width: 48.7%;
        height: 386px;
    }

    .footerbg {
        height: auto;
    }

    .footerabout {
        float: left;
        width: 68%;
    }

    .footerbg {
        padding: 80px 0 100px;
    }

    .footerwrap h1 {
        height: 131px;
        font-size: 83px;
        line-height: 131px;
        position: absolute;
        padding: 60px 0 0;
    }

    .footerdetails {
        flex-wrap: wrap;
    }

    /*Inner Page style*/

    .itinerary_tripexp {
        flex-wrap: wrap;
        /*flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;*/
    }

    .journey_time {
        width: auto;
    }

    .date-select .form-group {
        padding: 0 8px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .input-half {
        width: 100%;
        float: left;
    }

    .itinerary-submit {
        width: 100%;
    }

    .select_city {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        gap: 8px;
    }

        .select_city select {
            width: 100% !important;
        }

    .enquiry-itinerary {
        gap: 16px;
    }

    .Trip_duration_part {
        padding: 20px;
    }

    .left-content .card, .right-content .card {
        padding: 26px;
    }

    .help-box h3 {
        font-size: 22px;
        line-height: 25px;
    }

    .help_line {
        background-size: 30px;
    }

    .help-box {
        padding: 22px;
    }

    .inc-exc {
        display: grid;
        grid-template-columns: auto;
    }

    .spiritual_travelimg h2 {
        font-size: 50px;
        line-height: 71px;
    }

        .spiritual_travelimg h2 i {
            font-size: 80px;
            line-height: 46px;
        }

    .footerabout h2 {
        font-size: 57px;
        line-height: 60px;
    }

    .help_line {
        background-image: none;
        padding: 0 0 0;
    }

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

    .itinerary_triPrice span p {
        font-size: 25px;
        line-height: 32px;
    }

    .boooknowbox {
        padding: 0 8px;
    }
}

@media only screen and (max-width:1023px) {
    .headermenu .navbar-inverse .navbar-nav {
        gap: 28px;
    }

    .headermenu {
        float: left;
        width: 70%;
    }

    .slidertext {
        width: 69.3%;
        top: 50px;
    }

    .tourtitle h2 {
        font-size: 18px;
        text-align: left;
    }

    .tourtitle .tournight {
        font-size: 11px;
        line-height: 14px;
    }

    .tourpricewrap .bookbtn a {
        padding: 8px 14px;
    }

    .countside {
        gap: 90px;
    }

    .enquirybtn a {
        font-size: 17px;
        line-height: 20px;
        padding: 18px 32px;
    }

    .popular_tour_Enquiry h2 {
        font-size: 58px;
        line-height: 61px;
    }

    .video-card {
        width: 335px;
    }

    /*Inner Page*/

    .itinerary_tournamedata h2 {
        font-size: 24px;
        line-height: 31px;
    }
}

@media only screen and (max-width:991px) {
    .bell_ani {
        width: 20px;
        height: 80px;
        background-size: 20px;
        right: 15px;
    }

        .bell_ani.bell_ani1 {
            left: 15px;
        }

    .tour_imagepart {
        width: 92%;
    }

    .logindropdown ul > li > ul {
        right: auto;
        left: -10px;
        min-width: 160px;
    }

    .model_popup .modal-dialog {
        width: 98% !important;
    }

    .model_popup .modal-content {
        max-width: 780px;
    }

    .enquiry-box {
        height: 780px;
    }

        .enquiry-box input, .enquiry-box textarea {
            height: 50px;
            padding: 14px;
            font-size: 14px;
        }

    .form-btn-area input {
        padding: 14px 36px !important;
    }

    .header_logomain {
        float: left;
        order: 1;
    }

    .header_logo02 {
        float: right;
        order: 2;
    }

    .headermenu {
        float: left;
        width: 100%;
        order: 3;
    }

        .headermenu .navbar-inverse .navbar-nav {
            gap: 34px;
            justify-content: center;
        }

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

    .header_topdiv {
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 15px 0 0;
    }

    .slidertext h2 {
        font-size: 49px;
        line-height: 56px;
    }

        .slidertext h2 i {
            font-size: 52px;
            line-height: 44px;
        }

    .slidertext p {
        padding: 20px 0;
    }


    .feature_logo {
        border-radius: 40px 40px 0 0;
        padding: 35px 0 0;
        margin: -30px 0 0;
    }

    .slidertext h2 {
        font-size: 43px;
        line-height: 40px;
    }

        .slidertext h2 i {
            font-size: 45px;
            line-height: 34px;
        }

    .slidertext {
        width: 69.3%;
        top: 30px;
    }

    .countside {
        gap: 20px;
    }

    .popular_tourlist .popular_tourname:first-child {
        width: 33%;
    }

    .popular_tourlist .popular_tourname .popular_tourbox {
        padding: 20px 14px;
    }

    .popular_tourbox.popular_tourboxfirst .tourname h3 {
        font-size: 25px;
        line-height: 45px;
    }

    .popular_tourlist .popular_tourname .popular_tourbox span {
        width: 43px;
        height: 43px;
    }

    .popular_tour_Enquiry h2 {
        font-size: 48px;
        line-height: 55px;
    }

        .popular_tour_Enquiry h2 i {
            font-size: 50px;
            line-height: 32px;
        }

    .popular_tour_Enquiry {
        width: 94%;
    }

    .upcoming_trip img {
        height: 342px;
    }

    .titlewrap {
        width: 100%;
    }

    .footerwrap h1 {
        height: 111px;
        font-size: 63px;
        line-height: 111px;
        padding: 60px 0 0;
    }

    .chooseus_box {
        width: 47.7%;
        height: 386px;
    }

    .footernav {
        gap: 40px 80px;
        flex-wrap: wrap;
    }

    .footernav {
        gap: 20px;
        flex-wrap: wrap;
    }

    .footerlinks {
        width: 30%;
    }

    .owl-carousel.testimonial-slider .owl-stage {
        height: auto;
    }

    .video-card {
        width: 305px;
        height: 100%;
    }

    .footerabout h2 {
        font-size: 57px;
        line-height: 60px;
        padding: 0 0 42px;
    }

    .chooseus_box.chooseus_box04 h5 {
        font-size: 46px;
    }

    /*Inner Page*/

    .booking_enquirypart {
        flex-wrap: wrap;
    }

    .itinerary-slider-bg {
        gap: 20px;
        width: 100%;
    }

    .itinerary_trippart {
        flex-basis: 100%;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .select_city select {
        width: 60% !important;
    }

    .select_city {
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        gap: 8px;
    }

    .date-select .form-group {
        flex-wrap: nowrap;
    }

    .layout_part {
        flex-wrap: wrap;
    }

    .left-content {
        width: 100%;
    }

    .right-content {
        width: 100%;
    }

    .tourpackage_wrap {
        padding: 70px 0 0;
    }

    .spiritual_travelpart {
        padding: 70px 15px 0;
    }

    .spiritual_travelimg h2 i {
        font-size: 70px;
        line-height: 56px;
    }

    .spiritual_travelimg h2 {
        font-size: 50px;
        line-height: 51px;
        padding: 0 6px;
    }

        .spiritual_travelimg h2 i {
            font-size: 40px;
            line-height: 36px;
        }

    .testimonial-section {
        padding: 70px 0 0 0;
    }

    .footerwraper {
        padding: 70px 20px 0;
    }
}

@media only screen and (max-width:767px) {
    .header_topdiv {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 16px 0;
    }

    .feature_logo {
        margin: 0;
    }

    .titlewrap p {
        width: 80%;
    }

    .slidertext {
        width: 80.3%;
        top: 30px;
    }

        .slidertext h2 {
            font-size: 36px;
            line-height: 38px;
        }

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

        .slidertext button {
            font-size: 16px;
            line-height: 22px;
            padding: 10px 24px;
        }

    .titlewrap h2 {
        font-size: 27px;
        line-height: 30px;
        background-size: 44px;
        padding: 4px 50px 0 0;
    }

    .model_popup .modal-content {
        max-width: 780px;
    }

    .enquiry-box {
        height: 780px;
    }

    /* leftmenu start */

    .headermenu {
        width: auto;
        position: absolute;
        top: 19px;
        right: 10px;
        margin: 0;
        background-color: transparent;
        z-index: 5;
        padding: 0;
    }

    .logindown ul li {
        padding: 0;
    }

    .fixedbtn {
        position: absolute;
        top: -40px;
        left: 0;
        z-index: 1030;
    }

        .fixedbtn.topfixedicon {
            position: fixed !important;
            top: 12px !important;
            z-index: 99999 !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 24px;
            height: 24px;
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
            right: 12px;
            left: auto;
        }

            .fixedbtn.topfixedicon::after {
                font-family: FontAwesome;
                content: "\f00d";
                right: 3px;
                top: -6px;
                position: absolute;
                font-size: 22px;
                color: var(--primary-color);
            }

    .headermenu .navbar-header {
        display: block;
    }

    .menufixed .navbar-toggle {
        background-color: transparent;
        border-color: transparent;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0;
        z-index: 999;
    }

    .fixedbtn.topfixedicon span {
        display: none !important;
    }

    .headermenu .navbar-inverse .navbar-nav {
        margin: 0;
        float: left;
        width: 100%;
        padding: 24px 0 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .headermenu .navbar-toggle .icon-bar {
        background: var(--primary-color);
    }

    .headermenu .navbar-inverse {
        float: left;
    }

        .headermenu .navbar-inverse .navbar-toggle:focus,
        .headermenu .navbar-inverse .navbar-toggle:hover {
            background-color: transparent;
        }

        .headermenu .navbar-inverse .navbar-nav > li {
            display: block;
            text-align: left;
            margin: 0 0 0 20px;
        }

        .headermenu .navbar-inverse .container-fluid {
            padding: 0 15px;
            text-align: center;
            background: #3e3e3e;
        }

        .headermenu .navbar-inverse .navbar-nav > li > a {
            font-size: 16px;
            padding: 0;
            color: var(--primary-color);
            margin: 0;
            border-bottom: none;
            font-weight: 500;
            text-align: center;
            background-color: transparent;
            text-transform: capitalize;
        }

    .logindropdown ul > li > ul > li a {
        padding: 7px 15px 7px 15px;
    }

    .logindropdown ul li .logilink {
        font-size: 16px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 0 0 0 0;
    }

    .headermenu .navbar-inverse .navbar-nav > li, .headermenu .navbar-inverse .navbar-nav > .logindropdown {
        display: block;
        float: none;
    }

    .logindropdown {
        display: block;
        text-align: left;
        margin: 0;
        float: none;
    }

        .logindropdown ul li ul:hover {
            margin: 10px 0 0 0;
        }

        .logindropdown ul li ul:hover {
            position: initial;
            min-width: 155px;
            visibility: visible;
            margin: 10px 0 0 0;
        }


    .headermenu .navbar-inverse {
        background-color: var(--pure);
        box-shadow: 0 0 5px #B0B0B0;
    }

        .headermenu .navbar-inverse .navbar-nav > li > a.active, .headermenu .navbar-inverse .navbar-nav > li > a.active:focus, .headermenu .navbar-inverse .navbar-nav > li > a.active:hover, .headermenu .navbar-inverse .navbar-nav > li > a:hover {
            background: transparent;
            color: var(--secondary);
            border-bottom: none;
        }

        .headermenu .navbar-inverse .navbar-nav > .active > a, .headermenu .navbar-inverse .navbar-nav > .active > a:focus, .headermenu .navbar-inverse .navbar-nav > .active > a:hover, .headermenu .navbar-inverse .navbar-nav > li > a:hover {
            background: transparent;
            color: var(--secondary);
            border-bottom: none;
        }

        .headermenu .navbar-inverse .navbar-collapse {
            border: none !important;
        }

    .side-collapse-container {
        width: 100%;
        position: relative;
        left: 0;
        transition: left .4s;
    }

        .side-collapse-container.out {
            left: 200px;
        }

    .headermenu .side-collapse {
        top: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
        padding-top: 30px;
        z-index: 9999;
    }

    .side-collapse.in {
        width: 0;
    }

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

    .navbar-toggle {
        display: block;
    }

    .logindropdown ul li ul:hover {
        position: initial;
        min-width: auto;
        visibility: visible;
        margin: 10px 10px 0 10px;
    }

    .logindropdown ul > li > ul {
        top: 30px;
        right: auto;
        left: 0;
    }

    .logindropdown ul > li:hover > ul {
        top: 10px;
        position: relative;
        left: 0;
    }

    /* leftmenu end */

    .tourpackage_wrap {
        padding: 70px 0 0;
    }

    .destination-nav .owl-nav .owl-prev, .destination-nav .owl-nav .owl-next {
        top: -110px;
    }

    .tourpricewrap .tourprice {
        font-size: 18px;
        line-height: 26px;
    }

    .thumboxslide img {
        border-radius: 19px;
        width: 100%;
        height: 180px;
    }

    .tourpricewrap {
        padding: 16px 0 0;
        align-items: center;
        /*flex-direction: column;*/
        gap: 6px;
    }

    .thumboxslide {
        width: 98%;
        height: 400px;
    }

    .popular_tourlist {
        gap: 20px;
        flex-wrap: wrap;
    }

        .popular_tourlist .popular_tourname {
            width: 48%;
        }

            .popular_tourlist .popular_tourname:first-child {
                width: 100%;
            }

    .popular_tours {
        margin: 70px 0 0;
        padding: 60px 0 0;
    }

    .popular_tour_Enquiry h2 {
        font-size: 42px;
        line-height: 48px;
    }

    .tour_Enquiry_button {
        padding: 41px 0 0;
        gap: 10px;
    }

    .tourcounter {
        min-height: 472px;
        background-size: cover;
        padding: 70px 0 35px;
    }

    .loginwrap a {
        font-size: 16px;
        line-height: 23px;
        padding: 15px 22px 15px 26px;
    }

    .countbox h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .countbox p {
        width: 90%;
        text-align: center;
    }

    .titlewrap {
        width: 80%;
    }

    .upcoming_trip .titlewrap {
        position: absolute;
        left: auto;
        top: 40px;
        width: 90%;
        right: 40px;
        text-align: right;
        justify-content: flex-end;
        align-items: flex-end;
    }

        .upcoming_trip .titlewrap h2, .choose_uspart .titlewrap h2, .testimonial-section .titlewrap h2 {
            width: 100%;
            padding: 0;
        }

    .chooseus_box p {
        font-size: 16px;
        line-height: 19px;
    }

    .chooseus_box {
        padding: 18px;
    }

        .chooseus_box p {
            font-size: 16px;
            line-height: 19px;
        }

    .chooseus_point {
        padding: 14px;
    }

        .chooseus_point em {
            font-size: 16px;
            line-height: 22px;
        }

    .chooseus_box {
        width: 47.7%;
        height: 367px;
    }

    .choose_usdetail .chooseus_box:first-child img {
        border-radius: 20px;
        height: 100%;
        object-fit: cover;
    }

    .chooseus_record h3 {
        font-size: 50px;
        line-height: 63px;
    }

    .chooseus_box.chooseus_box03 h4, .chooseus_box.chooseus_box04 h4 {
        font-size: 20px;
        line-height: 25px;
    }

    .chooseus_box.chooseus_box04 h5 {
        font-size: 42px;
    }

    .testimonial-section {
        padding: 70px 0 0 0;
    }

    .footerwraper {
        padding: 70px 20px 0;
    }

    .footerbg {
        padding: 60px 0 100px;
    }

    .footerabout {
        float: left;
        width: 98%;
    }

    .footerwrap h1 {
        height: 101px;
        font-size: 52px;
        line-height: 61px;
        padding: 60px 0 0;
    }

    .footerabout h2 {
        font-size: 50px;
        line-height: 55px;
        padding: 0 0 32px;
    }

    /*Inner Page*/

    .tour_img {
        height: 80px;
        width: 80px;
        position: relative;
    }

        .tour_img img {
            width: 100%;
            height: 100%;
        }

    .tour_imageview .tour_img:last-child:after {
        width: 100%;
        height: 100%;
    }

    .video-card {
        width: 305px;
        height: 440px;
    }

    .tour_includeitem {
        flex-direction: column;
        gap: 20px;
    }
}

@media only screen and (max-width:639px) {
    .confetti-piece {
        width: 5px;
        height: 8px;
    }

    .form-area {
        padding: 20px 25px 10px;
    }

    .titlewrap p {
        width: 100%;
    }

    .enquiry-box textarea {
        height: 60px !important;
        resize: none;
    }

    .model_popup .modal-content {
        max-width: 720px;
    }

    .enquiry-box {
        height: 720px;
    }

        .enquiry-box input, .enquiry-box textarea {
            height: 46px;
            padding: 12px;
            font-size: 14px;
        }

    tr.passanger_detail {
        display: flex;
        gap: 10px;
    }

    tr.passanger_detail {
        gap: 10px;
    }

    .captcha-area .captchtext {
        font-size: 19px !important;
    }

    .slidertext h2 {
        font-size: 34px;
        line-height: 36px;
        padding: 0;
    }

        .slidertext h2 i {
            font-size: 36px;
            line-height: 34px;
        }

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

    .slidertext button {
        font-size: 14px;
        line-height: 22px;
        padding: 8px 22px;
    }

    .slidertext {
        width: 80.3%;
        top: 22px;
    }

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

    .destination-nav .owl-nav .owl-prev, .destination-nav .owl-nav .owl-next {
        top: -50px;
    }

    .titlewrap {
        padding: 0 0 30px;
    }

    .popular_tours {
        border-radius: 30px 30px 0 0;
    }

    .tour_Enquiry_button {
        padding: 41px 0 0;
        gap: 10px;
        flex-wrap: wrap;
    }

    .tourcounter {
        min-height: 472px;
        background-size: cover;
        padding: 70px 0 35px;
        border-radius: 30px 30px 0 0;
    }

    .loginwrap a {
        font-size: 16px;
        line-height: 23px;
        padding: 13px 22px 15px 26px;
    }

    .popular_tour_counter {
        padding: 60px 0 0;
    }

    .countbox {
        gap: 10px;
        width: 43%;
    }

    .countside {
        gap: 20px;
        flex-wrap: wrap;
    }

    .countbox h2 {
        font-size: 27px;
        line-height: 26px;
    }

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

    .countside {
        gap: 40px 50px;
        flex-wrap: wrap;
    }

    .upcoming_trip img {
        height: 342px;
        border-radius: 30px;
    }

    .popular_tourlist .popular_tourname {
        width: 47%;
    }

    .popular_tourwrap {
        padding: 0 0 60px;
    }

    .upcoming_trip img {
        height: 262px;
        border-radius: 30px;
    }

    .upcoming_trip .titlewrap {
        top: 30px;
        width: 50%;
        right: 30px;
    }

    .tourpackage_wrap {
        padding: 60px 0 0;
    }

    .upcoming_trippart {
        padding: 60px 12px;
    }

    .chooseus_box {
        width: 100%;
        height: auto;
    }

        .chooseus_box.chooseus_box04 h5 {
            font-size: 37px;
            left: 0;
            right: 0;
            margin: 0 auto !important;
            text-align: center;
        }

        .chooseus_box.chooseus_box04 h4 {
            justify-content: center;
        }

    .footerwraper {
        padding: 60px 20px 0;
    }

    .footerbg {
        padding: 60px 0 120px;
        border-radius: 30px;
    }

    .footerwrap h1 {
        height: 94px;
        font-size: 45px;
        line-height: 46px;
        padding: 0 0 0;
        text-align: center;
        padding: 0 33px;
        letter-spacing: -1px;
    }

    .chooseus_box.chooseus_box04 {
        padding: 18px 18px 60px 18px;
    }

    .choose_usdetail .chooseus_box:first-child {
        height: 388px;
    }

    .testimonial-section {
        padding: 60px 0 0 0;
    }

    .footerbg .container {
        padding: 0 20px !important;
    }

    .footerbottom {
        flex-direction: column;
        gap: 5px;
    }

    /*Inner Page*/

    .itinerary-content {
        margin-left: 0;
    }

    .left-content .card h2, .right-content .card h2 {
        padding: 0 0 15px;
    }

    .spiritual_travelimg h2 {
        font-size: 42px;
        line-height: 45px;
    }

    .spiritual_travelimg h2 {
        font-size: 42px;
        line-height: 45px;
    }

    .spiritual_travelimg {
        border-radius: 34px 34px;
    }
}

@media only screen and (max-width:479px) {
    .bell_ani {
        width: 15px;
        height: 60px;
        background-size: 15px;
        right: 10px;
    }

        .bell_ani.bell_ani1 {
            left: 10px;
        }

    #confetti {
        opacity: 0.2;
    }

    .form-area {
        padding: 20px 15px 10px;
    }

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

        .form-title h2 {
            font-size: 18px;
        }

    .enquiry-box .close-btn {
        font-size: 24px;
        height: 16px;
        width: 16px;
    }

    .enquiry-box label {
        font-size: 13px;
        padding: 0 0 6px 10px;
        line-height: 15px;
    }

    .model_popup .modal-content {
        max-width: 670px;
    }

    .model_popup {
        position: fixed;
        z-index: 100001;
        left: 0px;
        top: 25px !important;
        right: 0px;
        margin: 0px auto;
    }

    .enquiry-box {
        height: 670px;
    }

        .enquiry-box td {
            padding: 0 0 10px;
        }

    tr.passanger_detail {
        gap: 10px;
        flex-wrap: wrap;
    }

        tr.passanger_detail td:nth-child(1), tr.passanger_detail td:nth-child(2) {
            width: 48%;
        }

        tr.passanger_detail td:nth-child(3) {
            width: 100%;
        }

    .enquiry-box input, .enquiry-box textarea {
        height: 42px;
        padding: 10px 8px;
        font-size: 12px;
    }

    .form-btn-area {
        padding: 14px;
    }

        .form-btn-area input {
            padding: 9px 28px !important;
        }

    .captcha-area .captchtext {
        font-size: 16px !important;
    }

    .header_topdiv {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px;
    }

    .slider_wrapper .carousel img {
        height: 310px !important;
        object-fit: cover;
    }

    .slidertext {
        width: 95.3%;
        top: 92px;
    }

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

    .feature_logo {
        margin: -40px 0 0;
        border-radius: 26px 26px 0 0;
    }

    .titlewrap {
        padding: 0 0 30px;
        width: 88%;
    }

        .titlewrap h2 {
            font-size: 24px;
            line-height: 29px;
            background-size: 40px;
            padding: 0px 46px 0 0;
            background-position: 100% -5px;
        }

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

    .tourpackage_wrap {
        padding: 50px 0 0;
    }

    .popular_tours {
        border-radius: 26px 26px 0 0;
        margin: 50px 0 0;
        padding: 40px 0 0;
    }

    .popular_tourlist .popular_tourname img {
        border-radius: 16px;
    }

    .popular_tourlist .popular_tourname {
        width: 100%;
    }

    .popular_tour_Enquiry h2 i {
        font-size: 40px;
        line-height: 22px;
    }

    .tourcounter {
        min-height: 472px;
        background-size: cover;
        padding: 40px 0 35px;
        border-radius: 26px 26px 0 0;
    }

    .popular_tour_Enquiry h2 {
        font-size: 34px;
        line-height: 41px;
    }

    .tour_Enquiry_button {
        padding: 30px 0 0;
        gap: 10px;
        flex-wrap: wrap;
    }

    .loginwrap a {
        font-size: 16px;
        line-height: 23px;
        padding: 10px 21px 10px 24px;
    }

    .enquirybtn a {
        font-size: 17px;
        line-height: 20px;
        padding: 18px 42px;
    }

    .countside {
        gap: 20px 50px;
        flex-wrap: wrap;
    }

    .tourpackage_slider {
        padding: 30px 0 0;
    }


    .logindropdown ul > li > ul {
        left: -10px;
        min-width: 155px;
    }

    .countbox {
        width: 100%;
    }

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

    .tourpricewrap .tourprice {
        font-size: 16px;
        line-height: 26px;
    }

    .upcoming_trip {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

        .upcoming_trip .titlewrap {
            top: 0;
            width: 100%;
            right: auto;
            position: relative;
            left: 0;
            align-items: flex-start;
        }

            .upcoming_trip .titlewrap h2, .choose_uspart .titlewrap h2, .testimonial-section .titlewrap h2 {
                color: var(--primary-color);
                width: 100%;
                padding: 0 0;
                text-align: left;
            }

        .upcoming_trip img {
            height: auto;
            border-radius: 18px;
        }

    .choose_uspart .titlewrap {
        width: 100%;
    }

    .chooseus_point em {
        font-size: 15px;
        line-height: 22px;
    }

    .chooseus_record h3 {
        font-size: 45px;
        line-height: 43px;
    }

    .chooseus_box.chooseus_box03 h4, .chooseus_box.chooseus_box04 h4 {
        font-size: 20px;
        line-height: 25px;
        width: 100%;
    }

    .chooseus_box.chooseus_box04 {
        padding: 18px 18px 90px 18px;
    }

        .chooseus_box.chooseus_box04 h5 {
            font-size: 33px;
            line-height: 32px;
        }

    .footerwraper {
        padding: 50px 10px 0;
    }

    .footerabout h2 {
        font-size: 44px;
        line-height: 35px;
        padding: 0 0 32px;
    }

    .footerbg {
        padding: 50px 0 120px;
        border-radius: 26px;
    }

    .footerabout p {
        font-size: 15px;
        line-height: 22px;
    }

    .footerlinks ul li a {
        font-size: 14px;
        line-height: 19px;
    }

    .footerlinks {
        width: 46%;
    }

    .footerwrap h1 {
        height: 77px;
        font-size: 39px;
        line-height: 42px;
    }

    /*Inner Page*/
    .breadcrumb-wrapper .breadcrumb li:not(:last-child)::after {
        margin: 0 5px;
    }

    .tour_imageview {
        flex-wrap: wrap;
    }

    .itinerary_tripnight .tripname {
        font-size: 11px;
    }

    .itinerary_tripnight .tripjourney {
        font-size: 11px;
        line-height: 17px;
        background-position: 5px -1053px;
        background-size: 26px;
    }

    .itinerary_tournamedata h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .journey_frequncy {
        gap: 12px;
    }

        .journey_frequncy h4 {
            font-size: 15px;
            line-height: 18px;
        }

    .day-item span {
        width: 30px;
        height: 30px;
        font-size: 11px;
        border-radius: 50px;
    }

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

    .spiritual_travelimg h2 i {
        font-size: 40px;
        line-height: 36px;
    }

    .days-wrapper {
        gap: 7px;
        justify-content: flex-start;
    }

    .select_city {
        flex-direction: column;
        align-items: flex-start;
    }

    .tour_imgtotal h4 {
        font-size: 13px;
        line-height: 18px;
    }

    .select_city select {
        width: 100% !important;
        height: 44px;
        border-radius: 12px;
        font-size: 16px;
    }

    .itinerary_triPrice {
        padding: 18px;
    }

        .itinerary_triPrice span p {
            font-size: 20px;
            line-height: 30px;
        }

    .enquiry-btn-bg {
        font-size: 16px;
        line-height: 22px;
        height: 44px;
        border-radius: 12px;
        padding: 11px;
    }

    .date-select .form-group {
        flex-wrap: wrap;
    }

    .input-half input {
        height: 44px;
        padding: 11px 16px 12px 42px;
        font-size: 15px;
        background-position: 10px -2307px;
        background-size: 28px;
        border-radius: 12px;
    }

    .itinerary-submit input {
        font-size: 14px;
        line-height: 17px;
        padding: 13px 23px;
        height: 44px;
        border-radius: 12px;
    }

    .enquiry-now-btn {
        background-color: #FDE0D5;
        height: 44px;
        border-radius: 12px;
        text-align: center;
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .enquiry-now-btn a {
            font-size: 16px;
            line-height: 21px;
        }

            .enquiry-now-btn a i {
                width: 26px;
                height: 26px;
                float: left;
                background-image: url(../images/new_design_image/icon01.svg);
                background-position: center -2094px;
                background-repeat: no-repeat;
                background-size: 27px;
            }

    .tabs_partscroll {
        width: 100%;
        overflow-x: auto;
    }

    .tabs_part {
        padding: 30px 0 20px;
        /* overflow-x: auto; */
        flex-wrap: nowrap;
        width: max-content;
    }

        .tabs_part a {
            padding: 12px 20px;
        }

    .left-content .card, .right-content .card {
        padding: 20px;
    }

    .itinerary-item {
        padding: 15px 0;
    }

    .day-box strong {
        font-size: 22px;
        line-height: 33px;
    }

    .day-box {
        width: 52px;
        height: 58px;
    }

    .itinerary-head {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .itinerary-content {
        margin-top: 12px;
    }

        .itinerary-content li {
            font-size: 14px;
        }


        .itinerary-content li {
            font-size: 14px;
            background-position: -8px -3167px;
            padding: 0 0 0 27px;
            background-size: 28px;
        }

    .day-box {
        order: 1;
    }

    .itinerary-head .plus {
        order: 2;
    }

    .itinerary-title {
        order: 3;
        width: 100%;
        flex: auto;
        font-size: 16px;
        background-position: -4px -2914px;
        background-size: 27px;
    }

    .Trip_duration_area span {
        font-size: 14px;
    }

    .dwonload-head a {
        padding: 12px 44px 12px 24px;
        font-size: 15px;
        line-height: 18px;
        background-position: 92% -2495px;
        background-size: 27px;
    }

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

    .list li {
        font-size: 14px;
        line-height: 19px;
        color: var(--primary-color);
        font-family: 'Inter Display Medium';
        padding: 0 0 0 20px;
        background-position: -8px -3186px;
        background-size: 27px;
    }

    .exclusion .list li {
        background-position: -7px -3319px;
    }

    .note li, .terms li {
        font-size: 14px;
    }

    .left-content .card h2, .right-content .card h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .help-box {
        padding: 20px;
    }

    .help_line p {
        font-size: 15px;
        width: 100%;
    }

    .help-box h3 {
        font-size: 20px;
        line-height: 23px;
    }

    .right-content .card {
        padding: 30px 20px !important;
    }

    .titlewrap p {
        font-size: 14px;
        line-height: 22px;
    }

    .itinerary_secwrap {
        padding: 0 0 50px;
    }

    .spiritual_travelpart {
        padding: 50px 15px 0;
    }

    .spiritual_travelimg {
        border-radius: 26px;
        padding: 60px 0 55px;
    }

        .spiritual_travelimg h2 {
            font-size: 26px;
            line-height: 33px;
        }

    .spiritual_travelimg {
        border-radius: 26px;
        padding: 60px 0 55px;
        min-height: 350px;
        background-size: cover;
    }
}

@media only screen and (max-width:375px) {
    .tourpackage_details.tourpackage_details1 .titlewrap h2 {
        font-size: 20px !important;
    }

    .headermenu .side-collapse {
        width: 100%;
    }

        .headermenu .side-collapse.in {
            width: 0;
        }

    .logindropdown ul li ul:hover {
        margin: 0 0;
        position: relative;
        width: 155px;
        top: 0;
    }

    .logindropdown ul > li:hover > ul {
        top: 9px;
        position: relative;
        transition: none;
    }

    .logindropdown ul > li > ul > li a:hover, .logindropdown ul > li > ul > li a:focus {
        color: var(--primary-color) !important;
        background-color: var(--background-color);
        transition: all .5s;
        text-decoration: none;
        padding: 8px 18px;
    }
}