@media only screen and (min-width:1024px) and (max-width:1139px){
    .bannerbox .bannercontent h1{font-size: 41px;}
    .bannerbox .bannercontent h4{font-size: 21px;}
    .formcheckbox p{font-size: 12px;}
    .productbox p{font-size: 11px;}
    .productbox h3{font-size: 13px;}
    .productbottom .pbtm-1 .kp-old{font-size: 11px;}
    .productbottom .pbtm-1 .kp-new,.popularbox p{font-size: 12px;}
    .productbottom .pbtm-1 p{font-size: 10px;}
    .bestrates ul{flex-wrap: wrap;    gap: 6px;}
    .bestrates ul li p{font-size: 14px;line-height: 18px;}
    .ha-steps-title{font-size: 13px;}
    .ha-step-description{font-size: 11px;}
    .copyright p{font-size: 14px;}
    .tourgroup .groupctn {flex: 0 0 70%;}
    .packageenquiry{max-width: 230px;}
}
@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;}
    footer h3{font-size: 1.1rem;}
    .disclamier p{font-size: .7rem;}
    .details_form input{font-size: .8rem;}
    .copyright p{font-size: 13px;}
    .packageenquiry{max-width: 200px;}
    .tourgroup .groupctn {flex: 0 0 66%;}
    .tourgroup .groupctn h3{font-size: 17px;}
    .tourgroup .groupctn p{font-size: 12px;}
    .tourgroup .groupbtn a{padding: 10px 10px;font-size: 13px;}
    .bannerbox .bannercontent h1{font-size: 41px;}
    .bannerbox .bannercontent h4{font-size: 21px;}
    .formcheckbox p{font-size: 12px;}
    .productbox{    margin-bottom: 20px;}
    .productbottom .pbtm-1 .kp-old{font-size: 11px;}
    .productbottom .pbtm-1 .kp-new,.popularbox p{font-size: 12px;}
    .productbottom .pbtm-1 p{font-size: 10px;}
    .ha-steps-title{font-size: 13px;}
    .ha-step-description{font-size: 11px;}
    .copyright p{font-size: 14px;}
    .tourgroup .groupctn {flex: 0 0 66%;}
    .packageenquiry{max-width: 230px;}
    .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;}
    .popularbox h4{font-size: 13px;height: 55px;}
    .popularbox p{height: 200px;font-size: 11px;}
    .bestrates ul li p{font-size: 12px;height: 84px;line-height: 17px;}
    .bestrates ul li .ratesbox{padding: 15px;}
    .bestrates h2{font-size: 26px;}.offer_bg img{height: 200px; object-fit: cover;}
    .bestrates ul li .ratesbox .ratesimg{width: 100px;height: 100px;line-height: 100px;}
  
   
}
@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;}
    footer h3{font-size: 1rem;}
    .disclamier p{font-size: .7rem;}
    .details_form input{font-size: .8rem;}
    .copyright p{font-size: 13px;}
    .packageenquiry{max-width: 200px;}
    .homeicon{padding: 5.5px 9px;}
    .menu ul.topmenu li a{font-size: 13px;}
    .menu ul.childmenu a{font-size: 12px;}
    .offerctn h2{font-size: 22px;}
    .bestrates h2{font-size: 24px;}
    .bestrates ul{justify-content: center;flex-wrap: wrap;}
    .bestrates ul li {flex-basis: 31%;}
    .bestrates ul li p{font-size: 14px;line-height: 20px;}
    .tourgroup .groupctn {flex: 0 0 66%;}
    .tourgroup .groupctn h3{font-size: 17px;}
    .tourgroup .groupctn p{font-size: 12px;}
    .tourgroup .groupbtn a{padding: 10px 10px;font-size: 13px;}
    .readlater { width: 690px;}
    .differbox .differctn h2{font-size: 25px;}
    .bannerbox .bannercontent h1{font-size: 41px;}
    .bannerbox .bannercontent h4{font-size: 21px;}
    .formcheckbox p{font-size: 12px;}
    .bannerbox .bannercontent ul li{font-size: 12px;}
    .bannerform form h3{font-size: 16px;}
    .popularbox p{font-size: 13px;}
    .holidaypoint h3{font-size: 17px;}
    .holidaypoint p{font-size: 12px;}
   
}
@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;}
    
    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;}
    .packageenquiry{max-width: 100%;    position: static;    margin-top: 0; background: #e3e3e3;padding-top: 20px;}
    .scrollfix{padding-bottom: 29%;}
    .menu .container{padding: 0;}
    .homeicon img {width: 14px;}
    .homeicon {padding: 2.5px 7px; margin: 5px 5px 5px 0; display: none;}
    .menu ul.topmenu {overflow-x: scroll; white-space: nowrap; padding: 5px 0px;  display: block; width: calc(100% - 16px); margin-left: 5px;}
    .menu ul.topmenu li a{font-size: 14px;}
    .menu ul.childmenu a{font-size: 12px;}
    .menu ul.topmenu li a {font-size: .8rem;border: 2px solid #e3c16b;background: #e5e5e5; padding: 4px 4px;}
    .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;}
    .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;}
    .offer_bg{margin: 0;}
    .offerctn{width: 70%;}
    .offer_bg img{height: 210px;  object-fit: cover;}
    .offerctn h2{font-size: 15px;}
    .offerctn a{width: 142px;    padding: 10px 24px;font-size: 12px;}
    .readlater{width: 92%;}
    .readctn p{font-size: 12px;}
    .readbtn{width: 187px;}
    .bannerbox{display: block;}
    .bannerbox .bannercontent h1{font-size: 30px;}
    .bannerbox .bannercontent h4{line-height: 25px;font-size: 17px;}
    .bannerbox .bannercontent ul li{    font-size: 13px;    line-height: 32px;}
    .bannerbox .bannerform{margin-top: 20px;}
    .productbox h3{font-size: 13px;}
    .productbottom .pbtm-1 .kp-old{font-size: 12px;}
    .productbottom .pbtm-1 .kp-new{font-size: 13px;}
    .productbottom .pbtm-1 p{font-size: 10px;}
    .productbottom .pbtm-2 a{font-size: 11px;}
    .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;}
    .productbox{margin-bottom: 20px;}
    .holidaypoint h3{font-size: 13px;}
    .holidaypoint p{font-size: 11px;}
    .bestrates h2{padding-left: 0px;font-size: 20px;}
    .bestrates h3{padding-left: 0;}
    .bestrates ul{flex-wrap: wrap;justify-content: center;}
    .bestrates ul li {flex-basis: 48%;}
    .bestrates ul li .ratesbox .ratesimg{width: 100px;height: 100px;line-height: 100px;}
    .bestrates ul li p{height: 70px;font-size: 14px;}
    .packagelist .text-center h2{    font-size: 20px;margin-top: 10px; line-height: 25px;}
}    
@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: #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: 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: 100px;}

    .menu ul.childmenu a{margin-right: 1px; text-transform: capitalize;}
    .menu ul.topmenu{width: calc(100% - 13px);margin-left: 5px;padding-right: 19px;}
    .menu ul.topmenu li a{padding: 8px 4px;}
    .menu ul.topmenu li a{border-color: transparent;}
    .menu ul.topmenu li.active a{border-color: green;}
    .homeicon{display: none;}
    .menu-arrow{display: block !important; position: absolute;right: 0px;	top: 5px;	background: #eaeaead9;width: 26px;height: 39px;line-height: 100%;box-sizing: border-box;	cursor: pointer;	z-index: 99;}
    .menu-arrow img{width: 60px;height: 39px;}
 
    .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: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;}
    .menu ul.childmenu a{margin-right: 1px;}
    .scrollfix{height: 92vh;}
    .whyus .modeltitle{font-size: 17px;}
    .box_inner ul li{font-size: 12px;}
    footer{padding-bottom: 70px;}
    .homeslide img{height: 90vh;}
    .copyright p {font-size: 12px;}
    .header_inner .lettalk a{padding: 11px 10px;}
    .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);   }
    .tourgroup .groupbtn a {padding: 17px 10px; font-size: 15px; margin-top: 1rem; display: block;}
    .activites ul li{flex: 1 0 47.33%;}
    .differbox .differctn h2 { font-size: 17px;}
    .differbox .differctn p, .differbox .differctn a { font-size: 10px; }
    .readctn img {width: 24px;height: 24px;}
    .readctn h2 { font-size: 15px; }
    .readctn p {font-size: 10px;}
    .readbtn {width: 257px; margin-left: 10px;}
    .bestrates ul{display: block;height: 380px; overflow-y: scroll;}
    .bestrates ul li p{height: auto;}
    .bestrates ul li{margin-bottom: 15px;}
    .bestrates h2{font-size: 16px;}
    .bannerbox .bannercontent h1 {font-size: 18px;}
    .bannerbox .bannercontent h4 {line-height: 20px; font-size: 13px;}
    .bannerbox .bannercontent ul li {font-size: 10px; line-height: 20px; }
    .bannerbox .bannercontent a{    padding: 10px 25px 10px 25px;    font-size: 14px;}
    .formcheckbox p{font-size: 11px;}
    .popular p {font-size: 10px;}
    .popularbox p{height: auto;}
    .popularbox img{font-size: 210px;}
    .popularbox h4 {font-size: 14px;}
    .popular p {font-size: 10px;}
    .holidaypoint.bdfrgt ul{border-left-width: 0;}
    .reviewlist h2{font-size: 1.2rem;}
    .testilft .glogo{margin-bottom: 20px;}
    .dayplans p {font-size: 13px;  }
    .packageenquiry{padding-bottom: 70px;}
    .header_inner .logo a{    text-align: left;}
    .header_inner .logo h5{    font-size: 12.9px;}
    .dayplans h3 {font-size: 14px;}
    .recommend .swiper-button-prev, .recommend .swiper-button-next{width: 30px;height: 30px;}
    .recommend .swiper-button-prev:after, .recommend .swiper-button-next:after {font-size: 12px;}
    .holidaypoint.bdfrgt{margin-top: 15px;}
    .bannerbox .bannercontent{margin-top: 0;}
    
    
    .whychoosemobile {
        display: block;
        background: #fff;
        padding: 10px 0;
    }
        .mboslide {
        overflow-x: scroll;
        scrollbar-width: none;
    }
    .mboslide ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        display: inline-block;
        white-space: nowrap;
        word-wrap: break-word;
    }
        .mboslide ul li {
        font-weight: bold;
        font-size: 12px;
        width: 93%;
        background: #ebebeb;
        margin-bottom: 10px;
        padding: 7px;
        display: inline-block;
        color: #84116b;
    }
    
}
@media only screen and (max-width:467px){

    .commonbox h2{font-size: 1rem;}
    .offer_bg img {height: 180px; object-fit: cover; }
    .mainform .input-group-text{width: 20%;}
    .copyright p {font-size: 10px;}
    .offerctn h2{font-size: 15px;}
    .offerctn{padding: 10px 10px;   }
    .offerctn p{font-size: 12px;}
    .offerctn a{width: 112px; padding: 10px 4px;font-size: 11px; text-align: center;}
    .differbox .differctn h2 {font-size: 13px;}
    .readlater{display: block;    margin-bottom: 2rem;}
    .readbtn {width: 150px; margin: 10px auto 0;}
    .bannerform form h3{padding: 10px 25px 10px 25px;        font-size: 15px;}
    .bannerform form input{height: 30px;}
    .bannerform form input[type=submit]{padding-top: 6px;}
    .packagelist,.recommended,.holiday_market {padding: 10px 0;}
    .packagelist .text-center h2,.recommended h2{ font-size: 14px; margin-bottom: 15px;}
    .bestrates {padding: 15px 0;}
    .bestrates ul li p{font-size: 13px;}
    .ha-steps-title{font-size: 14px;}
}