@media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1536px) {
}
 @media (max-width: 1600px) and (min-width: 1024px) {
.bannerWrap.homeBanner { height: 100vh; min-height:600px; overflow:hidden}
.bannerWrap.homeBanner .bannerSlider{height: 100%;}
.pageData.homepagedata {margin-top: 0;}
.bannerWrap .bannerInfo{ transform: translateY(-35%);}
}
 @media only screen and (max-width: 1280px) {
.rightHeader .menuBtn img { width: 30px;} 
.bannerWrap .packageInfo h2 { margin: 0 0 10px 0;} 
.bannerWrap .bannerInfo {width: 78%; padding: 40px 30px;}
.bannerWrap .packageInfo .roadmap { margin-bottom: 12px;}
.bannerWrap .packageDeatils { padding-top: 15px; margin-top: 15px;}
.bannerWrap .packageInfo p br{ display:none;}
.bannerWrap .packageDeatils .packagedays { margin-bottom: 15px; font-size: 16px;}
h1 { font-size: 34px; line-height: 36px;}
h2 { font-size: 32px; line-height: 34px;}
.homeServicesWrap .servicesSlider .servicesBox .servicesLocations{ font-size: 16px; margin: 0;}
.homeServicesWrap .servicesSlider .servicesInfo { left: 5%;	width: 90%;}
.servicespackageWrap .tabFilter ul { width: 80%;}
.servicespackageWrap .servicespackageBox .servicespackageInfo .servicespackageLocation { font-family: 'SanFranciscoDisplay-Medium'; font-size: 16px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo { padding: 20px;}
.whatsappBtn a img { width: 30px; margin-right: 5px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo .buttons .btn a { padding: 6px 20px 7px 20px;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft img { width: 190px; margin-bottom: 20px;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft h2 { margin-bottom: 15px;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft { font-size: 15px;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft .btn { margin-top: 20px;}
.bestplanWrap .bestplanList .bestplanBox { width: 100%;}
.bestplanWrap .bestplanList .bestplanBox .bestplanInfo h3 br{ display:none;}
.bestplanWrap .bestplanList .bestplanBox .bestplanImg {	width: 40%;}
footer .bottom .bottomInner { width: auto;}
.tourslistWrap .servicespackageBox { width: 48%;}
.tourstatsWrap .tourstatsInner .statslist .statsBox{ width: 48%; padding: 30px 30px; margin: 10px 1%;}
.projectscontenerWrap .projectscontenerMenu { border-radius: 15px; padding: 30px 15px;}
.projectscontenerWrap .projectscontenerMenu ul li a{border-radius: 15px;}
.paddingBox { padding: 30px;}
.projectscontenerWrap .projectscontenerMenu ul li a{ font-size:17px;}
.container_16 {	width: 96%;	margin-left: auto; margin-right: auto;}
.servicespackageWrap .servicespackageBox .servicespackageInfo .servicespackageLocation { font-size: 14px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo h2{ min-height:56px;}
.managerpointsWrap .managerpointsLeft ul li { font-size: 18px; line-height: 24px;}
.bannerWrap .packageInfo .roadmap br{ display:none;}
.tourdatesWrap ul li { width: 49%;}
}

 @media only screen and (max-width: 959px) {
.bannerWrap { overflow: hidden;}
.bannerWrap img.bannerBg { width: 120%; float: right;} 
.bannerWrap.contactbannerWrap img.bannerBg { width: 160%; float: right;} 
.bannerWrap .bannerBox { overflow: hidden;}
.servicespackageWrap .tabFilter ul li a { font-size: 20px;}
.agrotourismWrap .agrotourismInner {padding: 40px 0;}
.whytravalWrap .whytravalHero { width: auto;}
.testimonialsWrap .testimonialsInner { position: relative; display: block;}
.testimonialsWrap .testimonialsLeft { width: auto; margin-right: 0; text-align: center;}
.testimonialsWrap .testimonialsRight { width: 94%;margin: 40px auto 0 auto;}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-next.slick-arrow { right: -40px; transform: translateY(-50%);}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-prev.slick-arrow { left: -40px; transform: translateY(-50%);}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-arrow {	z-index: 9;}
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons {display: flex;}
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons .btn a { display: block; text-align: center;}
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons .btn{ margin-top: 0;}
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons .btn a { padding: 6px 15px;}
.projectscontenerWrap .projectscontenerInner { display: block;}
.projectscontenerWrap .projectscontenerMenu { border-radius: 10px;top: 81px;padding: 10px; width: auto; height: auto;z-index: 99;}
.projectscontenerWrap .projectscontenerMenu ul { display: flex; justify-content: space-between;}  
.projectscontenerWrap .projectscontenerMenu ul li { margin-bottom: 0; margin-right: 10px;}
.projectscontenerWrap .projectscontenerMenu ul li:last-child{ margin-right: 0;}
.projectscontenerWrap .projectscontenerInfo { width: 100%; margin-left: 0; margin-top: 25px;}
.projectscontenerWrap .projectscontenerMenu:after{ position:absolute; left: -5.5%; top: 0; width: 111%; height: 100%; content: ""; background: #f2f2f2; z-index: -1;}
.projectscontenerWrap .projectscontenerMenu ul{overflow-x: auto; -webkit-overflow-scrolling: touch;}
.projectscontenerWrap .projectscontenerMenu ul::-webkit-scrollbar { display: none;}
.projectscontenerWrap .projectscontenerMenu ul li{flex: 0 0 auto;}
.searchBox { position: relative; margin-right: 15px;}
.rightHeader .menuBtn{ display:block;}
.navigation{ display:block;}
.topHeaderWrap{display:none;}
.navigation { position: fixed; right: -351px; top: 0; z-index: 99999; background: #c01313; height: 100%; overflow-y: scroll; width: 350px; transition: 0.6s;}
.navigation.active{ right:0; transition: 0.6s;}
.navigation .closeMenu{ position: absolute; right:30px; top:20px; cursor:pointer;}
.navigation .closeMenu img{ width:20px;}
.navigation::-webkit-scrollbar { display: none;}
.navigation nav { padding-top: 40px;}
.navigation nav > ul { padding:15px; }
.navigation nav > ul > li { margin-bottom:10px;position: relative;}
.navigation nav > ul > li > a { color:#ffffff; font-size:18px; line-height: 30px; padding:0 20px;display: flex; justify-content: space-between; align-items: center;} 
.navigation nav > ul > li > a:hover, nav > ul > li.active > a, nav > ul > li:hover > a { color:#fff100; }
.navigation nav > ul > li > ul { display:none; }
.navigation nav > ul > li > ul > li {position: relative; }
.navigation nav > ul > li > ul > li > a {color:#ffffff; font-size:16px; padding:0 30px;} 
.navigation nav > ul > li > ul > li > a:hover, nav > ul > li > ul > li.active > a, nav > ul > li > ul > li:hover > a{color:#fff100;}
.navigation nav > ul > li > span.nav-header img, .navigation nav > ul > li.deeper > a > img, .navigation nav > ul > li > ul > li > span.nav-header img, .navigation nav > ul > li > ul > li.deeper > a > img { order: 2; height: 13px; margin: 0 0 0 5px; display:none;}
.navigation nav > ul > li > ul > li { }
.navigation nav > ul > li > ul > li > ul > li > a {color:#ffffff; font-size:16px; padding:0 30px;} 
.navigation nav > ul > li > ul > li > ul > li > a:hover, nav > ul > li > ul > li.active > a, nav > ul > li > ul > li > ul > li:hover > a{color:#fff100;}
.navigation nav > ul > li > ul > li .nav-header { color:#ffffff; font-size:16px; padding:0 20px 0 30px;display: flex; justify-content: space-between; align-items: center;}
.navigation nav > ul > li > ul > li.item-128 .nav-header { display: none;}
.pageData { margin-top: 82px;}
.whytravalWrap .whytravalList {flex-wrap: wrap;}
.whytravalWrap .whytravalBox { width: 49%; margin: 9px 0;}
.footerWrap {flex-wrap: wrap;}
.footerAbout { margin-bottom: 30px; width: 100%; margin-right: 6%;}
.footerlinks { width: 50%; margin-right: 0;}
.footerContact { margin-top: 30px; width: 100%;}
.arrowBtn{width: 38px; height: 32px; background: #b50e0e url(../images/down-arrow.png) no-repeat center; position: absolute; right: 0; top: 0; background-size: 50% auto;}
.arrowBtn.activeSub{}
.bannerWrap .corporateBanner{position: relative;overflow: hidden;}
.destinationcoverConte .destinationcoverLeft ul li { font-size: 20px; line-height: 24px;}
.hospitalityList .hospitalityBox { margin-bottom: 20px;}
.aboutWrap .aboutInner { flex-direction: column;}
.aboutWrap .aboutInner .aboutLeft { margin-right: 0; width: 100%;}
.aboutWrap .aboutInner .aboutRight { width: 100%; margin-top: 30px;}
.thepeopleWrap .thepeopleHero {	width: auto;}
.thepeopleWrap .thepeopleGroup { width: auto;}
.journeyCountWrap { display: flex; justify-content: flex-end;}
.journeyCountWrap .bgImg { width: 140%;}
.contactInner { flex-direction: column;}
.contactLeft, .contactRight { width: auto; padding: 40px;}
.contactLeft{ margin-bottom:40px;}
.searchiconBtn{ display: block; border-radius: 50%; background: #f1f1f1; padding: 6px 8px;margin-right: 12px;}
.searchiconBtn img{ width:23px;}
.searchBox { position: fixed; top: 10%; right: 0; width: 9%; left: 0; margin: 0 auto;  opacity:0; z-index:-1; transition: 0.5s; pointer-events: none;}
.searchBox.active{ opacity:1; z-index:9999;width: 60%; pointer-events: auto;}
.searchBox .inputbox.search-query{ width:100%; padding:12px 50px 12px 20px; box-sizing: border-box;}
.searchBox .button { width: 23px; right: 12px; top: 11px;}
.headercall{ padding:0; margin-right: 12px;}
.headercall a{ padding:5px 8px;}
.headercall a span{ display:none;}
.headercall a img {width:23px; margin-right: 0;}
.searchoverlay.active { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 1; z-index: 999; top: 0; left: 0;}
.tourslistWrap { margin: 20px auto 80px auto;}
.footerContact ul.contactsList{display: flex; flex-wrap: wrap; justify-content: space-between;}
.footerContact ul.contactsList li{ width:49%;}
.socialLink { margin-top: 20px;}
.search {  margin: 120px auto 60px auto;}
 }
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 753px) {
     
}
 @media only screen and (max-width: 736px) {
     .customisedtoursWrap .customisedtoursList .customisedtoursBox { width: 100%; margin: 15px 0;}
}
 @media only screen and (max-width: 711px) {
.bannerWrap .bannerInfo { width: 90%; left: 5%;}
.bannerWrap .bannerInfo .bannerTop { display: block;}
.bannerWrap .bannerInfo .bannerTop .heighlight { display: inline-block; margin-bottom: 10px;}
.bannerWrap img.bannerBg { width: 200%;} 
.servicespackageWrap .tabFilter ul { width: auto; padding: 6px;}
.servicespackageWrap .tabFilter ul li a { font-size: 24px; line-height: 45px;} 
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft img { width: 140px; margin-bottom: 10px;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft h2 { font-size: 21px; line-height: 24px;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft { font-size: 14px; line-height: 20px; }
.testimonialsWrap {	padding: 60px 0;}
.bestplanWrap { padding: 50px 0;}
.bestplanWrap .bestplanHero .bestplanleft { width: 70%;}
.bestplanWrap .bestplanList .bestplanBox { display: block;}
.bestplanWrap .bestplanList .bestplanBox .bestplanImg { width: auto;}
.bestplanWrap .bestplanList .bestplanBox .bestplanInfo { width: auto; padding: 20px;}
footer .bottom { padding: 60px 0;}
.tourslistWrap .servicespackageBox { width: 100%; margin: 15px 0;}
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons { display: flex;}
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons .btn { margin-top: 0;}
.accordion-section-title {padding: 15px 45px 15px 15px;}
.stayfacilitiesWrap .stayGroup { display: block;}
.stayfacilitiesWrap .stayGroup .stayBox { width: 100%; margin: 0 0 30px 0;}
.tourgalleryWrap ul { display: block; margin: 0;}
.tourgalleryWrap ul li { width: 100%; margin: 15px 0;}
.aboutagroWrap .aboutagroGroup { display: flex; align-items: center; flex-direction: column-reverse;}
.aboutagroWrap .aboutagroGroup .aboutagroRight { width: 100%;}
.aboutagroWrap .aboutagroGroup .aboutagroLeft { width: 100%; margin-right: 0; margin-top: 20px;}
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsuser .stars { max-width: 50%;}
.thepeopleWrap .thepeopleInfo .thepeopletxt .name { font-size: 17px; line-height: 20px;}
.journeyCountWrap .journeyCountInfo h2 {font-size: 30px; line-height: 35px; margin-bottom: 5px;}
.contactbannerWrap.bannerWrap img.bannerBg { width: 210%;}
.managerpointsWrap { padding: 60px 0;}
.managerpointsWrap .managerpointsInner { flex-direction: column-reverse;}
.managerpointsWrap .managerpointsLeft { width: 100%; margin-right: 0; margin-top: 30px;}
.managerpointsWrap .managerpointsRight { width: 100%;}
.search .btn-toolbar { display: flex; width: 50%; align-items: flex-end;}
}
 @media only screen and (max-width: 640px) {
.whytravalWrap .whytravalBox { width: 100%;}
}
 @media only screen and (max-width: 600px) {
.bannerWrap img.desktopBanner{ display:none;}
.bannerWrap img.mobileBanner{display:block;}
.bannerWrap.homeBanner .bannerInfo { top: 10%;	transform: translateY(0);}
.bannerWrap .bannerInfo { top: 10%;	transform: translateY(0);}
.mobilebottomFix{ display:block;}
.quickenquiryBox{ display:none;}
.quickmenuList{ display: block;}
.bannerWrap .packageInfo p,.servicespackageWrap .servicespackageBox .servicespackageInfo p, .tourslistWrap .servicespackageBox .servicespackageInfo p{ display:none;}
.bannerWrap img.bannerBg { width: 100%;} 
.bannerWrap.homeBanner img.bannerBg { width: 100%;} 
.copyRightInner { flex-direction: column; text-align: center;}
.copyRightWrap {padding: 15px 0 75px 0;}
.contactWrap { padding: 60px 0;}
.accordion-section-title { line-height: 21px;}
.projectscontenerWrap .projectscontenerMenu.margintop { margin-top: 20px;}
.projectscontenerWrap .projectscontenerInfo > section { margin-top: 40px;}
.miceList .miceBox { width: 100%;}
}
 @media only screen and (max-width: 569px) {
.hospitalityList .hospitalityBox { width: 100%;}
.journeyCountWrap .bgImg { width: 210%; }
.tourdatesWrap ul li {width: 100%; margin: 4px 0; padding: 6px 15px;}
 }
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
}
 @media only screen and (max-width: 480px) {
h1 { font-size: 30px; line-height: 34px;}        
h2 { font-size: 28px; line-height: 32px;}   
.bannerWrap img.bannerBg { width: 100%;}
.bannerWrap.homeBanner img.bannerBg { width: 100%;}
.bannerWrap .bannerSlider ul { bottom: 15px;}
.bannerWrap .bannerInfo { padding: 20px 20px; top: 10%;	transform: translateY(0);}
.bannerWrap .packageDeatils { padding-top: 0}
.bannerWrap .packageDeatils .bannerBtn { display: flex;} 
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view span { padding: 5px 6px; margin: 0 2px;}
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .package { padding: 3px 12px; border-radius: 12px 0 0 12px; font-size: 14px;}
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view span img { width: 18px; height: 13px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo .buttons { display: flex;} 
.agrotourismWrap .agrotourismInner .agrotourismContent { display: block; align-items: center; margin: 0 auto;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismRight { width: 65%; margin: 0 auto;display: none;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft { width: auto; margin-top: 0;}
.testimonialsWrap .testimonialsRight .testimonialsBox { border-radius: 10px; padding: 20px;}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-prev.slick-arrow { left: -30px;}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-next.slick-arrow { right: -25px;}
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsuser { margin-bottom: 10px;}
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsUser { margin-top: 10px;}
.bestplanWrap .bestplanInner .bestplanHero { display: block;}
.bestplanWrap .bestplanHero .bestplanleft { width: auto; }
.bestplanWrap .bestplanHero .bestplanright { margin-top: 15px;}
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons { display: flex; }
.tourstatsWrap .tourstatsInner .statslist .statsBox { width: 48%; padding: 10px 10px; margin: 5px 1%; }
.tourstatsWrap .tourstatsInner .statslist .statsBox .statsicon img { width: 35px;}
.tourstatsWrap .tourstatsInner .statslist .statsBox .statsInfo span { display: block; font-size: 12px; line-height: 15px; margin-bottom: 2px;}
.tourstatsWrap { padding: 20px 0;}
.tourstatsWrap .tourstatsInner .statslist .statsBox .statsInfo { font-size: 15px; line-height: 20px;}
.paddingBox { padding: 15px; }
.stayfacilitiesWrap .facilitiesGroup .facilitiesBox { width: 48%;}
.quickenquiryWrap { right: -85%; width: 84%;}
.tourslistWrap .servicespackageBox .servicespackageInfo { padding: 18px;}
.contactbannerWrap.bannerWrap img.bannerBg { width: 220%;}
.contactbannerWrap .bannerInformation h2 { margin-bottom: 10px;}
.contactbannerWrap .bannerInformation .roadmap { font-size: 13px; line-height: 22px;}
.contactWrap { padding: 50px 0;}
.contactRight .inputBox input, .contactRight .inputBox textarea { width: 100%; padding: 12px 18px;}
.contactLeft, .contactRight { width: auto; padding: 20px;} 
.contactRight .formWrap { margin-top: 30px;}
.bannerWrap .packageDeatils .bannerBtn .whatsappBtn { margin-right: 8px;}
.whatsappBtn a img{ width: 23px;}
.whatsappBtn a { padding: 5px 15px 5px 5px;}
.btn a { padding: 6px 15px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo .buttons .whatsappBtn { margin-right: 8px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo { padding: 12px;}
.servicespackageWrap .tabFilter ul li a { font-size: 14px; line-height: 20px;}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-prev.slick-arrow {left:-30px;}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-next.slick-arrow {right:-30px;}
.testimonialsWrap .testimonialsRight { width: 87%;}
.tourslistWrap .servicespackageBox .servicespackageInfo { padding: 13px;}
.tableWrap{ overflow-x: scroll;}
.managerpointsWrap .managerpointsLeft .heighlight { font-size: 20px;}
.managerpointsWrap .managerpointsLeft ul li { font-size: 16px; line-height: 22px;}
.managerpointsWrap .managerpointsLeft ul li img { width: 46px;}
.thepeopleWrap .thepeopleGroup { flex-wrap: wrap;}
.thepeopleWrap .thepeopleGroup .thepeopleBox { margin: 15px 0; width: 100%;}
.servicespackageWrap { padding: 60px 0px;}
.servicespackageWrap .tabFilter { margin-bottom: 35px;}
.agrotourismWrap { padding-bottom: 60px;}
.whytravalWrap .whytravalList { margin-top: 20px;}
.whytravalWrap .whytravalBox {padding: 20px 20px;}
 .whytravalWrap { padding-bottom: 50px;}
.testimonialsWrap .testimonialsLeft .btn{display:none;}
.informationWrap .informationTable tr th { padding: 4px 10px; font-size: 18px;}
.informationWrap .informationTable tr td { padding: 4px 10px;}
.hospitalityList .hospitalityBox .hospitalityIcon { width: 16%;}
.plancorporatetourWrap .plancorporatetourBox {padding: 40px 30px;}
.plancorporatetourWrap .plancorporatetourBox h2 {margin-bottom: 20px;line-height: 34px; font-size: 21px;}
.plancorporatetourWrap .plancorporatetourBox h2 br{ display:none;}
.aboutWrap { padding: 60px 0;}
.thepeopleWrap { padding-bottom: 40px;}
.journeyCountWrap { background: #000000;}
.journeyCountWrap .bgImg {opacity: 0.7;}
.journeyCountWrap .journeyCountInfo .journeyCounttxt { font-size: 16px; line-height: 18px; margin-bottom: 20px;}
.footerWrap {padding: 50px 0 30px 0;}
}
@media only screen and (max-width: 424px) {
.contactbannerWrap.bannerWrap img.bannerBg { width: 240%;}    
}
 @media only screen and (max-width: 400px) {
}
 @media only screen and (max-width: 384px) {
.servicespackageWrap .servicespackageBox .servicespackageInfo .buttons .btn a { font-size: 13px; padding: 5px 10px;}
.whatsappBtn a { font-size: 13px;}
.btn a { font-size: 13px;padding: 5px 10px;}   
.servicespackageWrap .tabFilter ul li a { font-size: 13px; padding: 10px 6px;}
.footerContact ul.contactsList { flex-direction: column;}
.footerContact ul.contactsList li { width: 100%;}   
.mobilebottomFix ul li { font-size: 10px;} 
.logo a img { width: 150px;}
.headercall a img { width: 18px;}
.searchiconBtn img { width: 18px;} 
.navigation { max-width: 90%;}
h2 { font-size: 25px; line-height: 30px;} 
h3 { font-size: 21px;}  
.contactbannerWrap.bannerWrap img.bannerBg { width: 290%;}   
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}