
@media only screen and (min-width:1024px) and (max-width:1139px){
    .tourbtn li a{font-size: 13px;}
    .offerctn h2{font-size: 18px;}
    .offerctn p{font-size: 12px;}
    .offer_bg img{height: auto;}
    .why-book h4 { font-size: 15px; }
    .why-book p {font-size: 13px;}
    .elementor-widget-container {padding: 0px ; display: flex;  flex-direction: column; align-items: center;  margin-bottom: 20px;}
    .ha-steps-icon {display: flex; padding: 21px ; height: 100px ; width: 100px ; align-items: center ; }
    .ha-steps-title {font-size: 14px;}
    .offercounter{width: 900px;}
    .thumbnail-slider .swiper-wrapper .swiper-slide {flex: 0 0 16%;}
    .popularbox p{height: 210px;}
    .tourgroup .groupctn {flex: 0 0 70%; }
}
@media only screen and (min-width:900px) and (max-width:1023px){
    header h2 {font-size: 23px;}
    header p {font-size: 10px;line-height: 14px;}
    .menu ul.topmenu li a{font-size: 1rem;}
    .trustfactor ul li .svgbox svg{width: 20px;}
    .offer_bg img{height: 200px; object-fit: cover;}
    .offerctn h2{font-size: 20px;}
    .offerctn a{padding: 8px 24px;font-size: 14px;}
    .holidaypoint h3{font-size: 17px;}
    .holidaypoint p{font-size: 13px;}
    footer h3{font-size: 1.1rem;}
    .disclamier p{font-size: .7rem;}
    .details_form input{font-size: .8rem;}
    .copyright p{font-size: 13px;}
    .why-book h4 { font-size: 15px; }
    .why-book p {font-size: 13px;}
    .elementor-widget-container {padding: 0px ; display: flex;  flex-direction: column; align-items: center;  margin-bottom: 20px;}
    .ha-steps-icon {display: flex; padding: 21px ; height: 100px ; width: 100px ; align-items: center ; }
    .ha-steps-title {font-size: 14px;}
    .place-content h4 {font-size: 13px; margin-bottom: 0;}
    #pills-tab button{font-size: 12px;}
    .packageenquiry{max-width: 200px;}
    .thumbnail-slider .swiper-wrapper .swiper-slide {flex: 0 0 15%;}
    .offercounter{width: 100%;}
    .popularbox h4{font-size: 13px;height: 55px;}
    .popularbox p{height: 200px;font-size: 11px;}
    .tourgroup .groupctn h3{font-size: 19px;}
}
@media only screen and (min-width:768px) and (max-width:899px){
    header ul li a {font-size: 18px;}
    header h2 {font-size: 19px;}
    header p {font-size: 11px;line-height: 14px;}
    .offer_bg{margin: 0;}
    .offer_bg img{height: 230px; object-fit: cover;}
    .holidaypoint h3{font-size: 17px;}
    .holidaypoint p{font-size: 12px;}
    footer h3{font-size: 1rem;}
    .disclamier p{font-size: .7rem;}
    .details_form input{font-size: .8rem;}
    .copyright p{font-size: 13px;}
    .why-book h4 { font-size: 15px; }
    .why-book p {font-size: 13px;}
    .elementor-widget-container {padding: 0px ; display: flex;  flex-direction: column; align-items: center;  margin-bottom: 20px;}
    .ha-steps-icon {display: flex; padding: 21px ; height: 100px ; width: 100px ; align-items: center ; }
    .ha-steps-title {font-size: 14px;}
    .place-content h4 {font-size: 13px; margin-bottom: 0;}
    #pills-tab button{font-size: 12px;}
    .packageenquiry{max-width: 200px;}
    .menu ul.topmenu li a{font-size: 14px;}
    .menu ul.childmenu a{font-size: 12px;}
    .thumbnail-slider .swiper-wrapper .swiper-slide {flex: 0 0 15%;}
    .offercounter{width: 100%;}
    .offerbox{flex: 0 0 50%;}
    .offerbox h3{font-size: 22px;line-height: 28px;}
    .offerbox h4{font-size: 18px;line-height: 22px;}
    .whywe ul{flex-wrap: wrap;gap: 25px;}
    .whywe ul li{flex: 0 0 30.33%;}
    .reviewlist h2{font-size: 1.5rem;}
    .reviewpic .name{font-size: 13px;}
    .popularbox h4{font-size: 13px;height: 55px;}
    .popularbox p{height: 200px;font-size: 11px;}
    .tourgroup .groupctn h3{font-size: 19px;}
    .differbox .differctn h2{font-size: 24px;}
    .readlater{width: 662px;}
}
@media only screen and (max-width:767px){
    header h2 {font-size: 16px;}
    header p {font-size: 11px;line-height: 14px;}
    header ul li a {font-size: 19px;}
    .homeslide .swiper-button-prev, .homeslide .swiper-button-next{display: none;}
    .trustfactor{padding: 30px 15px;margin-bottom: 20px;}
    .trustfactor ul li .svgbox{width: 34px;height: 34px; line-height: 34px;}
    .trustfactor ul li .svgbox svg {width: 18px;}
    .trustfactor ul li .trustbtn p{font-size: 13px;}
    .offer_bg{margin: 0;}
    .offerctn{width: 70%;}
    .offer_bg img{height: 210px;  object-fit: cover;}
    .offerctn h2{font-size: 19px;}
    .offerctn a{width: 142px;    padding: 10px 24px;font-size: 12px;}
    .holidaypoint h3{font-size: 13px;}
    .holidaypoint p{font-size: 11px;}
    footer h3,footer h5,footer .footerfirst ul li a{font-size: .8rem;}
    .disclamier p{font-size: .7rem;}
    .details_form input{font-size: .8rem;}
    .copyright p{font-size: 13px;}
    .why-book h4 { font-size: 15px; }
    .why-book p {font-size: 13px;}
    .why-book {margin: 0px 0px 10px;border: 1px dotted rgb(51 51 51 / 41%);height: auto; padding: 10px;}
    #book-online .row {height: 370px; overflow-y: scroll; }
    .elementor-widget-container {padding: 0px ; display: flex;  flex-direction: column; align-items: center;  margin-bottom: 20px;}
    .ha-steps-icon {display: flex; padding: 21px ; height: 100px ; width: 100px ; align-items: center ; }
    .ha-steps-title {font-size: 14px;}
    .place-content h4 {font-size: 13px; margin-bottom: 0;}
    #pills-tab button{font-size: 12px;width: 108px !important;}
    .ha-steps-icon .ha-steps-label {top: -12px;padding: 4px 10px; }
    .how-it-work .row {height: 380px;overflow-y: scroll;padding-top: 20px;}
    .place #pills-tab {display: flex; flex-wrap: nowrap; overflow-x: scroll; margin-left: 10px; overflow-y: hidden;}
    .place #pills-tab li{flex: 0 0 25%;}
    .packageenquiry{max-width: 100%;    position: static;    margin-top: 0;}
    .scrollfix{padding-bottom: 29%;}
    .homeicon img {width: 20px;}
    .homeicon {padding: 6.5px 7px; margin: 5px 5px 5px 0; display: none;}
    .menu ul.topmenu {overflow-x: hidden; white-space: nowrap;width: 100%; display: flex; gap: 0px; justify-content: space-between;  padding: 5px 8px 5px 3px;}
    .menu ul.topmenu li {width: 24%;text-align: center;}
    .menu ul.topmenu li a{font-size: 14px;}
    .menu ul.childmenu a{font-size: 12px;}
    .menu ul.topmenu li a {font-size: .75rem;border: 1px solid #e3c16b;background: #e5e5e5; padding: 8px 4px; text-transform: capitalize;}
    .menu ul.childmenu{text-align: left;width: 100%; white-space: nowrap; padding: 5px 5px; overflow-x: scroll;}
    .menu ul.childmenu a {font-size: .7rem; padding: 0.2rem 0.3rem; display: inline-block; border: 1px solid #e3c16b;  background: #e5e5e5; border-radius: 60px;margin-right: 10px; font-weight: 500;}
    .offercounter{width: 100%;display: block;}
    .offerbox{align-items: center;}
    .counterbox{align-items: center;    margin-top: 20px;}
    .whywe ul{flex-wrap: wrap;gap: 25px;}
    .whywe ul li{flex:0 0 29.33%;}
    .reviewlist h2{    font-size: 1.3rem;}
    .popularbox h4{font-size: 13px;height: 55px;}
    .popularbox p{height: 200px;font-size: 11px;}
    .tourgroup .groupctn h3{font-size: 19px;}
    .differbox .differctn h2{font-size: 20px;}
    .differbox .differctn p{font-size: 13px;}
    .popular h2{font-size: 17px;}
    .popular p{font-size: 12px;}
    .popularbox h4{height: auto;}
    .popularbox p {height: 110px; font-size: 11px;}
    .readlater{width: 500px;}
    .readbtn{width: 200px;}
    .readctn h2{font-size: 1rem;}
    .readctn p{    font-size: 12px;}
    .tourgroup .groupimg img{width: 70px; height: 70px;}
    .tourgroup .groupctn {flex: 0 0 66%;}
    .tourgroup .groupctn h3{font-size: 13px;}
    .tourgroup .groupctn p{font-size: 10px;}
    .tourgroup .groupbtn a{padding: 10px 10px;font-size: 12px;    text-align: center;}
    
}    
@media only screen and (min-width: 600px) {
    .modal-content.slideupcontent{height: 80vh;}
    .modal-content.slideupcontent{width: 70%;}
    }
    @media only screen and (max-width: 600px) {
        .modal-content.slideupcontent{width: 100%;}
    .modal-content.slideupcontent{ height: 75vh !important;}
    .close-btn {position: relative !important; top: -38px !important;left: 0px !important;margin: -29px auto !important;} 
    }

@media only screen and (max-width:575px){
    header{display: none;}
    .mobileheader{display: block; padding: 12px;background: #fff;}
    .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: 11px;}
    .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: 15px;font-family: arial;}
    .mobileheader .mobrgt{padding-right: 5px;}
    .mobileheader .moblft{padding-left: 5px;}
    .mobileheader ul img{width: 13px;}
    .mobileheader img{width: 130px;}

    .slidecontent{min-width: 400px;margin-left: -203px;bottom: 30px;}
    .slidecontent h3{font-size: 18px;}
    .slidecontent .tprice .inprice{font-size: 18px;}
    .slidecontent h2{font-size: 30px;}
    .slidecontent a{width: 100%;    border-radius: 10px;}
    .header_inner .logo img{width: 150px;}
    .trustfactor{padding: 20px 15px;}
    .trustfactor ul{flex-wrap: wrap;}
    .trustfactor ul li{flex-basis: 50%;margin-bottom: 1rem;}
    .holidaypoint h3{font-size: 16px;    margin-top: 10px;}
    .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;}
    .tour .tourimage img{height: auto;}
    .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:nth-child(1){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: 0.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;}
    .place-content h4 { font-size: 11px;  margin-bottom: 0; }
    #pills-Cities .row{height: 351px;  overflow-y: scroll;}
    .menu ul.childmenu a{margin-right: 1px;}
    .scrollfix{height: 87vh;}
    .whyus .modeltitle{font-size: 17px;}
    .box_inner ul li{font-size: 12px;}
    .place-content{font-size: 11px;}
    footer{padding-bottom: 70px;}
    .homeslide img{height: 90vh;}
    .tpcakage img{height: 250px;}
    .tpcakage{margin-top: 0;}
    .disclamier p {font-size: .6rem;}
    .copyright p {font-size: 12px;}
    .header_inner .lettalk a{padding: 11px 10px;}
    .thumbnail-slider .swiper-wrapper .swiper-slide {flex: 0 0 16%;}
    .offerbox h3{    line-height: 20px;    line-height: 20px;}
    .offerbox h4{    font-size: 16px;    line-height: 22px;}
    .offerbox p{    font-size: 12px;  text-align: center;  line-height: 18px;}
    .offerbox a{line-height: 41px; height: 41px;}
    .whywe ul li p{font-size: 11px;}
    .reviewlist h2 {font-size: 1.2rem; }
    .testilft{border: 0;}
    .counterbox .tick {width: 100%; margin-right: 10px;}
    .tourpackage .tourtitle h3{line-height: 17px;font-size: 10px;}
    .summarybox p,.summarybox .duration{font-size: 12px;}
    .dayplans h3 {font-size: 14px; text-align: left;}
    .dayplans p {font-size: 12px; text-align: left;}
    .popular p {font-size: 10px;}
    .popularbox p{height: auto;}
    .popularbox img{font-size: 210px;}
    .popularbox h4 {font-size: 17px;}
    .popular p {font-size: 12px;}
    .readlater{width: 92%;}
    .readctn p{font-size: 12px;}
    .readbtn{width: 227px;}
    .tourgroup{display: block;}
    .tourgroup .groupimg{display: inline-block; width: 73px; }
    .tourgroup .groupimg img{margin-top: -40px;}
    .tourgroup .groupctn{display: inline-block;width: calc(100% - 93px);    padding-top: 1rem;}
    .tourgroup .groupbtn a {padding: 17px 10px; font-size: 15px; margin-top: 1rem; display: block;}
    .differbox .differctn h2 {font-size: 15px;}
    .differbox .differctn p {font-size: 11px;}
    .differbox .differctn a{font-size: 12px;}
}
@media only screen and (max-width:467px){
    .slidecontent{min-width: 100%; padding: 0px 15px; margin-left: 0; bottom: 30px;left: 0; text-align: left;align-items: flex-start;}
    .slidecontent a{text-align: center;}
    .slidecontent .tprice{font-size: 13px;}
    .slidecontent .tprice .inprice {font-size: 16px;}
    .slidecontent h3 {font-size: 16px;line-height: 0px;     margin-bottom: 1rem;}
    .slidecontent h2{font-size: 22px;margin-bottom: 0; line-height: 30px;}
    .slidecontent .ctndraw{display: none;}
    .homeslide .swiper-pagination-bullet{width: 6px;}
    .offerctn h2{font-size: 13px;}
    .offerctn{padding: 10px 10px;   }
    .offerctn p{font-size: 12px;}
    .offerctn a{width: 112px; padding: 10px 4px;font-size: 11px; text-align: center;}
    .tourpackage {padding: 0px 0 20px;}
    .getoffer {padding-bottom: 20px;}
    #book-online{padding-bottom: 10px;}
    .tpcakage{padding: 10px;}
    .commonbox h2{font-size: 1rem;}
    .offer_bg img {height: 180px; object-fit: cover; }
    .tourbtn li a{font-size: 13px;}
    .mainform .input-group-text{width: 20%;}
    .homeslide img{height: 61vh;}
    .header_inner  .logo img{width: 160px;}
    .header_inner .lettalk a{font-size: 13px;}
    .copyright p {font-size: 10px;}
    .whywe ul{gap: 10px;}
    .whywe ul li h5{font-size: 18px;}
    .differbox .differctn h2 { font-size: 17px;}
    .differbox .differctn p, .differbox .differctn a { font-size: 10px; }
    .readlater{display: block;    margin-bottom: 2rem;}
    .readbtn {width: 150px; margin: 10px auto 0;}
}