@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;}
    .offercounter{width: 920px;}
    .recognized ul li{flex: 0 0 22%;}
    .whychoose ul li{flex: 1 0 46.6%;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    header h2 {font-size: 20px;}
    header p {font-size: 14px;}
    header ul li a {font-size: 18px;}
    .bannerbox .bannercontent h1{font-size: 32px;}
    .bannerbox .bannercontent h4{font-size: 19px;}
    .formcheckbox p{font-size: 12px;}
    .bannerbox .bannercontent ul li{font-size: 12px;}
    .bannerform form h3{font-size: 16px;}
    .belowheader ul li p{font-size: 12px;}
    .belowheader ul li h4{font-size: 20px;}
    .packagetour h2{margin-bottom: 20px;font-size: 25px;}
    .productbox h3{font-size: 13px;}
    .pbtn .packbtn a{font-size: 12px;}
    .offercounter{width: 100%;}
    .recognized{margin: 50px 10px 0px;}
    .recognized h2{font-size: 22px;}
    .recognized p{font-size: 14px;}
    .recognized ul li{flex: 0 0 30%;}
    .readlater{width: 90%;}
    .whychoose ul li{flex: 1 0 46.6%;}
    .whychoose ul li{font-size: 12px;}
    .whyjoin ul li{font-size: 13px;}
    .ctabox h2{font-size: 22px; line-height: 30px;}
    .inbeauty::after{width: 250px; height: 180px;}
    .inbeauty h2{font-size: 28px;}
    .inbeauty p{font-size: 14px;}
    footer h3{font-size: 1rem;}
    .disclamier p{font-size: .7rem;}
    .details_form input{font-size: .8rem;}
    .copyright p{font-size: 13px;}
}
@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: 14px;}
    header ul li a img{width: 14px;}
    .homeicon img {width: 14px;}
    .homeicon {padding: 2.5px 7px; margin: 5px 5px 5px 0;}
    .menu ul.topmenu {overflow-x: scroll; white-space: nowrap; padding: 5px 0px;  display: block; width: calc(100% - 43px);}
    .menu ul.topmenu li a{font-size: 14px;}
    .menu ul.childmenu a{font-size: 12px;}
    .menu ul.topmenu li a {font-size: .8rem;border: 1px 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;}
    .belowheader ul{flex-wrap: wrap;}
    .belowheader ul li{width: 47%;}
    .belowheader ul li p {font-size: 12px;}
    .belowheader ul li h4{font-size: 18px;}
    .packagetour {padding: 10px 0px;}
    .packagetour h2{margin-bottom: 20px;font-size: 25px;}
    .offercounter{display: block;width: 100%;}
    .offerbox {align-items: center;}
    .counterbox {margin-top: 20px;align-items: center;}
    .recognized{margin: 50px 0px 0px;}
    .recognized h2{font-size: 22px;}
    .recognized p{font-size: 14px;}
    .recognized ul li {flex: 1 0 45%;}
    .recognized li h4{font-size: 14px;}
    .recognized li p {font-size: 12px; }
    .whychoose h2{font-size: 20px;}
    .whychoose ul,.whyjoin ul{display: block;}
    .whychoose ul li{margin-bottom: 10px;    font-size: 13px;}
    .whyjoin ul li {width: 100%;}
    .ctabox h2{font-size: 18px; line-height: 25px;}
    .inbeauty::after{display: none;}
    .readlater{width: 92%;}
    .readctn p{font-size: 12px;}
    .readbtn{width: 187px;}
    .mainslider{padding: 60px 0px 60px;}
    .bannerbox{display: block;}
    .bannerbox .bannercontent h1{font-size: 30px;}
    .bannerbox .bannercontent h4{line-height: 25px;font-size: 17px;}
    .bannerbox .bannercontent ul{display: block;}
    .bannerbox .bannercontent ul li{    font-size: 13px;    line-height: 32px;}
    .bannerbox .bannerform{margin-top: 20px;}
    .inbeauty h2{font-size: 20px;}
    .inbeauty h6{font-size: 15px;}
    .inbeauty p{font-size: 13px;}
    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;}
}
@media only screen and (max-width:575px){
    header{display: none;}
    .mobileheader{display: block; padding: 12px;background:linear-gradient(204deg, #fde00a, #f5c50b);}
    .mobileheader h1{font-size: 12px;  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;}
    .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: 14px;font-family: arial;}
    .mobileheader .mobrgt{padding-right: 5px;}
    .mobileheader .moblft{padding-left: 5px;}
    .mobileheader ul img{width: 13px;background: transparent; padding: 0;  border-radius: 0;}
    .mobileheader img{width: 150px;  padding: 5px;   border-radius: 5px;}
   .mainslider{padding: 40px 0px 20px;}
   .bannerbox .bannercontent ul {padding-top: 0;}
   .bannerbox .bannercontent a{margin-top: 10px;}
   .bannerbox .bannercontent h1 {font-size: 20px;}
   .bannerbox .bannercontent h4 {line-height: 22px; font-size: 13px;}
   .belowheader ul li p {font-size: 10px;}   
   .pbtn .packbtn a{font-size: 12px;}
   .productbox h3{white-space: inherit;text-overflow: inherit;}
   .recognized h2 {font-size: 18px;}
   .recognized p {font-size: 12px;}

   .readlater{display: block;    margin-bottom: 2rem;}
   .readbtn {width: 150px; margin: 10px auto 0;}
   .readctn img {width: 24px;height: 24px;}
   .readctn h2 { font-size: 15px; }
   .readctn p {font-size: 10px;}
   .whyjoin ul{padding: 15px;}
   .whyjoin ul li{font-size: 13px;}
   .whyjoin ul li img{    width: 14px;}
   .ctabox h2 {font-size: 14px;  line-height: 23px;}
   .mobile-cta{position: fixed;bottom: 0;    left: 0;    width: 100%;    display: flex;    background: #e3c16b;    box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);    z-index: 99;}
   .mobile-cta .btn {text-align: center;   font-size: 12px;    letter-spacing: 0.5px;    font-weight: 500;    max-width: 33.33%;    flex: 0 0 33.33%;    padding: 0;    min-height: auto; position: relative;}
   .mobile-cta p{position: absolute;margin-bottom: 0;width: 100%; top: -12px;height: 150%; opacity: 0;}
   .mobile-cta  .btn .icon_bg {height: 40px; width: 40px;  margin: auto;  display: flex;  align-items: center;   justify-content: center;  background: #fff;  border-radius: 50%;  margin-top:-10px;  margin-bottom: 5px;  -webkit-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);-moz-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%); box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);}
   .mobile-cta .icon { width: 18px;height: 18px;  object-fit: contain;  display: block;margin: auto;}
   footer{padding-bottom: 70px;}
    .copyright p {font-size: 12px;  text-align: center;    padding: 3px 0;}
   
}