/*===============================
	Large desktop
=================================*/
@media only screen and (max-width: 1400px) {
.hero .hero-text h1{font-size:60px}
.section-title h2{font-size:38px}
.blog h2{font-size:46px}

/* keep the one-row header from overflowing between 1200 and 1400 */
.header .header-inner{gap:14px}
.header .nav{gap:2px}
.header .nav > li > a{padding:10px 10px;font-size:13.5px}
.header .header-widget{gap:14px}
.header .call i{font-size:20px}
.header .call strong{font-size:18px}
.header .call em{display:none}
.header .header-widget .btn{padding:13px 18px;font-size:15px;gap:10px}
.header .header-widget .btn .btn-round{width:30px;height:30px}
.header .logo .mark{width:44px;height:44px}
.header .logo .name{font-size:22px}
}

/*===============================
	Small desktop / laptop
=================================*/
@media only screen and (max-width: 1199px) {
.header .call strong{font-size:19px}
.header .call em{display:block}
.header .logo .mark{width:50px;height:50px}
.header .logo .name{font-size:25px}
/* header collapses to a toggle */
.header{position:relative}
.header .header-inner{flex-wrap:wrap;gap:12px}
.header .mobile-menu{display:block;margin-left:auto;order:2}
.header .mobile-menu button{width:46px;height:46px;border:2px solid #efe8e4;background:#fff;border-radius:12px;color:#2b2b2b;display:flex;align-items:center;justify-content:center;cursor:pointer}
.header .nav{display:none;order:4;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:0;margin:8px 0 0;border-top:1px solid #efe8e4;padding-top:8px}
.header .nav.is-open{display:flex}
.header .nav > li > a{border-radius:8px;padding:12px 10px;justify-content:space-between}
.header .header-widget{order:5;flex:0 0 100%;flex-wrap:wrap;gap:14px;padding-top:6px}
.header .dropdown{position:static;min-width:0;padding:0 0 8px 12px;box-shadow:none;border-radius:0;opacity:1;visibility:visible;transform:none;display:none}
.header .has-dropdown:hover .dropdown{display:none}
.header .has-dropdown.is-open .dropdown{display:block}
.header .dropdown li a{padding:9px 10px;white-space:normal}
.header .has-dropdown:hover > a i{transform:none}
.header .has-dropdown.is-open > a i{transform:rotate(180deg)}
.services .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.packages .package-grid,
.car-rental .fleet-grid,
.blog .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.short-tours .tour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero .hero-text h1{font-size:52px}
.hero .hero-text{padding-bottom:260px}
}

/*===============================
	Tablet
=================================*/
@media only screen and (max-width: 991px) {
.section{padding:60px 0}
.topbar .links{display:none}
.topbar .note{white-space:normal}
.section-title h2{font-size:32px}
.blog h2{font-size:36px}

/* hero */
.hero{padding:0 8px}
.hero .hero-inner{min-height:auto}
.hero .hero-text{padding:56px 16px 32px}
.hero .hero-text h1{font-size:34px}
.hero .hero-text p{font-size:17px}
.hero .quick-facts{position:static;padding:0 8px 8px}
.hero .quick-facts .inner{flex-wrap:wrap;padding:6px}
.hero .single-fact{flex:1 1 46%;border-right:0;border-bottom:1px solid #eee7e3}
.hero .quick-facts .action{flex:0 0 100%}
.hero .rating{position:static;padding:4px 0 22px}

/* about */
.about-us .cols{gap:32px}
.about-us h2{font-size:32px}
.about-us .image-wrap{padding-left:0}
.about-us .image-wrap .inset{display:none}
.about-us .ring-badge{width:120px;height:120px;top:14px;right:14px}
.about-us .ring-badge .ring{width:120px;height:120px}
.about-us .ring-badge .disc{width:78px;height:78px}
.about-us .founder-note{flex-direction:row;align-items:flex-start}

.categories .cols{gap:28px}
.categories .intro{max-width:none;flex:1 1 100%}
.categories .cards{flex:1 1 100%}
.categories .intro h2{font-size:32px}
.categories .rail-arrow{display:none}

/* grids */
.booking .reasons{flex:1 1 100%}
.packages .package-grid,
.car-rental .fleet-grid,
.blog .post-grid,
.services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.faq .faq-grid{grid-template-columns:1fr;gap:0}

/* cta band */
.cta-band .inner{flex-direction:column;align-items:flex-start;padding:32px 26px}
.cta-band h3{font-size:28px}

/* footer photo strip */
.footer .photo-strip{justify-content:flex-start;padding:28px 12px 0}
.footer .photo-strip .shot:nth-child(1){width:130px;height:170px}
.footer .photo-strip .shot:nth-child(2){width:140px;height:210px;margin-bottom:24px}
.footer .photo-strip .shot:nth-child(3){width:150px;height:240px}
.footer .photo-strip .shot:nth-child(4),
.footer .photo-strip .shot:nth-child(5){display:none}

/* inner pages */
.page-hero h1{font-size:36px}
.page-hero p{font-size:17px}
.page-hero .hero-text{padding:56px 24px 32px}
.page-hero .hero-inner{min-height:auto}
.our-story .cols,.founder .cols,.our-rules .cols{gap:32px}
.our-story h2{font-size:32px}
.founder h2,.our-rules h2{font-size:30px}
.stats h2{font-size:34px;margin-bottom:32px}
.stats .single-stat strong{font-size:40px}
.milestones .milestone-grid,.team .team-grid,.coverage .coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-channels .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-form .cols{gap:28px}
.contact-form .intro{flex:1 1 100%;max-width:none}
.contact-form .intro h2{font-size:30px}
.contact-form .form-box{flex:1 1 100%;padding:24px}
.map-section .map-wrap iframe{height:380px}
.map-section .map-card{position:static;width:auto;margin:16px;box-shadow:none;border:1px solid #efe8e4}
.map-section .office-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
.gallery .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.stats .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.founder .media{max-width:none}
}

/*===============================
	Mobile
=================================*/
@media only screen and (max-width: 767px) {
.section{padding:48px 0}
.wrapper{padding:0 16px}
.section-title h2{font-size:27px}
.section-head{display:block}
.section-head .right{margin-top:14px;max-width:none}
.section-head .btn{margin-top:18px}
.blog h2{font-size:30px}
.blog .section-head{display:flex;flex-wrap:wrap}

/* topbar: keep the promise line only */
.topbar{font-size:12.5px}
.topbar .note{white-space:normal}

.hero .hero-text h1{font-size:28px}
.hero .hero-text p{font-size:15.5px}
.hero .single-fact{flex:1 1 100%;padding:10px 12px}
.hero .rating .name{font-size:18px}
.hero .rating .stars i{font-size:16px}

.about-us h2{font-size:27px}
.about-us .single-pillar{gap:14px}
.about-us .ring-badge{display:none}

.booking .reasons,
.packages .package-grid,
.car-rental .fleet-grid,
.blog .post-grid,
.services .service-grid,
.short-tours .tour-grid{grid-template-columns:1fr}
.booking .stat-row{gap:20px 30px}

.categories .single-category{flex:0 0 230px;height:330px}
.categories .intro h2{font-size:27px}
.categories .cat-list{grid-template-columns:1fr}
.reviews .single-review{flex:0 0 86vw;padding:22px}

.cta-band{padding:0 8px 56px}
.cta-band .buttons .btn{width:100%;justify-content:center}

.footer .footer-main{gap:28px;padding-top:44px}
.footer .footer-col{flex:1 1 46%}
.footer .copyright{padding-bottom:96px}

.page-hero{padding:8px 8px 0}
.page-hero h1{font-size:28px}
.page-hero p{font-size:15.5px}
.page-hero .hero-text{padding:44px 18px 26px}
.our-story h2{font-size:27px}
.founder h2,.our-rules h2{font-size:25px}
.stats h2{font-size:28px}
.stats .single-stat strong{font-size:34px}
.milestones .milestone-grid,.team .team-grid,.coverage .coverage-grid,.stats .stat-grid{grid-template-columns:1fr}
.contact-channels .channel-grid,.map-section .office-grid{grid-template-columns:1fr}
.contact-form .intro h2{font-size:26px}
.contact-form .form-box{padding:18px}
.contact-form .form-foot .btn{width:100%;justify-content:center}
.contact-form .or-call .btn{width:100%;justify-content:center;margin:0 0 10px}
.map-section .map-wrap iframe{height:300px}
.gallery .gallery-tabs{flex-wrap:wrap;gap:10px}
.gallery .tab{flex:1 1 100%;justify-content:center;padding:13px 18px;font-size:14.5px}
.gallery .photo-grid{grid-template-columns:1fr;grid-auto-rows:220px;gap:14px}
.gallery .single-photo.tall,.gallery .single-photo.wide{grid-row:auto;grid-column:auto}
.gallery .video-grid{grid-template-columns:1fr;gap:26px}
.gallery .single-video .play{width:54px;height:54px;font-size:18px}
.lightbox{padding:16px;gap:8px}
.lightbox .nav-btn{width:42px;height:42px;font-size:20px}
.lightbox figure img{max-height:64vh}
.founder .by .btn{width:100%;justify-content:center}

.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}
.whatsapp-float i{font-size:26px}

.enquiry-modal .modal-title{font-size:23px}
.enquiry-modal .form-foot .btn{width:100%;justify-content:center}
}

/*===============================
	Small mobile
=================================*/
@media only screen and (max-width: 480px) {
.wrapper{padding:0 14px}
.header .logo .mark{width:42px;height:42px}
.header .logo .name{font-size:21px}
.header .logo .tag em{font-size:8.5px;letter-spacing:.16em}
.header .call strong{font-size:18px}
.header .header-widget{gap:12px}
.header .header-widget .btn{flex:1 1 100%;justify-content:space-between}
.footer .footer-col{flex:1 1 100%}
.section-title h2{font-size:24px}
.hero .hero-text h1{font-size:25px}
.page-hero h1{font-size:25px}
.short-tours .single-tour .thumb{width:76px;height:76px}
.reviews .single-review{flex:0 0 88vw}
.categories .single-category{flex:0 0 210px;height:300px}
}


/*===============================
	Tour detail responsive CSS
=================================*/
@media (max-width:1399px){
	.tour-hero h1{font-size:50px}
	.tour-body .cols{grid-template-columns:minmax(0,1fr) 340px;gap:50px}
	.tour-query .cols{gap:50px}
}
@media (max-width:1199px){
	.tour-hero{padding-top:26px}
	.tour-hero h1{font-size:42px}
	.tour-hero .hero-head{flex-direction:column;align-items:flex-start;gap:22px}
	.tour-hero .badges{flex-direction:row;align-items:center;gap:16px}
	.tour-hero .tour-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
	.tour-hero .tour-meta li{padding:18px 20px;border-bottom:1px solid #efe8e4}
	.tour-hero .tour-meta li:nth-child(3n){border-right:0}
	.tour-hero .tour-meta li:nth-last-child(-n+2){border-bottom:0}
	.tour-body .cols{grid-template-columns:1fr;gap:44px}
	.tour-body .aside{position:static}
	.booking-card{max-width:560px}
	.tour-highlights .highlight-list{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tour-query .cols{grid-template-columns:1fr;gap:38px}
}
@media (max-width:991px){
	.tour-body .tour-block h2,.tour-query .text h2{font-size:32px}
	.tour-gallery .shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tour-gallery .shot.is-lead{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9}
	.tour-includes .include-cols{grid-template-columns:1fr}
	.tour-bar{display:flex}
	body{padding-bottom:76px}
	.whatsapp-float{bottom:90px}
}
@media (max-width:767px){
	.tour-hero{padding-top:20px}
	.tour-hero h1{font-size:32px}
	.tour-hero .title p{font-size:16px}
	.tour-hero .tour-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tour-hero .tour-meta li{padding:16px 14px}
	.tour-hero .tour-meta li:nth-child(3n){border-right:1px solid #efe8e4}
	.tour-hero .tour-meta li:nth-child(2n){border-right:0}
	.tour-hero .tour-meta li:first-child{padding-left:14px}
	.tour-nav a{padding:16px 0;font-size:13.5px}
	.tour-nav ul{gap:22px}
	.tour-body .tour-block h2,.tour-query .text h2{font-size:27px}
	.tour-overview .quick-facts{grid-template-columns:1fr}
	.tour-highlights .highlight-list{grid-template-columns:1fr}
	.tour-itinerary .single-day{gap:16px}
	.tour-itinerary .day-no{width:58px;height:58px;border-radius:13px}
	.tour-itinerary .day-no strong{font-size:20px}
	.tour-query .form-box{padding:22px}
	.tour-query .form-foot{flex-direction:column;align-items:flex-start;gap:12px}
	.tour-query .form-foot .btn{width:100%;justify-content:center}
}
@media (max-width:480px){
	.tour-gallery .shot-grid{grid-template-columns:1fr}
	.tour-gallery .shot,.tour-gallery .shot.is-lead{aspect-ratio:4/3}
	.tour-hero .badges{flex-direction:column;align-items:flex-start;gap:10px}
	.tour-bar .price strong{font-size:18px}
}


/*===============================
	Car rental responsive CSS
=================================*/
@media (max-width:1399px){
	.rental-hero h1{font-size:46px}
	.rental-hero .hero-grid{grid-template-columns:minmax(0,1fr) 420px;gap:40px}
	.rental-rate .cols,.rental-quote .cols{gap:46px}
}
@media (max-width:1199px){
	.rental-hero .hero-grid{grid-template-columns:1fr;gap:36px;padding-top:54px;padding-bottom:54px}
	.rental-hero h1{font-size:40px;max-width:22ch}
	.rental-hero .hero-form{max-width:560px}
	.rental-types .type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rental-fleet .car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rental-steps .step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 0}
	.rental-steps .single-step:nth-child(odd){padding-left:0;border-left:0}
	.rental-cities .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rental-rate .cols,.rental-quote .cols{grid-template-columns:1fr;gap:38px}
	.rental-trust li{padding:22px 20px}
	.rental-trust strong{font-size:28px}
}
@media (max-width:991px){
	.rental-hero h1{font-size:34px}
	.rental-rate .text h2,.rental-quote .text h2{font-size:32px}
	.rental-trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}
	.rental-trust li{border-bottom:1px solid #efe8e4}
	.rental-trust li:nth-child(2n){border-right:0}
	.rental-trust li:nth-last-child(-n+2){border-bottom:0}
	.rental-trust li:first-child{padding-left:20px}
	.rental-rate .rate-lists{grid-template-columns:1fr}
}
@media (max-width:767px){
	.rental-hero{padding:8px 8px 0}
	.rental-hero h1{font-size:29px}
	.rental-hero .hero-text > p{font-size:16px}
	.rental-hero .hero-form{padding:22px}
	.rental-hero .hero-actions .btn{width:100%;justify-content:center}
	.rental-types .type-grid,.rental-fleet .car-grid,.rental-cities .city-grid{grid-template-columns:1fr}
	.rental-steps .step-grid{grid-template-columns:1fr}
	.rental-steps .single-step{padding-left:0;border-left:0}
	.rental-fleet .cat-head h3{font-size:23px}
	.rental-rate .text h2,.rental-quote .text h2{font-size:27px}
	.rental-quote .form-box{padding:22px}
	.rental-quote .form-foot{flex-direction:column;align-items:flex-start;gap:12px}
	.rental-quote .form-foot .btn,.rental-quote .talk .btn{width:100%;justify-content:center}
}
@media (max-width:480px){
	.rental-trust ul{grid-template-columns:1fr}
	.rental-trust li{border-right:0;padding-left:0;padding-right:0}
	.rental-trust li:first-child{padding-left:0}
}


/*===============================
	Customize tour responsive CSS
=================================*/
@media (max-width:1199px){
	.customize-intro h1{font-size:42px}
	.customize-intro .cols{grid-template-columns:1fr;gap:34px}
	.customize-intro .assure{padding-left:0;border-left:0;padding-top:28px;border-top:1px solid #efe8e4}
}
@media (max-width:1199px){
	.customize-change .change-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
	.customize-intro{padding-top:40px}
	.customize-intro h1{font-size:34px}
	.customize-form .form-shell{padding:30px}
}
@media (max-width:767px){
	.customize-intro h1{font-size:29px}
	.customize-intro .text p{font-size:16px}
	.customize-form .form-shell{padding:20px;border-radius:16px}
	.customize-form legend{font-size:19px}
	.customize-form .pace{grid-template-columns:1fr}
	.customize-change .change-grid{grid-template-columns:1fr}
	.customize-form .form-foot{flex-direction:column;align-items:flex-start;gap:12px}
	.customize-form .form-foot .btn{width:100%;justify-content:center}
}


/*===============================
	Tour categories responsive CSS
=================================*/
@media (max-width:1199px){
	.tour-cats .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
	.cats-length .length-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
	.tour-cats .cat-grid,.cats-length .length-row{grid-template-columns:1fr}
	.cats-length .single-length{padding:20px}
	.cats-length .single-length strong{font-size:21px}
}


/*===============================
	Reviews responsive CSS
=================================*/
@media (max-width:1399px){
	.review-summary .summary-grid{grid-template-columns:220px minmax(0,1fr) 250px;gap:36px}
}
@media (max-width:1199px){
	.review-summary .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
	.review-summary .platforms{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:26px;padding-left:0;padding-top:24px;border-left:0;border-top:1px solid #efe8e4}
	.reviews .review-grid,.reviews .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.leave-review .cols{grid-template-columns:1fr;gap:34px}
}
@media (max-width:991px){
	.review-summary .score strong{font-size:52px}
	.leave-review .text h2{font-size:32px}
	.reviews .tab-bar{width:100%}
}
@media (max-width:767px){
	.review-summary .summary-grid{grid-template-columns:1fr}
	.reviews .review-grid,.reviews .video-grid{grid-template-columns:1fr}
	.reviews .single-review{padding:22px}
	.reviews .single-review .by{flex-direction:column;align-items:flex-start;gap:10px}
	.reviews .tab{flex:1 1 auto;justify-content:center;padding:12px 14px;font-size:14px}
	.leave-review .text h2{font-size:27px}
	.leave-review .form-box{padding:22px}
	.leave-review .form-foot{flex-direction:column;align-items:flex-start;gap:12px}
	.leave-review .form-foot .btn,.leave-review .talk .btn{width:100%;justify-content:center}
}


/*===============================
	FAQ page responsive CSS
=================================*/
@media (max-width:1199px){
	.faq-intro h1{font-size:42px}
	.faq-page .cols{grid-template-columns:1fr;gap:40px}
	.faq-page .cat-nav{position:static}
	.faq-page .cat-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
	.faq-page .cat-nav .help{max-width:520px}
}
@media (max-width:991px){
	.faq-intro{padding-top:40px}
	.faq-intro h1{font-size:34px}
	.faq-page .group-head h2{font-size:26px}
}
@media (max-width:767px){
	.faq-intro h1{font-size:29px}
	.faq-intro p{font-size:16px}
	.faq-page .cat-nav ul{grid-template-columns:1fr}
	.faq-page .group-head{gap:12px}
	.faq-page .group-head .mark{width:40px;height:40px;font-size:17px}
	.faq-page .group-head h2{font-size:22px}
	.faq-page .single-faq .question{font-size:16px}
}


/*===============================
	Blog responsive CSS
=================================*/
@media (max-width:1399px){
	.blog-intro h1,.post-head h1{font-size:44px}
	.post-body .cols{grid-template-columns:minmax(0,1fr) 300px;gap:50px}
}
@media (max-width:1199px){
	.blog-intro .cols{grid-template-columns:1fr;gap:28px;align-items:start}
	.blog-featured .featured-post{grid-template-columns:1fr}
	.blog-featured .media{min-height:300px}
	.blog-featured .text{padding:30px}
	.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
	.post-body .cols{grid-template-columns:1fr;gap:44px}
	.post-aside{position:static}
	.post-aside .side-card,.post-aside .side-list{max-width:560px}
}
@media (max-width:991px){
	.blog-intro h1,.post-head h1{font-size:36px}
	.blog-featured .text h2{font-size:28px}
	.post-content h2{font-size:26px}
	.post-cover img{aspect-ratio:16/9}
}
@media (max-width:767px){
	.blog-intro{padding-top:36px}
	.blog-intro h1,.post-head h1{font-size:29px}
	.post-head .stand{font-size:17px}
	.post-head .post-meta{gap:20px}
	.post-grid{grid-template-columns:1fr}
	.blog-featured .text{padding:22px}
	.blog-featured .text h2{font-size:24px}
	.post-content p{font-size:16px}
	.post-content .intro{font-size:17.5px}
	.post-content h2{font-size:23px}
	.post-content blockquote{padding:20px 22px}
	.post-content blockquote p{font-size:18px}
	.post-author{flex-direction:column;gap:14px;padding:20px}
	.pagination{flex-wrap:wrap}
}


/*===============================
	Blog query form responsive CSS
=================================*/
@media (max-width:1199px){
	.blog-query .cols{grid-template-columns:1fr;gap:34px}
}
@media (max-width:991px){
	.blog-query .text h2{font-size:30px}
}
@media (max-width:767px){
	.blog-query .text h2{font-size:26px}
	.blog-query .form-box{padding:22px}
	.blog-query .form-foot{flex-direction:column;align-items:flex-start;gap:12px}
	.blog-query .form-foot .btn{width:100%;justify-content:center}
}